/**
 * Table of Contents:
 * (easily jump around by using crtl-F > section number)
 *
 * 1 - Omega-Specific Resets & Overrides - Don't edit unless you have to

 * 2 - Global Styles - Add to/Edit these as needed
 * 2.1 Header (.section-header)
 * 2.2 Main Content (.section-content)
 * 2.3 Footer (.section-footer)
 * 2.4 Postscrit (.zone-postscript)

 * 3 - Specific Content Type Styles
 * 3.1 Pages
 * 3.2 Blog Posts
 * 3.3 Services
 * 3.4 Staff Profiles

 * 4 - Specifc Page Styles
 * 4.1 Front Page
 * 4.2 Case Studies
 * 4.3 Project Planner
 * 4.4 Our Clients
 * 4.5 All Case Studies
 * 4.6 Client Map

 * 5 - Media Queries
 * 5.1 1220px
 * 5.2 980px
 * 5.2b 800px
 * 5.3 740px

 * ----------------------------------------------------------------------------
**/

/**
 * 1 - Omega-Specific Resets & Overrides - Don't edit unless you have to
 * ----------------------------------------------------------------------------
**/

/* basics */
*, *:before, *:after {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

html {
	height: 100%;
	/* Fixing errant resizing of text on orientation change for mobile devices */
	-webkit-text-size-adjust: 100%;
}

/* hiding misc. uneccessary elements, check theme options before adding */
.alpha-resize-indicator,
.grippie {
	display: none;
}

/* layout */
.region {
	display: block;
	min-height: 0px;
	max-width: 100%;
}

/* containers that are also contextual-link areas, and have a position: relative; only when logged in. */
.zone {
/*.block {*/
	position: relative;
}

.clearfix:after {
	width: 100%;
}

.touchscreen a.contextual-links-trigger {
	display: block;
	opacity: 0.5;
}

/* Views contextual links shouldn't have their labels appear (correcting for views bug) */
.views-field-contextual-links > .views-label {
	display: none;
}

.element-invisible {
	display: none;
}

/**
 * 2 - Global Styles - Add to/Edit these as needed
 * ----------------------------------------------------------------------------
**/

#page {
	position: relative;
}

body {
	font-family: 'proxima-nova';
	font-weight: 300;
	font-size: 24px;
	line-height: 1.4;
	color: #333;
	text-rendering: optimizeLegibility;
	background-image: url(../img/jz-background.png);
	overflow-x: hidden;
}

body.admin-menu {
	min-height: -webkit-calc(100% - 29px);
	min-height: -moz-calc(100% - 29px);
	min-height: calc(100% - 29px);
}

.content a, 
.content a:before, 
.content a:after {
	-webkit-transition: .4s cubic-bezier(0.5,0,0,.75);
	-o-transition: .4s cubic-bezier(0.5,0,0,.75);
	-moz-transition: .4s cubic-bezier(0.5,0,0,.75);
	transition: .4s cubic-bezier(0.5,0,0,.75);
}

.content a {
	color: #000;
	text-decoration: none;
	/*box-shadow: 0 1px 0 0 #D89E50;*/
}
 
.content a:hover {
	color: #D89E50;
	/*box-shadow: 0 3px 0 0 #D89E50;*/
}

/* Formatting Boilerplate */
.logo-img img,
.content img {
	max-width: 100%;
	height: auto !important;
}

.logo-img img {
	opacity: unset !important;
	position: unset !important;
}

/* Media Layouts */
.media-element-container {
	position: relative;
}

.media-element-container .field-name-field-link a {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	font-size: 0;
}

.media-bump_out {
	max-width: -webkit-calc(100vw - 40px);
	max-width: -moz-calc(100vw - 40px);
	max-width: calc(100vw - 40px);
	margin: 0 auto 20px;
	width: 100vw;
	margin-left: -webkit-calc(50% - 50vw + 20px);
	margin-left: -moz-calc(50% - 50vw + 20px);
	margin-left: calc(50% - 50vw + 20px);
}

.media-bump_out img {
	width: 100%;
}

.media-full_width {
	max-width: 1040px;
	margin: 0 auto 20px;
}

.media-half_width {
	max-width: 50%;
}

.media-wysiwyg-align-center {
	margin: 0 auto;
}

.file-document .file-icon {
	vertical-align: baseline;
}

.media-p,
.content p {
	max-width: 1040px;
	margin: 0 auto 20px;
}

.content iframe {
	max-width: 100%;
}

.content blockquote {
	font-style: italic;
}

::-moz-selection {
	color: #fff;
	background: #6FA9CE;
	text-shadow: none;
}

::selection {
	color: #fff;
	background: #6FA9CE;
	text-shadow: none;
}

/* keeps bullets from collapsing behind floated images & wrapping in odd ways */
.field-type-text-long ul,
.field-type-text-long ol {
	overflow: hidden;
	max-width: 1040px;
	margin: 0 auto 20px;
}

.field-type-text-long ul {
	list-style: disc;
	padding-left: 30px;
}

.field-type-text-long ul ul {
	list-style: circle;
	margin-bottom: 0;
}

.field-type-text-long ol {
	list-style: decimal;
	padding-left: 30px;
}

.field-type-text-long ol ol {
	list-style: lower-alpha;
	margin-bottom: 0;
}

p:last-child {
	margin-bottom: 0;
}

.view ul,
.view ul li,
ul.menu li {
	margin: 0;
	padding: 0;
}

ul.inline li,
.node-links ul li a, 
.comment-links ul li a {
	display: inline-block;
}

hr {
	background: #ccc;
	background: rgba(0,0,0,0.15);
	margin: 30px auto;
	border: none;
	clear: both; 
}

ul li {
	display: list-item;
    list-style-type: disc;
    list-style-position: inside;
}

/* h1-6 rules */
h1, h2, h3, h4, h5, h6 {
	font-family: 'proxima-nova';
	font-weight: 300;
	line-height: 1.1;
	letter-spacing: 0;
	margin: 0 auto;
	max-width: 1040px;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color: inherit;
}

h1 {
	font-size: 48px;
	font-weight: 700;
}

.bean-footer-image h1 {
	position: relative;
	margin-bottom: 15px;
	padding-bottom: 10px;
}

.bean-footer-image h1:after {
	content: '';
    position: absolute;
    width: 150px;
    height: 5px;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: 3px solid #D89E50;
    margin: 0px auto;
}

h2 {
	font-size: 36px;
	font-weight: 700;
	margin-bottom: 15px;
	padding-bottom: 10px;
	position: relative;
}

h3 {
	font-size: 24px;
	font-weight: 700;
	color: #D89E50;
	padding-bottom: 15px;
	margin-bottom: 40px;
	position: relative;
}

.view-staff-test-view h3 {
	text-transform: capitalize;
	color: #54682C;
	font-size: 36px;
	margin-bottom: 15px;
}

.front h3:after,
blockquote h3:after,
.not-front h2:after,
.view-case-studies h3:after,
.view-staff-test-view h3:after {
    content: '';
    position: absolute;
    width: 50px;
    height: 5px;
    bottom: 0;
    left: 0;
    border-bottom: 3px solid;
}

.rtecenter:after {
	right: 0;
	margin: auto;
}

#block-block-8 h2:after,
.block-bean-services-menu h2:after {
	left: unset;
	right: 0;
}

.block-bean-announcements-block h3:after {
	border-bottom: 0px solid;
}

blockquote h3 {
	margin: unset !important;
	margin-bottom: 40px !important;
	padding-bottom: 15px;
}

h4 {
	font-size: 20px;
	font-weight: 700;
}

h5 {
	font-size: 16px;
	color: #2F3F1D;
	font-weight: 600;
}

/* .footer_block:nth-of-type(2) h5 {
	color: #FBAE17;
} */

h6 {
	font-size: 12px;

}

h1 a:link, 
h2 a:link, 
h3 a:link, 
h4 a:link, 
h5 a:link, 
h6 a:link {
	text-decoration: none;
}

/* Google's noCaptchaReCaptcha */
.g-recaptcha > div > div {
	margin: 15px auto;
}

.g-recaptcha > div {
	margin: 0px auto;
	text-align: center;
}

.g-recaptcha {
	display: none;
}

/* Useful starting point for webform elements, change up rules as needed */
textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {
	border: 1px solid #ccc;
	-webkit-transition: border .2s cubic-bezier(0.5,0,0,.75), -webkit-box-shadow .2s cubic-bezier(0.5,0,0,.75);
	transition: border .2s cubic-bezier(0.5,0,0,.75), -webkit-box-shadow .2s cubic-bezier(0.5,0,0,.75);
	-o-transition: border .2s cubic-bezier(0.5,0,0,.75), box-shadow .2s cubic-bezier(0.5,0,0,.75);
	-moz-transition: border .2s cubic-bezier(0.5,0,0,.75), box-shadow .2s cubic-bezier(0.5,0,0,.75);
	transition: border .2s cubic-bezier(0.5,0,0,.75), box-shadow .2s cubic-bezier(0.5,0,0,.75);
	transition: border .2s cubic-bezier(0.5,0,0,.75), box-shadow .2s cubic-bezier(0.5,0,0,.75), -webkit-box-shadow .2s cubic-bezier(0.5,0,0,.75);
	max-width: 100%;
}

textarea:hover, select:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="email"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover {
	border: 1px solid #999;
}

/* "-moz-box-shadow" isn't a real rule, but omega's defaults have it anyway, so the override needs it too. */
textarea:focus, select:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus  {
	border: 1px solid #333;
	-webkit-box-shadow: #fff 0 0 0;
	        box-shadow: #fff 0 0 0;
}

button, input[type="reset"], input[type="submit"], input[type="button"], 
.node-links ul li a, .comment-links ul li a {
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	background: #eee;
	border: 1px solid #ccc;
	padding: 4px 10px 3px;
	padding: 8px 15px;
	text-decoration: none;
}

.button a,
a.button {
	color: #fff;
	-webkit-box-shadow: none;
	        box-shadow: none;
	display: inline-block;
	text-decoration: none;
	font-size: 18px;
	font-weight: 700;
}

.orange {
	color: #D89E50 !important;
	border: 1px solid rgba(216, 158, 80, 0.6);
	padding: 10px 20px;
}

.white {
	border: 1px solid rgba(255, 255, 255, 0.6);
	padding: 10px 20px;
}

.view-featured-case-study .white {
	padding: 0px 0px;
	border: 0px solid;
}

.view-featured-case-study a {
	padding: 10px 20px;
	border: 1px solid rgba(255, 255, 255, 0.6);
}

.button a:hover,
a.button:hover {
	background-color: #D89E50;
	border: 1px solid rgba(216, 158, 80, 0.6);
	color: #FFF !important;
}

img {
	position: relative;
}

.front .views-field-field-featured-image .field-content:after,
.not-front .views-field-field-featured-image .field-content a:after,
.field-name-field-featured-image .field-item:after,
.field-name-field-header-image .content:after,
.field-name-field-background-image .field-item:after {
	content: ' ';
	display: block;
	background-image: url(../img/image_dots.png);
	background-repeat: repeat;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}

/**
 * 2.1 Header (.section-header)
 * ----------------------------------------------------------------------------
**/

.section-header,
.front .section-header {
	clear: both;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
}

.section-header.no-image {
	position: unset;
	top: unset;
	right: unset;
	left: unset;
}

.section-header {
	z-index: 500;
	background-color: rgba(51, 51, 51, 0.5);
}

.zone-branding-wrapper {
	border-bottom: 3px solid #D89E50;
	padding: 0;
}

.branding-data,
.browser-ie .branding-data img {
	max-width: 500px;
}

.logo-img {
	width: 100%;
	background: url(../img/ja-logo-white.png) center no-repeat;
	-webkit-background-size: contain;
	     -o-background-size: contain;
	        background-size: contain;
}

.logo-img a {
	display: block;
	opacity: 0;
}

.region-branding-inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	   -moz-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

/* Main Menu */
#block-block-1 {
	display: none;
}

#superfish-1 li a {
	display: block;
	padding: 5px 10px;
	text-decoration: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition:  .4s cubic-bezier(0.75, 0, 0, 1);
	-o-transition:  .4s cubic-bezier(0.75, 0, 0, 1);
	-moz-transition:  .4s cubic-bezier(0.75, 0, 0, 1);
	transition:  .4s cubic-bezier(0.75, 0, 0, 1);
	font-size: 16px;
	color: #FFF;
}

#superfish-1 > li > a {
	margin: 15px 10px;
}

#superfish-1 .sf-depth-1 > a {
	text-transform: uppercase;
	margin: 15px 10px;
	padding: 10px 0px;
	-webkit-box-shadow: none;
	        box-shadow: none;
}

#superfish-1 {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}

#superfish-1 li {
	position: static;
	float: none;
}

#superfish-1 li:hover a {
	-webkit-box-shadow: inset 0 -1px #D89E50;
	        box-shadow: inset 0 -1px #D89E50;
}

#superfish-1 li:hover > ul a {
	-webkit-box-shadow: unset;
	        box-shadow: unset;
}

#superfish-1 > li > ul {
	top: 100% !important;
	display: -webkit-box !important;
	display: -webkit-flex !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	opacity: 0;
	padding: 15px 0px;
	width: 100%;
	pointer-events: none;
	background: #FFF;
	-webkit-column-rule: 1px solid #D89E50;
	        -moz-column-rule: 1px solid #D89E50;
	     column-rule: 1px solid #D89E50;
	-webkit-transition: .4s cubic-bezier(0.5,0,0,.75);
	-o-transition: .4s cubic-bezier(0.5,0,0,.75);
	-moz-transition: .4s cubic-bezier(0.5,0,0,.75);
	transition: .4s cubic-bezier(0.5,0,0,.75);
}

#superfish-1 > li > ul > li {
	width: -webkit-calc(50% - 15px);
	width: -moz-calc(50% - 15px);
	width: calc(50% - 15px);
	margin-right: 15px;
}

#superfish-1 > li > ul > li:nth-child(odd) {
	border-right: 1px solid #D89E50;
}

#superfish-1 > li:hover > ul {
	opacity: 1;
	pointer-events: inherit;
	padding: 25px 0px;
}

#superfish-1 li > ul a {
	color: #2F3F1D;
}

#superfish-1 li > ul a:hover {
	color: #D89E50;
}

#superfish-1 li > ul a.active {
	font-weight: 700;
}

.drop-trigger {
	display: none;
}

.field-name-field-featured-image .field-item {
	height: 50vh !important;
	min-height: 450px !important;
}



/**
 * 2.2 Main Content (.section-content)
 * ----------------------------------------------------------------------------
**/

/* Preface Section */ 
#zone-preface,
#region-preface-first {
	width: 100%;
	margin: 0;
}

#zone-preface-wrapper {
	padding-bottom: 70px;
}

#region-preface-first h1, 
#region-preface-first h2, 
#region-preface-first h3, 
#region-preface-first h4, 
#region-preface-first h5, 
#region-preface-first h6 {
	max-width: 100%;
}

.section-content {
}

.view-id-featured_case_study .views-row {
	position: relative;
}

#block-views-page-title-block,
.view-featured-case-study .views-field-title {
	width: 100%;
	background-color: rgba(51, 51, 51, 0.5);
	border-top: 3px solid rgba(255, 255, 255, 0.5);
	padding-top: 40px;
	padding-bottom: 40px;
	z-index: 200;
}

#block-views-page-title-block.no-image {
	border-top: 0px solid;
	border-bottom: 5px solid #444;
	padding-top: 25px;
	padding-bottom: 25px !important;
	background-color: unset;
}

#region-preface-first .no-image h1 {
	color: #333 !important;
}

#block-views-page-title-block,
.front #block-views-page-title-block  {
	position: absolute;
	bottom: 0;
}

#block-views-page-title-block.no-image,
.front #block-views-page-title-block.no-image  {
	position: unset;
	bottom: unset;
}

.node-type-page #block-views-page-title-block {
	padding-bottom: 75px;
}

.view-page-title .views-field-title,
.views-field-field-subtitle,
.page-title {
	color: #FFF;
}

.view-page-title .views-row {
	margin: 0 auto;
	float: none;
    display: block;
}

.front .views-field-field-subtitle {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 101;
	padding-bottom: 55px;
}

.view-featured-case-study .views-field-title {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 101;
	color: #FFF;
	padding-bottom: 73px;
}

.view-featured-case-study .views-field-field-subtitle .field-content,
.view-featured-case-study .views-field-title .field-content {
	padding-left: 100px;
	padding-right: 330px;
}

.views-field-view-node {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 101;
	color: #FFF;
	padding-bottom: 75px;
	padding-right: 100px;
}

.front .views-field-view-node {
	display: none;
}

.views-field-title,
.page-title {
	text-transform: uppercase;
}

.zone-preface .content img {
	width: 100% !important;
}

#region-sidebar-second {
	position: -webkit-sticky;
	position: sticky;
	top: 100px;
	padding-top: 70px;
}

.region-sidebar-second-inner.fixed {
	position: fixed;
	top: 60px;
	bottom: 30px;
	width: 280px;
	overflow-y: auto;
}

/**
 * 2.3 Footer (.section-footer)
 * ----------------------------------------------------------------------------
**/

.section-footer {
	margin-top: 70px;
}

.zone-footer {
	width: 100% !important;
}

.region-footer-first {
	width: 100% !important;
	margin: 0 !important;
	font-size: 20px;
}

.block-footer-image .white {
	padding: 20px 40px;
}

.bean-footer-image {
	color: #FFF;
}

.bean-footer-image img {
	width: 100%;
}

.region-footer-first-inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding-bottom: 50px;
}

.block-bean-footer-block-1 {
	width: 25%;
	font-size: 16px;
}

#block-bean-footer-block-1 a {
	-webkit-box-shadow: none;
	        box-shadow: none;
}

#block-bean-footer-logo .field-item::after {
	content: unset;
}

#block-bean-footer-image {
	width: 100%;
	overflow: hidden;
}

#footer_content_blocks,
#footer_content_blocks a {
	color: #2F3F1D;
}

.block-superfish-2 {
	width: 50%;
}

#superfish-2 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

#superfish-2 li {
	width: 25%;
	float: left;
}

#superfish-2 li > ul {
	display: block !important;
	position: static !important;
	width: 100% !important;
}

#superfish-2 li li {
	float: none;
	width: 100%;
    padding: 5px 5px 5px 0;
}

#superfish-2 a {
	color: #2F3F1D;
	font-size: 16px;
	line-height: 22px;
	-webkit-box-shadow: none;
	        box-shadow: none;
}

#superfish-2 .sf-depth-1 > a {
	font-weight: 700;
	font-size: 16px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	line-height: unset;
}

#superfish-2 .sf-depth-1 > a::after {
	content: ':';
}

#superfish-2 .sf-depth-1 > a::before {
	content: '';
    position: absolute;
    width: 55px;
    height: 5px;
    bottom: 0;
    left: 0;
    border-bottom: 3px solid #D89E50;
}

#block-bean-footer-image .content {
	position: relative;
}

#block-bean-footer-image .field-name-field-background-image .field-item {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

#block-bean-footer-image .field-name-field-body {
	position: relative;
	padding: 200px 20px 100px;
	background: rgba(51,51,51,0.5);
	z-index: 30;
}

.block-footer-logo {
	width: 100%;
	padding-top: 35px;
	padding-bottom: 100px;
	margin: 0px auto;
	text-align: center;
	z-index: 200;
}

.footer_blocks {
	color: #2F3F1D;
	font-size: 15px;
}

#footer_content_blocks {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

.footer_block {
	width:50%;
	padding-bottom: 40px;
}

.footer_block:last-of-type {
	width: 100%;
	padding-bottom: 50px;
}

.footer_block strong {
	color: #FBAE17;
}

.region-footer-second {
	width: 100% !important;
	margin: 0 !important;
	padding: 0px 60px;
	background: #2F3F1D;
	color: #8FA49B;
	font-size: 12px;
}

/* Copyright & Credit */
#block-block-2 .content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	   -moz-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

#block-block-2 .content p {
	margin: 20px 0;
	font-size: 14px;
}

#block-block-2 .content a {
	color: #8FA49B;
	font-weight: 300;
	-webkit-box-shadow: 0 1px 0 0 #556544;
	        box-shadow: 0 1px 0 0 #556544;
}

#block-block-2 .content a:hover {
	color: #fff;
	-webkit-box-shadow: 0 1px 0 0 #D89E50;
	        box-shadow: 0 1px 0 0 #D89E50;
}

/**
 * 2.4 Postscript (.zone-postscript)
 * ----------------------------------------------------------------------------
**/

#zone-postscript,
.region-postscript-first {
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

#zone-postscript-wrapper {
	max-width: 1200px;
	margin: 0px auto;
	padding: 0px 20px;
}

/**
 * 3 - Specific Content Type Styles
 * ----------------------------------------------------------------------------
**/

/* Services Content Type */
.node-type-services .submitted {
	display: none;
}

.block-fieldblock-node-services-default-field-services-header-image .field-name-field-services-header-image img{
    height: calc(100vh - 100px) !IMPORTANT;
    min-height: 475px;
    margin-top: -97px;
    z-index: -1;
	object-fit: cover;
}

.node-type-services #block-views-page-title-block.no-image {
    width: 100%;
    background-color: rgba(51, 51, 51, 0.5);
    border-top: 3px solid rgba(255, 255, 255, 0.5);
    padding-top: 40px;
    padding-bottom: 75px !important;
    z-index: 200;
    border-bottom: none;
    margin-top: -171px;
}

.page-node-596 #block-views-page-title-block.no-image,
.page-node-597 #block-views-page-title-block.no-image {
	margin-top: -223px;
}

.node-type-services #region-preface-first .no-image h1 {
    color: white !important;
}

/* Services Block View */
#block-views-services-block .view-content .item-list ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: 0 -10px;
}

#block-views-services-block .view-content .item-list ul li {
	width: calc(50% - 20px);
	margin: 10px;
	position: relative;
	height: 475px;
}

.page-node-19 #block-views-services-block .view-content .item-list ul li {
	width: 31%;
	height: 240px;
}

#block-views-services-block .view-content .item-list ul li .views-field-field-services-header-image {
	box-shadow: 0 4px #d89e50;
	height: 475px;
}

.page-node-19 #block-views-services-block .view-content .item-list ul li .views-field-field-services-header-image {
	height: 240px;
}

#block-views-services-block .view-content .item-list ul li:before {
	content: '';
	position: absolute;
	top: auto;
	bottom: 0;
	height: 0px;
	width: 100%;
	background-color: #D89E50;
	z-index: 100;
	transition: .4s cubic-bezier(0.5,0,0,.75);
}
 
 #block-views-services-block .view-content .item-list ul li:hover:before {
	height: 75px;
}
 
 #block-views-services-block .view-content .item-list ul li .views-field-title .field-content a {
	position: absolute;
	bottom: 0;
	z-index: 200;
	color: #fff;
	box-shadow: none;
	text-transform: none;
	font-weight: 700;
	font-size: 20px;
	width: 100%;
	text-align: center;
	margin-bottom: 15px;
}
 
/*#block-views-services-block .view-content .item-list ul li .views-field-title .field-content a:hover {
	width: 100%;
	background-color: #D89E50;
	z-index: 100;
	transition: .4s cubic-bezier(0.5,0,0,.75);
}*/

#block-views-services-block .view-content .item-list ul li .views-field-field-services-header-image .field-content {
	height: 475px;
}

.page-node-19 #block-views-services-block .view-content .item-list ul li .views-field-field-services-header-image .field-content {
	height: 260px;
}

#block-views-services-block .view-content .item-list ul li .views-field-field-services-header-image .field-content a img {
	height: 475px !important;
	object-fit: cover;
	filter: brightness(70%);
	transition: .3s ease;
}

.page-node-19 #block-views-services-block .view-content .item-list ul li .views-field-field-services-header-image .field-content a img {
	height: 240px !important;
}
 
#block-views-services-block .view-content .item-list ul li .views-field-field-services-header-image .field-content a img:after {
	bottom: 4px solid #d89e50;
	content: '';
	height: auto;
	width: 33%;
}
 
#block-views-services-block .view-content .item-list ul li .views-field-field-services-header-image .field-content a img:hover {
	filter: brightness(100%);
}

/**
 * 3.1 Pages
 * ----------------------------------------------------------------------------
**/

/**
 * 3.2 Blog Posts
 * ----------------------------------------------------------------------------
**/

/* Blog View */
.view-blog .main-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

.view-blog .views-row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}

.view-blog .views-field-field-featured-image {
	width: 33.33%;
}

.view-blog .blog-caption {
	width: 66.66%;
}

/* Authoring Info */
.view-blog-post-authoring-info {
	padding: 20px;
}

.view-blog-post-authoring-info .views-row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.view-blog-post-authoring-info .views-field {
	padding: 5px 10px;
}

.view-blog-post-authoring-info .views-field:not(:first-child) {
	border-left: 1px solid #eee;
}

.view-blog-post-authoring-info .views-label,
.view-blog-post-authoring-info .field-content {
	display: inline;
}

/* Social Share Block */
#block-social-share-social-share .block-title {
	text-align: center;
	margin: 0 auto;
}

#block-social-share-social-share .content > ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

#block-social-share-social-share .content li {
	list-style: none;
}

#block-social-share-social-share .content li a {
	display: block;
	padding: 20px;
	margin: 5px;
	font-size: 0;
	text-decoration: none;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	     -o-background-size: contain;
	        background-size: contain;
}

.social-share-item-facebook a {
	background-image: url(../img/facebook-icon.svg);
}

.social-share-item-googleplus a {
	background-image: url(../img/googleplus-icon.svg);
}

.social-share-item-linkedin a {
	background-image: url(../img/linkedin-icon.svg);
}

.social-share-item-twitter a {
	background-image: url(../img/twitter-icon.svg);
}

.social-share-item-facebook a:hover {
	background-color: #3b5998;
	background-image: url(../img/facebook-icon-white.svg);
}

.social-share-item-googleplus a:hover {
	background-color: #dd4b39;
	background-image: url(../img/googleplus-icon-white.svg);
}

.social-share-item-linkedin a:hover {
	background-color: #0077b5;
	background-image: url(../img/linkedin-icon-white.svg);
}

.social-share-item-twitter a:hover {
	background-color: #1da1f2;
	background-image: url(../img/twitter-icon-white.svg);
}

/**
 * 3.3 Services
 * ----------------------------------------------------------------------------
**/

.page-node.not-front .field-name-body h3 {
	color: #54682C;
}

.page-node.not-front h2 { 
	color: #54682C
}

#block-block-8,
.block-bean-services-menu {
	text-align: right;
}

#block-block-8 h2,
.block-bean-services-menu h2 {
	font-size: 20px;
	color: #D89E50 !important;
	margin-bottom: 15px;
}

#block-block-8 a,
.block-bean-services-menu a {
	color: #383736;
	font-size: 16px;
	-webkit-transition: .4s cubic-bezier(0.5,0,0,.75);
	-o-transition: .4s cubic-bezier(0.5,0,0,.75);
	-moz-transition: .4s cubic-bezier(0.5,0,0,.75);
	transition: .4s cubic-bezier(0.5,0,0,.75);
}

#block-block-8 p {
	margin-bottom: 0;
}

#block-block-8 .active,
.block-bean-services-menu .active {
	color: #2F3F1D;
	font-weight: 700;
}

#block-block-8 a:hover,
.block-bean-services-menu a:hover {
	-webkit-box-shadow: 0 1px #D89E50;
	        box-shadow: 0 1px #D89E50;
}

.block-fieldblock .field-item:not(:first-child):before {
	content: ' ';
	background-image: url(../img/dot_border.png);
	background-repeat: repeat;
	height: 10px;
	display: block;
	position: absolute;
	top: 0;
	left: 0px;
	right: 0px;
}

.page-node-19 .field-name-field-services .field-item {
	width: 33%;
}

.block-bean-services-menu .field-name-field-menu-links .field-items {
    display: flex;
    flex-direction: column;
}

.block-bean-services-menu .field-name-field-menu-links .field-items .field-item:nth-child(1) {
    order: 1;
}

.block-bean-services-menu .field-name-field-menu-links .field-items .field-item:nth-child(2) {
    order: 4;
}

.block-bean-services-menu .field-name-field-menu-links .field-items .field-item:nth-child(3) {
    order: 5;
}

.block-bean-services-menu .field-name-field-menu-links .field-items .field-item:nth-child(4) {
    order: 2;
}

.block-bean-services-menu .field-name-field-menu-links .field-items .field-item:nth-child(5) {
    order: 0;
}

.block-bean-services-menu .field-name-field-menu-links .field-items .field-item:nth-child(6) {
    order: 3;
}

/**
 * 3.4 Staff Profiles
 * ----------------------------------------------------------------------------
**/

#block-block-4 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 30px;
}

#block-block-4 .content a {
	font-size: 16px;
}

.node-staff-profile .field-name-field-headshot {
	float: left;
	width: 50%;
	position: relative;
	top: 25px;
	position: -webkit-sticky;
	position: sticky;
}

.node-staff-profile .field-name-field-headshot ~ .field {
	width: 50%;
	float: right;
	padding-left: 20px;
}

/* Staff View */

.view-staff-test-view  .view-content {
	max-width: 1040px;
	margin: 0px auto;
}

.views-widget-filter-field_team_tid {
	width: 100%;
}

#edit-field-team-tid.form-radios {
	max-width: unset;
	width: 100%;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.view-staff .main-list,
.view-staff-test-view .main-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	margin: 0 -10px;
}

.view-staff .views-row,
.view-staff-test-view .views-row {
	width: 25%;
	padding: 10px 10px 30px;
}

.view-staff-test-view .views-row {
	padding: 10px 10px 0px;
	margin-bottom: 30px;
}

.view-staff .views-row h2,
.view-staff-test-view .views-row h2 {
	font-size: 24px;
	margin: 20px 0 5px;
}

.view-staff-test-view .view-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

.view-staff-test-view h3 {
	width: 100%;
}

.view-staff-test-view .view-content > div {
	position: relative;
}

.view-staff-test-view .view-content > div:hover a {
	color: #D89E50;
}

.view-staff-test-view .views-field-view-node,
.view-editable-clients {
	position: unset;
	padding-bottom: unset;
	padding-right: unset;
}

.view-staff-test-view .views-field-view-node a {
	position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    font-size: 0;
}

.views-field-field-job-title .field-content {
	font-size: 20px;
}

#views-exposed-form-staff-test-view-block-1 input[type="radio"] {
	display: none;
}

#views-exposed-form-staff-test-view-block-1 .form-item {
	margin-left: auto;
	margin-right: auto;
}

#views-exposed-form-staff-test-view-block-1 .form-item label {
	border: 1px solid #333;
	padding: 15px 30px;
	-webkit-transition: .4s cubic-bezier(0.5,0,0,.75);
	-o-transition: .4s cubic-bezier(0.5,0,0,.75);
	-moz-transition: .4s cubic-bezier(0.5,0,0,.75);
	transition: .4s cubic-bezier(0.5,0,0,.75);
	font-size: 18px;
	font-weight: 700;
	display: block;
	cursor: pointer;
}

#views-exposed-form-staff-test-view-block-1 .form-item label:hover,
#views-exposed-form-staff-test-view-block-1 input[type="radio"]:checked + label {
	color: #FFF;
	background-color: #D89E50;
	border-color: #D89E50;
}

#edit-field-team-tid-wrapper .views-widget  {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;	
}

#edit-field-team-tid-wrapper .views-widget .form-item {
	margin: 15px !important;
}

/** Staff/Client Draggable Sorting **/


.draggable {
	cursor: pointer;
}

.field-collection-container {
	border-bottom: 0px solid;
}

.droppable_center,
.secondary_box {
	height: 150px;
	border: 5px dashed #CCC;
}

#block-bean-add-teams a {
	margin-right: 30px;
}
.page-node-82 .region-content-inner,
.page-node-443 .region-content-inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

#block-bean-teams,
#block-bean-client-type {
	width: 60%;
}

#block-views-staff-test-view-block,
#block-views-editable-clients-block {
	width: 40%;
}

#block-bean-teams .field-collection-view-final,
#block-bean-client-type .field-collection-view-final {
	margin: 0px;
}

#block-bean-add-teams,
#block-block-6 {
	width: 100%;
}

#block-bean-add-teams h4,
#block-block-6 h4 {
	max-width: unset;
}

#block-views-staff-test-view-block,
#block-views-editable-clients-block {
	margin-top: -20px;
	min-height: 800px;
}

#block-views-staff-test-view-block form > div,
#block-views-editable-clients-block form > div {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	max-width: 420px;
}

#block-views-staff-test-view-block .views-table,
#block-views-editable-clients-block .views-table {
	width: 100%;
	-webkit-box-ordinal-group: 3;
	-webkit-order: 2;
	   -moz-box-ordinal-group: 3;
	    -ms-flex-order: 2;
	        order: 2;
}

#block-views-staff-test-view-block .form-actions,
#block-views-editable-clients-block .form-actions {
	width: 100%;
	-webkit-box-ordinal-group: 2;
	-webkit-order: 1;
	   -moz-box-ordinal-group: 2;
	    -ms-flex-order: 1;
	        order: 1;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: right;
	z-index: 100;
}

#editableviews-entity-form-staff-test-view {
	width: 100%;
}

.field-name-field-team-name .field-items {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-justify-content: space-around;
	    -ms-flex-pack: distribute;
	        justify-content: space-around;
	width: 100%;
}

.field-name-field-team-name .field-item {
	width: 100%;
	/*height: 150px;*/
	text-align: left;
	padding: 10px;
	margin: 50px 0px;
}
.field-name-field-team-name .field-item:first-of-type {
	margin-top: -25px;
}

#editableviews-entity-form-staff-test-view tbody,
#block-views-editable-clients-block tbody {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	   -moz-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}

#block-views-staff-test-view-block.contextual-links-region,
.page-node-82 .grid-12,
.page-node-82 .zone,
#block-views-editable-clients-block.contextual-links-region,
.page-node-443 .grid-12,
.page-node-443 .zone {
	position: unset;
}

tr.draggable {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	width: 75px;
	margin: 15px 5px;
	background-color: unset;
}

tr.draggable td {
	width: 100%;
}

tr.not-dropped {
	margin: 15px;
}

.views-field-field-team-editable,
.views-field-field-map-marker-editable {
	display: none;
}

.draggable .views-field-title p {
	font-size: 10px;
	text-align: center;
}

.dropped {
	width: 75px !important;
	position: absolute;
}

.dropped p {
	font-size: 10px !important;
}

#block-views-editable-clients-block .views-field-title {
	font-size: 12px;
}

#block-block-7 h4 {
	text-align: center;
}

/**
 * 4 - Specifc Page Styles
 * ----------------------------------------------------------------------------
**/

/**
 * 4.1 Front Page
 * ----------------------------------------------------------------------------
**/

.block-announcements-block {
	padding: 40px 20px;
	margin: 40px auto;
	border: 1px solid #D89E50;
	max-width: 1040px;
	font-size: 18px;
}

#block-bean-announcements-block h3 {
	padding-bottom: 0px;
}

.field-name-field-services > .field-items {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-justify-content: space-around;
	    -ms-flex-pack: distribute;
	        justify-content: space-around;
	margin: 0 -10px;
}

.field-name-field-services .field-item {
	width: 50%;
	padding: 10px;
}

.node-teaser .field-name-field-header-image .field-item {
	width: 100%;
	min-height: 475px !important;
}

.page-node-19 .node-teaser .field-name-field-header-image .field-item {
	min-height: 260px !important;
}

#block-bean-services-display-for-homepage .field-name-field-header-image .field-item {
	height: auto !important;
	overflow: hidden;
	position: relative;
}

.node-teaser .field-name-field-header-image .field-item a {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 200;
	color: #fff;
	-webkit-box-shadow: none;
	        box-shadow: none;
}

.node-teaser .field-name-field-header-image::after,
.not-front .view-case-studies .image::after {
	content: '';
	background-color: rgba(51, 51, 51, 0.5);
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	-webkit-transition: .4s cubic-bezier(0.5,0,0,.75);
	-o-transition: .4s cubic-bezier(0.5,0,0,.75);
	-moz-transition: .4s cubic-bezier(0.5,0,0,.75);
	transition: .4s cubic-bezier(0.5,0,0,.75);
}

.views-field-field-featured-image a::before  {
	z-index: 300;
}

.field-name-field-services .field-item .node-teaser::before {
	content: '';
    position: absolute;
    top: auto;
    bottom: 0;
    height: 0px;
    width: 100%;
    background-color: #D89E50;
    z-index: 100;
    -webkit-transition: .4s cubic-bezier(0.5,0,0,.75);
    -o-transition: .4s cubic-bezier(0.5,0,0,.75);
    -moz-transition: .4s cubic-bezier(0.5,0,0,.75);
    transition: .4s cubic-bezier(0.5,0,0,.75);
}

.field-name-field-services .field-item .node-teaser:hover::before {
	height: 75px;
}

#block-bean-services-display-for-homepage .field-name-field-header-image:hover::after,
.not-front .view-case-studies .image:hover::after {
	background-color: unset;
}

.node-teaser header{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.node-teaser h2 {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	text-align: center;
	color: #FFF !important;
	font-size: 24px;
	margin-bottom: 0px;
	z-index: 200;
}

.not-front .node-teaser h2 {
	font-size: 20px;
}

.node-teaser h2 a {
	color: #FFF !important;
}

.node-teaser a {
	padding-bottom: 15px;
	display: block;
	color: #fff;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.node-teaser {
	-webkit-box-shadow: 0 4px #D89E50;
	        box-shadow: 0 4px #D89E50;
	position: relative;
}

.node-teaser .node-readmore {
	display: none;
}

.block-careers-block .field-name-field-body {
	margin-top: 40px;
}

.node-teaser h2:after {
	border-bottom: unset;
}

/**
 * 4.2 Case Studies
 * ----------------------------------------------------------------------------
**/

.imaage-field-caption {
	font-size: 20px;
	font-style: normal;
	font-weight: 200;
}

.context-case-studies .views-field-field-services-reference ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-top: 30px;
    padding-bottom: 20px;
    font-size: 20px;
}

.context-case-studies .views-field-field-services-reference li:not(:last-of-type)::after {
	content: ' | ';
	display: inline-block;
	padding: 0px 5px;
	color: #FFF;
	font-weight: 700;
	opacity: .65;
}

.context-case-studies .views-field-field-services-reference a {
	color: #FFF;
	font-weight: 700;
	opacity: .65;
}

.node-case-study h2,
.zone-postscript h2 {
	color: #54682C;
}

.node-case-study .field-name-field-image .field-item,
.zone-postscript .field-name-field-image .field-item,
.block-case-studies-block {
	padding: 55px 0px;
	overflow: hidden;
	position: relative;
	clear: both;
}


.node-case-study .field-name-field-image .field-item:last-child,
.block-case-studies-block:last-child,
.view-case-studies .views-row:last-child,
.node-type-page .zone-postscript .field-name-field-image .field-item:last-child {
	padding-bottom: 0px;
}

.block-case-studies-block {
	padding: 0px;
}

.block-case-studies-block:first-of-type {
	padding-top: 55px;
}

.node-case-study .field-name-field-image img,
.zone-postscript .field-name-field-image img {
	width: 66.66%;
	float: left;
}

.node-case-study .field-name-field-image .odd img,
.zone-postscript .field-name-field-image .odd img {
	float: right;
}

.node-case-study .field-name-field-image blockquote,
.zone-postscript .field-name-field-image blockquote {
	width: 33.33%;
	float: right;
	font-style: unset;
	font-size: 16px;
}

.node-case-study .field-name-field-image .odd blockquote,
.zone-postscript .field-name-field-image .odd blockquote {
	float: left;
}

.node-case-study .field-name-field-image .odd blockquote,
.zone-postscript .field-name-field-image .odd blockquote {
	padding-right: 40px;
}

.node-case-study .field-name-field-image .even blockquote,
.zone-postscript .field-name-field-image .even blockquote {
	padding-left: 40px;
}

.block-back-to-case-studies a {
	font-size: 16px;
	color: #54682C;
	opacity: .5;
}

.view-case-studies .views-row-even .content {
	-webkit-box-ordinal-group: 3;
	-webkit-order: 2;
	   -moz-box-ordinal-group: 3;
	    -ms-flex-order: 2;
	        order: 2;
}

.view-case-studies .views-row-even .image {
	-webkit-box-ordinal-group: 2;
	-webkit-order: 1;
	   -moz-box-ordinal-group: 2;
	    -ms-flex-order: 1;
	        order: 1;
}

.view-case-studies .views-row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	   -moz-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	font-size: 20px;
	position: relative;
	padding-bottom: 55px;
	padding-top: 55px;
}

.view-case-studies .views-row-odd .views-fieldset.image {
	margin-left: 30px;
}

.view-case-studies .views-row-odd .views-fieldset.content {
	margin-right: 30px;
}

.view-case-studies .views-row-even .views-fieldset.image {
	margin-right: 30px;
}

.view-case-studies .views-row-even .views-fieldset.content {
	margin-left: 30px;
}

.view-case-studies .views-row:not(:first-child):before {
	content: ' ';
	background-image: url(../img/dot_border.png);
	background-repeat: repeat;
	height: 10px;
	display: block;
	position: absolute;
	top: 0;
	left: 0px;
	right: 0px;
}

.view-case-studies .views-fieldset {
	width: 100%;
}

.links {
	-webkit-column-break-inside: avoid;
	        break-inside: avoid;
}

.view-case-studies .views-field-view-node {
	position: unset;
	padding-bottom: unset;
	padding-right: unset;
}

.view-case-studies .image {
	position: relative;
}

.view-case-studies img {
	width: 100%;
	border-bottom: 4px solid #D89E50;
}

.view-case-study .views-field-field-featured-image {
	background: rgba(51,51,51,0.5);
}

.view-case-studies h3 {
	text-align: right;
	padding-top: 145px;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.view-case-studies h3:after {
	right: 0;
	left: unset;
}

.view-case-studies .block-back-to-case-studies {
	text-align: right;
}

.view-case-studies .views-field-title {
	font-size: 24px;
	font-weight: 700;
	padding: ;
	padding-left: unset;
	text-align: center;
	margin-bottom: unset;
	width: 100%;
	position: absolute;
	bottom: 0;
	z-index: 200;
	color: #FFF;
	display: block;
}

.not-front .view-case-studies .image:before {
	content: '';
	position: absolute;
	top: auto;
	bottom: 0;
	height: 0px;
	width: 100%;
	background-color: #D89E50;
	z-index: 100;
	-webkit-transition: .4s cubic-bezier(0.5,0,0,.75);
	-o-transition: .4s cubic-bezier(0.5,0,0,.75);
	-moz-transition: .4s cubic-bezier(0.5,0,0,.75);
	transition: .4s cubic-bezier(0.5,0,0,.75);
}


.not-front .view-case-studies .image:hover:before {
	height: 75px;
}

.not-front .view-case-studies .views-field-title a {
	color: #FFF;
	padding: 25px 20px;
	display: block;
}

.not-front .view-case-studies .views-field-title a:hover {
	color: #FFF;
}

#block-views-case-studies-block .views-row-1::before {
	content: ' ';
	background-image: url(../img/orange_dots.png);
	background-repeat: repeat;
	height: 10px;
	width: 100%;
	display: block;
	position: absolute;
	top: 0;
}

/**
 * 4.3 Project Planner
 * ----------------------------------------------------------------------------
**/

.webform-client-form {
	max-width: -webkit-calc(100% - 200px);
	max-width: -moz-calc(100% - 200px);
	max-width: calc(100% - 200px);
	margin: 0 auto;
}

.webform-component--contact-options .fieldset-wrapper {
	max-width: 800px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

.form-radios {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	max-width: 800px;
}

.form-item.webform-component--form-type {
	margin: 10px 0;
}

#edit-submitted-form-type {
	max-width: 100%;
}

#edit-submitted-form-type .form-item {
	width: 50%;
}

#edit-submitted-form-type .form-item label {
	display: inline-block;
}

.webform-component-fieldset.webform-component--contact-options .fieldset-wrapper {
	max-width: 100%;
}

.webform-component-fieldset.webform-component--contact-options .fieldset-wrapper .form-item {
	width: 50%;
	margin: 0;
	padding-right: 30px;
	font-size: 16px;
	margin-bottom: 60px;
}

.webform-component--contact-options--project-planner-text,
.webform-component--contact-options--quick-contact-text {
	width: 50%;
}

.webform-component--form-type input[type="radio"],
.form-item-field-map-marker-tid input[type="checkbox"] {
	display: none;
}

.webform-component--form-type .form-type-radio {
	margin-left: auto;
	margin-right: auto;
}

.webform-component--form-type .form-type-radio label {
	border: 1px solid #333;
	padding: 15px 30px;
	-webkit-transition: .4s cubic-bezier(0.5,0,0,.75);
	-o-transition: .4s cubic-bezier(0.5,0,0,.75);
	-moz-transition: .4s cubic-bezier(0.5,0,0,.75);
	transition: .4s cubic-bezier(0.5,0,0,.75);
	font-size: 18px;
	font-weight: 700;
	display: block;
	cursor: pointer;
}

.webform-component--form-type input[type="radio"]:checked + label,
.webform-component--form-type .form-type-radio label:hover,
.form-item-field-map-marker-tid .form-type-bef-checkbox label:hover,
.form-item-field-map-marker-tid input[type="checkbox"]:checked + label {
	color: #FFF;
	background-color: #D89E50;
	border-color: #D89E50;
}

.webform-client-form > div > .webform-component-fieldset > .fieldset-wrapper > .webform-component-fieldset {
	margin-bottom: 30px;
}

.form-wrapper .fieldset-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	   -moz-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.form-wrapper .fieldset-wrapper .webform-component-fieldset {
	width: 100%;
}

.form-wrapper .fieldset-wrapper .webform-component-fieldset .fieldset-wrapper {
	-webkit-transition: .4s cubic-bezier(0.5,0,0,.75);
	-o-transition: .4s cubic-bezier(0.5,0,0,.75);
	-moz-transition: .4s cubic-bezier(0.5,0,0,.75);
	transition: .4s cubic-bezier(0.5,0,0,.75);
	overflow: hidden;
}

.webform-component-markup h2,
.form-wrapper .fieldset-wrapper .fieldset-legend {
	color: #54682C;
	font-weight: 700;
	font-size: 24px;
	position: relative;
	padding: 10px;
	text-transform: uppercase;
	margin-bottom: 10px;
	display: block;
	-webkit-transition: .4s cubic-bezier(0.5,0,0,.75);
	-o-transition: .4s cubic-bezier(0.5,0,0,.75);
	-moz-transition: .4s cubic-bezier(0.5,0,0,.75);
	transition: .4s cubic-bezier(0.5,0,0,.75);
}

.form-wrapper .webform-component.webform-component-markup {
	width: 100%;
	max-width: 100%;
}

.webform-component-markup h2 {
	text-align: center;
}

.webform-component-markup h2:after {
	right: 0;
	margin: auto;
}

.form-wrapper .fieldset-wrapper .fieldset-legend:after {
	content: '';
	position: absolute;
	width: 50px;
	height: 5px;
	bottom: 0;
	left: 10px;
	border-bottom: 3px solid;
}

.counter-block {
	position: absolute;
	top: 0;
	left: -100px;
	background: #557333;
	color: #fff;
	width: 60px;
	height: 60px;
	padding: 22px 10px 5px;
	-webkit-transition: .4s cubic-bezier(0.5,0,0,.75);
	-o-transition: .4s cubic-bezier(0.5,0,0,.75);
	-moz-transition: .4s cubic-bezier(0.5,0,0,.75);
	transition: .4s cubic-bezier(0.5,0,0,.75);
}

.form-wrapper.active .fieldset-legend {
	color: #D89E50;
}

.form-wrapper.active .counter-block {
	background: #D89E50;
}

.fieldset-description {
	font-size: 14px;
	width: 100%;
	padding: 10px;
}
.form-wrapper .description {
	font-size: 14px;
}

.form-wrapper .webform-component input {
	padding: 12px 15px 3px;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
	border: 1px solid #557333 !important;
	width: 100%;
	display: block;
	height: auto;
	font: inherit;
	font-size: 18px;
}

.webform-component-textarea .grippie {
	display: none;
}

#edit-submitted-project-planner-type-of-project-project-type .form-item,
.form-wrapper .webform-component {
	position: relative;
	width: -webkit-calc(33.33% - 20px);
	width: -moz-calc(33.33% - 20px);
	width: calc(33.33% - 20px);
	margin: 10px;
}

.form-wrapper .webform-component.webform-component--project-planner--your-details--company-organization {
	width: -webkit-calc(66.66% - 20px);
	width: -moz-calc(66.66% - 20px);
	width: calc(66.66% - 20px);
}

.form-wrapper .webform-component-textarea,
.form-wrapper .webform-component.webform-component--project-planner--type-of-project--project-type,
.form-wrapper .webform-component.webform-component--project-planner--project-details--budget-ranges,
.form-wrapper .webform-component.webform-component--project-planner--project-details--project-location {
	width: 100%;
}

#edit-submitted-project-planner-type-of-project-project-type {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	margin: 0 -10px;
}

.form-wrapper .webform-component-textarea textarea,
.form-wrapper .webform-component-textarea .description {
	width: 100%;
	max-width: 600px;
	margin: 0 auto 15px;
}

.form-wrapper .webform-component-textarea textarea {
	padding: 12px 15px;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
	border: 1px solid #557333 !important;
	display: block;
	height: auto;
	font: inherit;
	font-size: 18px;
}

.form-wrapper .webform-component label {
	position: absolute;
	top: 6px;
	left: 15px;
	z-index: 1;
	line-height: 1.5;
	color: #557333;
	font-size: 18px;
	pointer-events: none;
	-webkit-transition: .4s cubic-bezier(0.5,0,0,.75);
	-o-transition: .4s cubic-bezier(0.5,0,0,.75);
	-moz-transition: .4s cubic-bezier(0.5,0,0,.75);
	transition: .4s cubic-bezier(0.5,0,0,.75);
}

.form-wrapper .webform-component label.focused {
	top: -10px;
	left: 5px;
	-webkit-border-radius: 22px;
	        border-radius: 22px;
	padding: 0 10px;
	font-size: 14px;
	background: #557333;
	color: #fff;
	-webkit-box-shadow: 0 0 0 2px #fff;
	        box-shadow: 0 0 0 2px #fff;
}

.form-wrapper .webform-component.finished label.focused {
	background: #d89e50;
}

.form-wrapper .webform-component.webform-component--project-planner--type-of-project--project-type.finished label.focused {
	background: inherit;
}

.form-wrapper .webform-component.finished input,
.form-wrapper .webform-component.finished textarea {
	border: 1px solid #d89e50 !important;
}

.form-wrapper .webform-component label .form-required {
	color: inherit;
}

.form-wrapper .webform-component .form-type-radio input {
	display: none;
}

#edit-submitted-project-planner-project-details-budget-ranges  {
	margin: 0 -5px;
	max-width: 100%;
}

#edit-submitted-project-planner-project-details-budget-ranges .form-item {
	width: -webkit-calc(25% - 10px);
	width: -moz-calc(25% - 10px);
	width: calc(25% - 10px);
	margin: 5px;
}

.form-wrapper .webform-component .form-type-checkbox input {
	display: none;
}

.form-wrapper .webform-component .form-type-checkbox label,
.form-wrapper .webform-component .form-type-radio label {
	position: static;
	background: #fff;
	padding: 8px 15px;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
	border: 1px solid #557333;
	width: 100%;
	display: block;
	text-align: center;
	cursor: pointer;
	pointer-events: inherit;
}

.form-wrapper .webform-component .form-type-checkbox label:hover,
.form-wrapper .webform-component .form-type-radio label:hover {
	background: #e7f9d2;
}

.form-wrapper .webform-component .form-type-checkbox input:checked + label,
.form-wrapper .webform-component .form-type-radio input:checked + label {
	background: #D89E50;
	border-color: #D89E50;
	color: #fff;
}

.form-wrapper .webform-component .form-item-submitted-project-planner-project-details-no-huge-rush-1 input,
.form-wrapper .webform-component .form-item-submitted-project-planner-project-details-when-its-done-1 input {
	display: none;
}

/* Chosen Selectors */
.webform-component-select label,
.webform-component-date label {
	display: none;
}

.webform-component .chosen-container {
	width: 100% !important;
	margin: 10px 0;
}

.webform-component .chosen-container-single .chosen-single {
	background: #fff;
	padding: 8px 15px;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
	border: 1px solid #557333;
	height: auto;
}

.webform-component .chosen-container-single .chosen-single > span {
	color: #557333;
	font-size: 18px;
}

.chosen-container-single .chosen-single div b {
	background-position: 0 10px;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
	background-position: -18px 10px;
}

.webform-component .chosen-container-single.chosen-with-drop .chosen-single {
	-webkit-border-radius: 5px 5px 0 0;
	        border-radius: 5px 5px 0 0;
}

.webform-component .chosen-container .chosen-drop {
	border: 1px solid #54682c;
}

.webform-component .chosen-container .chosen-drop .chosen-search {
	display: none;
}

.chosen-container .chosen-results {
	font-size: 16px;
	padding: 0;
	margin: 0;
}

.chosen-container .chosen-results li.highlighted {
	background: #d89e50;
}

/* Submit button */
.form-actions .webform-submit,
#block-views-staff-test-view-block input[type=submit],
#block-views-editable-clients-block input[type=submit] {
	background: #d89e50;
	color: #fff;
	text-shadow: none;
	font: inherit;
	font-size: 18px;
	padding: 15px 30px;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
	border: none;
	-webkit-transition: .4s ease;
	-o-transition: .4s ease;
	-moz-transition: .4s ease;
	transition: .4s ease;
}

#block-views-staff-test-view-block input[type=submit],
#block-views-editable-clients-block input[type=submit] {
	background: #d89e50;
	color: #fff;
	text-shadow: none;
	font: inherit;
	font-size: 20px;
	padding: 10px 20px;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
	border: none;
	-webkit-transition: .4s ease;
	-o-transition: .4s ease;
	-moz-transition: .4s ease;
	transition: .4s ease;
	margin-right: 15px;
}

#webform-client-form-40 .form-actions .webform-submit {
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(-10px);
	        -moz-transform: translateY(-10px);
	         -ms-transform: translateY(-10px);
	          -o-transform: translateY(-10px);
	     transform: translateY(-10px);
}

#webform-client-form-40.qc-active .form-actions .webform-submit,
#webform-client-form-40.pp-active.complete .form-actions .webform-submit {
	opacity: 1;
	pointer-events: inherit;
	-webkit-transform: translateY(0);
	        -moz-transform: translateY(0);
	         -ms-transform: translateY(0);
	          -o-transform: translateY(0);
	     transform: translateY(0);
}

.form-actions .webform-submit:hover,
.form-actions .webform-submit:focus {
	-webkit-box-shadow: 0 0 30px #d89e50;
	        box-shadow: 0 0 30px #d89e50;
}

/** Thank you page **/

.field-name-field-caption {
	position: absolute;
	top: 0;
	padding-top: 315px;
	color: #FFF;
	font-size: 20px;
	left: 0;
	right: 0;
}

.field-name-field-caption hr {
	background-color: #FFF;
	max-width: 1040px;
	margin: 20px auto;	
}


.context-thank-you .page-title {
	display: none;
	top: 0;
	bottom: unset;
	padding-top: 315px;
}

.context-thank-you .views-field-field-subtitle {
	display: none;
	padding-top: 370px;
}

.context-thank-you .button {
	text-align: center;
	margin-top: 45px;
}

.context-thank-you #region-preface-first h1,
.context-thank-you #region-preface-first h4 {
	max-width: 1040px;
}

.context-thank-you .field-name-field-caption .field-item {
	background: none !important;
	height: auto !important;
}

.context-thank-you .field-name-field-header-image > .field-items > .field-item:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(51, 51, 51, 0.5);
}

.context-thank-you .field-name-field-caption {
	z-index: 500;
}

.context-thank-you #block-views-page-title-block {
	display: none;
}

/**
 * 4.4 Our Clients
 * ----------------------------------------------------------------------------
**/

.page-node-33 #zone-preface-wrapper {
	padding-bottom: 0px;
}

.page-node-33 .zone-content,
.page-node-33 .zone-content-wrapper {
	width: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
}

.form-actions {
	text-align: center;
}

/**
 * 4.5 All Case Studies
 * ----------------------------------------------------------------------------
**/

/**
 * 4.6 Client Map
 * ----------------------------------------------------------------------------
**/


.view-client-map {
	z-index: 100;
}

.view-client-map .views-exposed-form .views-exposed-widget {
	padding: 0px;
}

.view-client-map .views-exposed-widgets {
	margin-bottom: 0px;
}

.form-item-field-map-marker-tid .bef-checkboxes {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	   -moz-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	width: 20%;
	position: absolute;
	top: 45px;
}

.form-item-field-map-marker-tid .form-checkboxes {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	   -moz-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	   -moz-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	width: 100%;
	max-width: unset;
	position: absolute;
	top: 55px;
	right: 5px;
	z-index: 100;
}

#edit-field-map-marker-tid-wrapper {
	width: 100%;
}

.form-item-field-map-marker-tid .form-type-bef-checkbox,
.form-item-field-map-marker-tid .bef-toggle {
	margin: 5px;
}

.form-item-field-map-marker-tid .form-type-bef-checkbox label,
.form-item-field-map-marker-tid .bef-toggle {
	border: 1px solid #CCC;
	background: #FFF;
    padding: 7.5px 15px;
    -webkit-transition: .4s cubic-bezier(0.5,0,0,.75);
    -o-transition: .4s cubic-bezier(0.5,0,0,.75);
    -moz-transition: .4s cubic-bezier(0.5,0,0,.75);
    transition: .4s cubic-bezier(0.5,0,0,.75);
    font-size: 14px;
    font-weight: 700;
    display: block;
    cursor: pointer;
    white-space: nowrap;
}

.form-item-field-map-marker-tid label[for=edit-field-map-marker-tid-87],
.form-item-field-map-marker-tid label[for=edit-field-map-marker-tid-88],
.form-item-field-map-marker-tid label[for=edit-field-map-marker-tid-89],
.form-item-field-map-marker-tid label[for=edit-field-map-marker-tid-90],
.form-item-field-map-marker-tid label[for=edit-field-map-marker-tid-91],
.form-item-field-map-marker-tid label[for=edit-field-map-marker-tid-92],
.form-item-field-map-marker-tid label[for=edit-field-map-marker-tid-93],
.form-item-field-map-marker-tid label[for=edit-field-map-marker-tid-95],
.form-item-field-map-marker-tid .bef-toggle  {
	background: #FFF;
	color: #000;
	-webkit-transition: .3s ease;
	-o-transition: .3s ease;
	-moz-transition: .3s ease;
	transition: .3s ease;
	-webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1), 0 1px 5px 0 rgba(0,0,0,0.1);
	        box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1), 0 1px 5px 0 rgba(0,0,0,0.1)
}

.form-item-field-map-marker-tid .bef-toggle:hover {
	background: #D89E50;
	border-color: #D89E50;
	color: #FFF;
}

.form-item-field-map-marker-tid input[type="checkbox"]:checked + label[for=edit-field-map-marker-tid-87],
.form-item-field-map-marker-tid label[for=edit-field-map-marker-tid-87]:hover {
	background: #83b94e;
	border-color: #83b94e;
}

.form-item-field-map-marker-tid input[type="checkbox"]:checked + label[for=edit-field-map-marker-tid-88],
.form-item-field-map-marker-tid label[for=edit-field-map-marker-tid-88]:hover {
	background: #ff8c00;
	border-color: #ff8c00;
}

.form-item-field-map-marker-tid input[type="checkbox"]:checked + label[for=edit-field-map-marker-tid-89],
.form-item-field-map-marker-tid label[for=edit-field-map-marker-tid-89]:hover {
	background: #9900cc;
	border-color: #9900cc;
}

.form-item-field-map-marker-tid input[type="checkbox"]:checked + label[for=edit-field-map-marker-tid-90],
.form-item-field-map-marker-tid label[for=edit-field-map-marker-tid-90]:hover {
	background: #ffd700;
	border-color: #ffd700;
	color: #222;
}

.form-item-field-map-marker-tid input[type="checkbox"]:checked + label[for=edit-field-map-marker-tid-91],
.form-item-field-map-marker-tid label[for=edit-field-map-marker-tid-91]:hover {
	background: #d8bfd8;
	border-color: #d8bfd8;
}

.form-item-field-map-marker-tid input[type="checkbox"]:checked + label[for=edit-field-map-marker-tid-92],
.form-item-field-map-marker-tid label[for=edit-field-map-marker-tid-92]:hover {
	background: #4683de;
	border-color: #4683de;
}

.form-item-field-map-marker-tid input[type="checkbox"]:checked + label[for=edit-field-map-marker-tid-93],
.form-item-field-map-marker-tid label[for=edit-field-map-marker-tid-93]:hover {
	background: #ff776b;
	border-color: #ff776b;
}

.form-item-field-map-marker-tid input[type="checkbox"]:checked + label[for=edit-field-map-marker-tid-95],
.form-item-field-map-marker-tid label[for=edit-field-map-marker-tid-95]:hover {
	background: #67ccfe;
	border-color: #67ccfe;
}

/*.form-item-field-map-marker-tid .form-type-bef-checkbox label:hover {
	background-color: #D89E50;
	border-color: #D89E50;
	color: #FFF;
}*/

.branding-data,
.browser-ie .branding-data img {
	max-width: 330px;
}

.page-node-33 #region-content {
	width: 100%;
	margin: 0;
}

.page-node-33 #section-footer {
	margin-top: 0;
}

.page-node-33 #block-views-page-title-block {
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	background: #fff;
	border: none;
	text-align: center;
}

.page-node-33 #block-views-page-title-block .views-row {
	width: auto;
}

.page-node-33 #block-views-page-title-block .page-title {
	font-size: 24px;
}

.page-node-33 #section-footer {
	display: none;
}

#ip-geoloc-map-of-view-client_map-block {
	min-height: -webkit-calc(100vh - 100px);
	min-height: -moz-calc(100vh - 100px);
	min-height: calc(100vh - 100px);
}

.gm-style .gm-style-iw {
    font-weight: 300;
    font-size: 13px;
    overflow: hidden;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
}

.gm-style .gm-style-iw > div {
	display: block;
	width: 100% !important;
	max-width: 100% !important;
    padding-bottom: 10px;
}

.gm-style .gm-style-iw img {
	max-width: 100%;
	height: auto;
}

.gm-style .gm-style-iw br {
	display: none;
}

.gm-style .gm-style-iw a {
	color: #333;
}

.gm-style .gm-style-iw .field-title {
	display: block;
	padding: 10px 10px 0;
}

.gm-style .gm-style-iw .field-case-study {
	padding: 0 10px;
}

.gm-style .gm-style-iw .field-case-study a:hover {
	color: #d89e50;
}

.gm-style .gm-style-iw .field-case-study:not(:empty):before {
	content: 'View: ';
}

.gm-style .gm-style-iw + div {
	top: 0 !important;
	right: 0 !important;
}

.gm-style .gm-style-iw + div:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 30px;
}

.page-node-33 .form-type-bef-checkbox label {
	text-transform: capitalize;
}
/**
 * 5 - Media Queries (breakpoints)
 * ----------------------------------------------------------------------------
**/

/**
 * 5.1 1220px
 * ----------------------------------------------------------------------------
**/

@media screen and (max-width: 1220px) {

	.branding-data,
	.browser-ie .branding-data img {
		max-width: 400px;
	}

	.page-node-19 .field-name-field-services .field-item {
    	width: 50%;
	}

	.page-node-19 .field-name-field-header-image .field-item {
		width: 100%;
	}

	.page-node-19 #block-views-services-block .view-content .item-list ul li {
		width: 47%;
	}

	.block-fieldblock-node-services-default-field-services-header-image .field-name-field-services-header-image img {
		margin-top: -120px;
	}

}

/**
 * 5.2 980px
 * ----------------------------------------------------------------------------
**/

@media screen and (max-width: 980px) {

	.view-staff .views-row,
	.view-staff-test-view .views-row {
		width: 33.33%;
	}

	.branding-data,
	.browser-ie .branding-data img {
		max-width: -webkit-calc(100% - 150px);
		max-width: -moz-calc(100% - 150px);
		max-width: calc(100% - 150px);
		width: 300px;
		min-height: 85px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		   -moz-box-orient: vertical;
		   -moz-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		   -moz-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}

	#section-header, 
	.front #section-header {
		position: fixed;
		left: 0;
		right: 0;
	}

	.admin-menu #section-header, 
	.admin-menu.front #section-header {
		top: 40px;
	}

	#section-header.no-image + #section-content {
		padding-top: 120px;
	}

	.context-our-clients #section-header.no-image + #section-content {
		padding-top: 89px;
	}

	#zone-branding,
	#region-branding {
		width: 100%;
		margin: 0;
	}

	body.menu-active {
		overflow-y: hidden;
	}

	/* Display and Style Nav Trigger block*/
	#block-block-1 {
		display: inline-block;
		cursor: pointer;
		z-index: 100;
	}

	#block-block-1 .content {
		position: relative;
		z-index: 150;
		padding: 10px 15px;
		color: #fff;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-transition: .4s cubic-bezier(0.5,0,0,.75);
		-o-transition: .4s cubic-bezier(0.5,0,0,.75);
		-moz-transition: .4s cubic-bezier(0.5,0,0,.75);
		transition: .4s cubic-bezier(0.5,0,0,.75);
	}

	#block-block-1 .content:hover {
	}

	#block-block-1 .content p:before {
		content: '\2630';
		font-size: .8em;
		margin-right: 4px;
		vertical-align: text-bottom;
	}

	.menu-active #block-block-1 .content {
		color: #333;
	}

	.menu-active #block-block-1 .content p:before {
		content: '\2715';
		font-size: .8em;
		margin-right: 4px;
		vertical-align: text-bottom;
	}

	/* Basic toggle for main menu when trigger is clicked */
	#block-superfish-1 {
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(100,100,100,0.95);
		opacity: 0;
		pointer-events: none;
		overflow-x: hidden;
		-webkit-transition: .3s ease;
		-o-transition: .3s ease;
		-moz-transition: .3s ease;
		transition: .3s ease;
	}

	.menu-active #block-superfish-1 {
		opacity: 1;
		pointer-events: inherit;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}

	#block-superfish-1:before {
		content: '';
		position: fixed;
		top: 0;
		right: 0;
		border-right: 200px solid #fff;
		border-top: 100px solid #fff;
		border-left: 200px solid transparent;
		border-bottom: 100px solid transparent;
		-webkit-transform: translateY(-200px);
		        -moz-transform: translateY(-200px);
		         -ms-transform: translateY(-200px);
		          -o-transform: translateY(-200px);
		     transform: translateY(-200px);
		-webkit-transition: .3s ease;
		-o-transition: .3s ease;
		-moz-transition: .3s ease;
		transition: .3s ease;
	}

	.menu-active #block-superfish-1:before {
		-webkit-transform: translateY(0);
		        -moz-transform: translateY(0);
		         -ms-transform: translateY(0);
		          -o-transform: translateY(0);
		     transform: translateY(0);
	}

	/* Mobile layout for Main Menu */
	#superfish-1 {
		padding: 200px 80px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		   -moz-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}

	#superfish-1 li {
		width: 100%;
		max-width: 600px;
	}

	#superfish-1 > li.menuparent {
		position: relative;
	}

	#superfish-1 > li > a {
	    -webkit-box-shadow: inset 0 -1px #D89E50 !important;
	            box-shadow: inset 0 -1px #D89E50 !important;
	}

	.drop-trigger {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 55px;
		height: 55px;
		color: #fff;
		z-index: 100;
		line-height: 48px;
		font-size: 40px;
		text-align: center;
		-webkit-transform: rotateZ(90deg);
		        -moz-transform: rotateZ(90deg);
		         -ms-transform: rotate(90deg);
		          -o-transform: rotateZ(90deg);
		     transform: rotateZ(90deg);
		cursor: pointer;
		-webkit-transition: .4s cubic-bezier(0.5,0,0,.75);
		-o-transition: .4s cubic-bezier(0.5,0,0,.75);
		-moz-transition: .4s cubic-bezier(0.5,0,0,.75);
		transition: .4s cubic-bezier(0.5,0,0,.75);
	}

	.dropdown-active .drop-trigger {
		-webkit-transform: rotateZ(-90deg);
		        -moz-transform: rotateZ(-90deg);
		         -ms-transform: rotate(-90deg);
		          -o-transform: rotateZ(-90deg);
		     transform: rotateZ(-90deg);
	}

	#superfish-1 > li.menuparent > ul {
		width: 100%;
		padding: 0 !important;
		position: static;
		opacity: 0;
		pointer-events: inherit;
		max-height: 0;
	}

	#superfish-1 > li.menuparent.dropdown-active > ul {
		padding: 20px 0 !important;
		opacity: 1;
		max-height: 200px;
	}

	#superfish-1 .sf-depth-1 > a {
		margin: 0;
		padding: 20px 0px;
	}

	/* Mobile layout for footer */
	.block-superfish-2 {
		width: 100%;
		margin-bottom: 50px;
		padding: 0px 20px;
		margin-left: 0px;
		margin-right: 0px;
	}

	.block-bean-footer-block-1 {
		width: 100%;
		padding: 0px 20px;
		margin-left: 0px;
		margin-right: 0px;
	}

	/* Mobile layout for header */
	.view-featured-case-study .views-field-title {
		padding-bottom: 120px;
	}

	.view-featured-case-study .views-field-title, 
	.view-page-title .views-field-title, 
	.views-field-field-subtitle, 
	.page-title,
	.views-field-field-job-title .field-content {
		text-align: center;
	}

	.view-featured-case-study .views-field-field-subtitle .field-content, 
	.view-featured-case-study .views-field-title .field-content {
		padding: 0;
	}

	.front .views-field-view-node {
		padding: 0 0 30px;
		text-align: center;
	}

	.front .views-field-field-subtitle {
		padding-bottom: 90px;
	}

	.views-field-view-node {
		left: 0;
		padding-bottom: 45px;
	}

	/* Mobile layout for Case Studies view */

	.context-case-studies .views-field-field-services-reference ul {
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		   -moz-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
		margin: 0px 20px;
		padding-top: 20px;
	}

	.view-case-studies .content {
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		   -moz-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
		padding-bottom: 25px;
	}

	.view-case-studies .views-fieldset {
		width: 100%;
	}

	.view-case-studies h3 {
		padding-top: 20px;
	}

	.view-case-studies h3,
	.view-case-studies .block-back-to-case-studies {
		text-align: unset;
		margin-bottom: 10px;
	}

	.view-case-studies h3:after {
		right: unset;
		left: 0;
	}

	.node-case-study .field-name-field-image blockquote, 
	.zone-postscript .field-name-field-image blockquote {
		margin-top: 20px;
		width: 100%;
	}

	blockquote h3 {
		margin-bottom: 15px !important;
	}

	.view-display-id-block_1 .main-list {
		padding: 0px 20px;
	}


	/* Mobile styling for Services */

	.zone-postscript .field-name-field-image blockquote {
		margin: 20px 0px 0px 0px;
	}

	.field-name-field-services .field-item,
	.page-node-19 .field-name-field-services .field-item {
		width: 50%;
	}

	.page-node-19 .field-name-field-header-image .field-item {
		width: 100%;
	}
	.field-name-field-image img {
		width: 100% !important;
	}

	.field-name-field-image img {
		margin: 0px;
	}
	
	.field-name-field-image .odd img {
		-webkit-box-ordinal-group: unset;
		-webkit-order: unset;
		   -moz-box-ordinal-group: unset;
		    -ms-flex-order: unset;
		        order: unset;
	}

	.block-fieldblock .field-item:not(:first-child):before {
		left: 0;
		right: 0;
	}
}

/**
 * 5.2b 800px
 * ----------------------------------------------------------------------------
**/
@media screen and (max-width: 800px) {
	.view-case-studies .views-row {
		-webkit-columns: 1;
		        -moz-columns: 1;
		     columns: 1;
	}
}

/**
 * 5.3 740px
 * ----------------------------------------------------------------------------
**/

/* Styles specifically for sizes ABOVE 740px */
@media screen and (min-width: 740px) {

	.content img[style*="float: left;"],
	.content img[style*="float:left;"] {
		max-width: -webkit-calc(100% - 200px);
		max-width: -moz-calc(100% - 200px);
		max-width: calc(100% - 200px);
		margin-left: 0 !important;
	}

	.content img[style*="float: right;"],
	.content img[style*="float:right;"] {
		max-width: -webkit-calc(100% - 200px);
		max-width: -moz-calc(100% - 200px);
		max-width: calc(100% - 200px);
		margin-right: 0 !important;
	}

}

/* Styles specifically for sizes BELOW 740px */
@media screen and (max-width: 740px) {

	.view-staff .views-row,
	.view-staff-test-view .views-row  {
		width: 50%;
	}

	.zone-content {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		   -moz-box-orient: vertical;
		   -moz-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

	.region-sidebar-first,
	.region-sidebar-second {
		-webkit-box-ordinal-group: 11;
		-webkit-order: 10;
		   -moz-box-ordinal-group: 11;
		    -ms-flex-order: 10;
		        order: 10;
	}

	#block-system-main {
		padding: 0 10px;
	}
	
	.content img {
		float: none;
		width: 100%;
		max-width: 100%;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.content img.file-icon {
		max-width: 10000px;
		width: auto;
	}

	.content p img.img__view_mode__bump_out {
		max-width: 100vw;
		width: 100vw;
		margin-left: 50% !important;
	}

	.view-blog .views-row {
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	    -webkit-flex-direction: column;
	       -moz-box-orient: vertical;
	       -moz-box-direction: normal;
	        -ms-flex-direction: column;
	            flex-direction: column;
	}

	.view-blog .views-field-field-featured-image,
	.view-blog .blog-caption {
		width: 100%;
	}

	#block-views-case-studies-block .views-row-1::before {
		padding: 0px 20px;
	}

	#superfish-2 > li { 
		width: 50%; 
		margin-bottom: 20px;
	}

	#superfish li li {
		float: none !important;
	}

	.region-sidebar-second {
		-webkit-transform: none !important;
		        -moz-transform: none !important;
		         -ms-transform: none !important;
		          -o-transform: none !important;
		     transform: none !important;
		width: 100%;
		padding: 20px 50px !important;
	}

	#block-block-8,
	.block-bean-services-menu {
		text-align: center;
	}

	#block-block-8 h2:after,
	.block-bean-services-menu h2:after{
		right: 0;
		left: 0;
		margin: auto;
	}

	#block-bean-footer-image .field-name-field-background-image .field-item {
		height: auto !important;
		min-height: inherit !important;
	}

	/* Project Planner */
	#edit-submitted-project-planner-type-of-project-project-type .form-item, 
	.form-wrapper .webform-component,
	.form-wrapper .webform-component.webform-component--project-planner--your-details--company-organization {
		width: 100%;
	}

	#edit-submitted-project-planner-project-details-budget-ranges .form-item {
		width: -webkit-calc(50% - 10px);
		width: -moz-calc(50% - 10px);
		width: calc(50% - 10px);
	}

	.webform-client-form {
		max-width: -webkit-calc(100% - 80px);
		max-width: -moz-calc(100% - 80px);
		max-width: calc(100% - 80px);
	}

	.form-wrapper .fieldset-wrapper .fieldset-legend {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		   -moz-box-orient: vertical;
		   -moz-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

	.counter-block {
		position: static;
		-webkit-box-ordinal-group: 0;
		-webkit-order: -1;
		   -moz-box-ordinal-group: 0;
		    -ms-flex-order: -1;
		        order: -1;
		margin-bottom: 10px;
	}

	.webform-client-form select {
		width: 100%;
		padding: 10px;
		height: auto;
		-webkit-border-radius: 5px;
		        border-radius: 5px;
		border-color: #54682c;
		color: #54682c;
	}


}

@media screen and (max-width: 965px) {
	.page-node-601.node-type-services #block-views-page-title-block.no-image,
	.page-node-598.node-type-services #block-views-page-title-block.no-image {
		margin-top: -222px;
	}
}

@media screen and (max-width: 665px) {
	.page-node-19 #block-views-services-block .view-content .item-list ul li {
		width: 100%;
	}
}

@media screen and (max-width: 600px) {

	.view-client-map .view-filters {
		display: none;
	}

	.node-staff-profile .field-name-field-headshot {
		position: unset;
	}

	.node-staff-profile .field-name-field-headshot,
	.node-staff-profile .field-name-field-headshot ~ .field {
		float: none;
		width: 100%;
		padding: 0 0 20px;
	}

	.media-wysiwyg-align-right,
	.media-wysiwyg-align-left {
		float: none;
		margin: 0 0 20px;
	}

	.media-element-container {
		width: 100%;
		max-width: 100%;
	}

	#block-block-2 .content {
		padding: 15px;
	}

	#block-block-2 .content p {
		width: 100%;
		text-align: center;
		margin: 0;
		padding: 5px;
	}

	body {
		font-size: 16px;
	}

	h1 {
		font-size: 1.563em;
	}


	h2 {
		font-size: 1.25em;
	}

	h3 {
		font-size: 1em;
	}

	h4 {
		font-size: 20px;
	}

	h5 {
		font-size: 16px;
	}

	h6 {
		font-size: 12px;

	}

	#superfish-2 li {
		width: 100%;
		text-align: center;
	}

	#superfish-2 .sf-depth-1 > a::before {
		left: 0;
		right: 0;
		margin: auto;
	}

	.field-name-field-services .field-item,
	.page-node-19 .field-name-field-services .field-item {
		width: 100%;
		padding: 10px 0px;
	}

	#block-block-1:before {
	    border-right: 130px solid #fff;
	    border-top: 100px solid #fff;
	    border-left: 130px solid transparent;
	    border-bottom: 100px solid transparent;
	}

	#superfish-1 > li > ul > li {
		width: 100%;
		border-right: none !important;
	}

	#footer_content_blocks {
		text-align: center;
	}

	#edit-submitted-project-planner-project-details-budget-ranges .form-item {
		width: 100%;
	}

	.webform-component--contact-options--project-planner-text,
	.webform-component--contact-options--quick-contact-text {
		display: none;
	}

	#block-views-services-block .view-content .item-list ul li {
		width: 100%;
	}

	.node-type-services #block-views-page-title-block.no-image {
		margin-top: -146px;
	}

	.page-node-596 #block-views-page-title-block.no-image,
	.page-node-597 #block-views-page-title-block.no-image {
		margin-top: -172px;
	}

}

@media screen and (max-width: 585px) {
	.page-node-598.node-type-services #block-views-page-title-block.no-image {
		margin-top: -171px;
	}

	.page-node-601.node-type-services #block-views-page-title-block.no-image {
		margin-top: -146px;
	}
}

@media screen and (max-width: 489px) {
	.page-node-598.node-type-services #block-views-page-title-block.no-image {
		margin-top: -145px;
	}
}

@media screen and (max-width: 450px) {

	.view-staff .views-row,
	.view-staff-test-view .views-row {
		width: 100%;
		padding: 10px 30px 30px;
	}

	#zone-preface-wrapper {
		padding-bottom: 20px;
	}

	.node-type-page #block-views-page-title-block {
		padding-bottom: 20px;
	}

	#block-views-page-title-block {
		padding-top: 20px;
	}

	.block-bean-footer-block-1 {
		padding: 0px 20px;
	}

	.block-superfish-2 {
		padding: 0px 20px;
	}

	#footer_content_blocks {
		display: block;
	}

	.footer_block {
		width: 100%;
		padding-bottom: 20px;
	}

	.webform-client-form {
		max-width: 100%;
	}
} 
 
/* Fix for BEAN module double title */
.entity-bean > h2 { 
    display: none;
}