/* ============================================== */
/* Settings */
/* ============================================== */
/* ============================================== */
/* Include Core */
/* ============================================== */
/* ============================================== */
/* Mixins */
/* ============================================== */
/* ============================================== */
/* Em Calculator */
/* ============================================== */
/* ============================================== */
/* CSS Triangles Like Whoa! */
/* ============================================== */
/* ---------------------------------------------------------------------- */
/*! MEDIA QUERIES
/* ---------------------------------------------------------------------- */
/* Breakpoints */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }

audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

audio:not([controls]) { display: none; height: 0; }

[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: sans-serif; }

body { margin: 0; }

a:focus { outline: thin dotted; }

a:active, a:hover { outline: 0; }

h1 { font-size: 2em; margin: 0.67em 0; }

h2 { font-size: 1.5em; margin: 0.83em 0; }

h3 { font-size: 1.17em; margin: 1em 0; }

h4 { font-size: 1em; margin: 1.33em 0; }

h5 { font-size: 0.83em; margin: 1.67em 0; }

h6 { font-size: 0.75em; margin: 2.33em 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

mark { background: #ff0; color: #000; }

p, pre { margin: 1em 0; }

code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }

q:before, q:after { content: ''; content: none; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

dl, menu, ol, ul { list-style-type: none; margin: 0; }

dd { margin: 0; }

menu, ol, ul { padding: 0; }

nav ul, nav ol { list-style: none; list-style-image: none; }

img { border: 0; -ms-interpolation-mode: bicubic; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; }

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

button, input { line-height: normal; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible; }

button[disabled], input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; }

table { border-collapse: collapse; border-spacing: 0; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.row { width: 1080px; max-width: 100%; /* min-width: 768px; */ margin: 0 auto; }

.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -10px; }

.row.collapse .column, .row.collapse .columns { padding: 0; }

.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -10px; }

.row .row.collapse { margin: 0; }

.column, .columns { float: left; min-height: 1px; padding: 0 10px; position: relative; }

.column.centered, .columns.centered { float: none; margin: 0 auto; }

[class*="column"] + [class*="column"]:last-child { float: right; }

[class*="column"] + [class*="column"].end { float: left; }

.one, .row .one { width: 8.33333%; }

.two, .row .two { width: 16.66667%; }

.three, .row .three { width: 25%; }

.four, .row .four { width: 33.33333%; }

.five, .row .five { width: 41.66667%; }

.six, .row .six { width: 50%; }

.seven, .row .seven { width: 58.33333%; }

.eight, .row .eight { width: 66.66667%; }

.nine, .row .nine { width: 75%; }

.ten, .row .ten { width: 83.33333%; }

.eleven, .row .eleven { width: 91.66667%; }

.twelve, .row .twelve { width: 100%; }

.row .offset-by-one { margin-left: 8.33333%; }

.row .offset-by-two { margin-left: 16.66667%; }

.row .offset-by-three { margin-left: 25%; }

.row .offset-by-four { margin-left: 33.33333%; }

.row .offset-by-five { margin-left: 41.66667%; }

.row .offset-by-six { margin-left: 50%; }

.row .offset-by-seven { margin-left: 58.33333%; }

.row .offset-by-eight { margin-left: 66.66667%; }

.row .offset-by-nine { margin-left: 75%; }

.row .offset-by-ten { margin-left: 83.33333%; }

.push-two { left: 16.66667%; }

.pull-two { right: 16.66667%; }

.push-three { left: 25%; }

.pull-three { right: 25%; }

.push-four { left: 33.33333%; }

.pull-four { right: 33.33333%; }

.push-five { left: 41.66667%; }

.pull-five { right: 41.66667%; }

.push-six { left: 50%; }

.pull-six { right: 50%; }

.push-seven { left: 58.33333%; }

.pull-seven { right: 58.33333%; }

.push-eight { left: 66.66667%; }

.pull-eight { right: 66.66667%; }

.push-nine { left: 75%; }

.pull-nine { right: 75%; }

.push-ten { left: 83.33333%; }

.pull-ten { right: 83.33333%; }

img, object, embed { max-width: 100%; height: auto; }

object, embed { height: 100%; }

img { -ms-interpolation-mode: bicubic; }

#map_canvas img, .map_canvas img { max-width: none !important; }

/* ============================================== */
/* ROW CLEARFIX */
/* ============================================== */
.row { *zoom: 1; }

.row:before, .row:after { content: ""; display: table; }

.row:after { clear: both; }

/* ============================================== */
/* MEDIA QUERIES */
/* ============================================== */
@media only screen and (max-width: 768px) { body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
  .row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; }
  .column, .columns { width: auto !important; float: none; }
  .column:last-child, .columns:last-child { float: none; }
  [class*="column"] + [class*="column"]:last-child { float: none; }
  .column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; }
  .column:after, .columns:after { clear: both; }
  .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten { margin-left: 0 !important; }
  .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto; }
  .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto; }
  /* Mobile 4-column Grid */
  .row .mobile-one { width: 25% !important; float: left; padding: 0 15px; }
  .row .mobile-one:last-child { float: right; }
  .row.collapse .mobile-one { padding: 0; }
  .row .mobile-two { width: 50% !important; float: left; padding: 0 15px; }
  .row .mobile-two:last-child { float: right; }
  .row.collapse .mobile-two { padding: 0; }
  .row .mobile-three { width: 75% !important; float: left; padding: 0 15px; }
  .row .mobile-three:last-child { float: right; }
  .row.collapse .mobile-three { padding: 0; }
  .row .mobile-four { width: 100% !important; float: left; padding: 0 15px; }
  .row .mobile-four:last-child { float: right; }
  .row.collapse .mobile-four { padding: 0; }
  .push-one-mobile { left: 25%; }
  .pull-one-mobile { right: 25%; }
  .push-two-mobile { left: 50%; }
  .pull-two-mobile { right: 50%; }
  .push-three-mobile { left: 75%; }
  .pull-three-mobile { right: 75%; } }
/* ============================================== */
/* Elements */
/* ============================================== */
html { overflow-x: hidden; font-family: "chaparral-pro", serif; background-color: #fff; height: 100%; }

body { /* height:100%; */ -webkit-font-smoothing: antialiased; 		/*

		@include respond(768px) {font-size: 0.96em;}
		@include respond(480px) {font-size: 0.95em;}
*/ /*Opera Fix*/ 		/*
&:before {
			content:"";
			height:100%;
			float:left;
			width:0;
			margin-top:-32767px;
		}
*/ }

h1, h2, h3, h4, h5, h6 { font-family: "ronnia", sans-serif; color: #8cb66f; }

h2 { font-size: 32px; }

h3 { font-size: 2em; }

p { font-size: 1em; line-height: 28px; font-family: "ronnia", sans-serif; color: #919394; }

a { color: #8cb66f; text-decoration: none; transition: all 200ms ease-in-out; }
a:hover { color: #a2cb87; }
a h3 { transition: all 200ms ease-in-out; }
a h3:hover { color: #a2cb87; }
a img { opacity: 1; transition: all 400ms ease-in-out; transform: translate3d(0px, 0px, 0px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; }
a img:hover { opacity: .8; }

.button { border: 2px solid #e8e8e8; padding: 8px 50px; border-radius: 50px; opacity: 1; font-size: .9em; font-family: "ronnia", sans-serif; }

.alignright { float: right; margin: 0 0 1em 1em; }

.alignleft { float: left; margin: 0 1em 1em 0; }

.aligncenter { margin: 1em 0; text-align: center; }

.content-container { position: relative; /*
		top: 90px;
		margin-bottom: 90px;
		height: 100%;
*/ }

::selection { background: #8cb66f; /* WebKit/Blink Browsers */ color: #fff; }

::-moz-selection { background: #8cb66f; /* Gecko Browsers */ color: #fff; }

/* ============================================== */
/* Header */
/* ============================================== */
#header { position: fixed; margin: 0 auto; padding: 17px 0; background: #fff; z-index: 9999; left: 0; border-top: 4px solid #8cb66f; width: 100%; }
#header a.logo { display: inline-block; }
@media (max-width: 924px) { #header { line-height: inherit; padding: 17px 15px 17px 10px; } }
@media (max-width: 768px) { #header { padding: 17px 15px; } }
#header .two.columns { z-index: 999; }
@media (max-width: 768px) { #header .two.columns { max-width: 200px; } }
@media (max-width: 335px) { #header .ten.columns { position: absolute; right: 0px; top: 24px; } }
#header .row { margin: auto; }
#header nav { text-align: right; float: right; margin: auto; }
#header nav ul { text-align: right; }
@media (max-width: 768px) { #header nav ul { display: inline; } }
#header nav ul li { display: inline-block; font-size: 16px; line-height: 55px; }
@media (max-width: 800px) { #header nav ul li { font-size: 16px; } }
@media (max-width: 768px) { #header nav ul li { text-align: center; } }
#header nav ul li a { color: #919394; text-decoration: none; border: 2px solid transparent; border-radius: 15px; padding: 6px 20px; }
#header nav ul li a:hover { border: 2px solid #e8e8e8; }
@media (max-width: 1180px) { #header nav ul li a { padding-left: 20px; } }
@media (max-width: 768px) { #header nav { position: relative; top: 0px; } }
@media (max-width: 924px) { #header nav { position: relative; float: right; text-align: right; }
  #header nav ul { display: none; position: absolute; top: 100%; right: 0; background: #FFF; padding: 10px; border-top: 2px solid #8cb66f; }
  #header nav ul li { display: block; margin: 5px 0; line-height: 1.3; }
  #header nav ul li a { display: inline-block; }
  #header nav.active .nav-toggle { position: relative; background: #8cb66f; border-color: #8cb66f; color: #FFF; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
  #header nav.active ul { display: block; } }
@media (max-width: 335px) { #header nav { position: relative; } }
#header nav .nav-toggle { display: none; border-radius: 8px; padding: 8px 15px; border: 2px solid #e8e8e8; }
@media (max-width: 924px) { #header nav .nav-toggle { display: inline-block; } }

.current-menu-item a { border: 2px solid #e8e8e8 !important; border-radius: 15px; padding: 6px 20px; }

.content.greenbar { background: url(../images/layout/title-bar.png) no-repeat center top; background-size: cover; text-align: center; /* min-height: 250px; */ padding-top: 105px; padding-bottom: 30px; }
.content.greenbar h2 { font-size: 3.25em; color: #fff; margin: 22px 0; }
@media (max-width: 510px) { .content.greenbar h2 { font-size: 2.5em; } }
@media (max-width: 340px) { .content.greenbar h2 { font-size: 2em; } }
.content.greenbar .sub-title { font-style: italic; color: #fff; font-size: 1.375em; line-height: 1.25; padding-bottom: 0px; }
@media (max-width: 510px) { .content.greenbar .sub-title { font-size: 1.25em; } }
@media (max-width: 340px) { .content.greenbar .sub-title { font-size: 1em; } }
.content.greenbar hr { display: block; -webkit-margin-before: 0.5em; -webkit-margin-after: 0.5em; -webkit-margin-start: auto; -webkit-margin-end: auto; border-style: solid; border-width: 1px; border-color: #fff; }
@media (max-width: 768px) { .content.greenbar hr { max-width: 150px; } }

/* ============================================== */
/* Home */
/* ============================================== */
@media (max-width: 768px) { [class*="column"] + [class*="column"]:last-child { float: none !important; } }
.hero { height: 850px; position: relative; padding-top: 90px; z-index: 1; }
.hero .hero-image { height: 100%; width: 100%; background: url(../images/hero/hero.jpg) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; text-align: center; }
.hero .hero-image img { padding-top: 60px; }
.hero h1 { font-family: "ronnia", sans-serif; text-transform: uppercase; color: #8cb66f; font-size: 3.655em; text-align: center; margin-top: 20%; padding: 0 10px; }
@media (max-width: 720px) { .hero h1 { font-size: 3em; } }
@media (max-width: 470px) { .hero h1 { font-size: 2em; margin-top: 60%; } }
.hero h1 span { font-family: "chaparral-pro", serif; color: #919394; font-style: italic; text-transform: none; font-size: .5862em; }
.hero p { font-style: italic; font-size: 1.125em; margin-top: 275px; }

.tagline { text-align: center; padding: 50px 0; background: url(../images/layout/tagline-home.jpg) no-repeat left bottom; background-color: #f6f6f6; }
@media (max-width: 768px) { .tagline { max-height: 100%; } }
.tagline h2 { margin: 0px; }
.tagline p { color: #919394; font-family: "ronnia", sans-serif; font-size: 22px; }
.tagline ul { font-family: "ronnia", sans-serif; text-align: left; margin-top: 80px; }
@media (max-width: 768px) { .tagline ul { text-align: center; margin-top: 0px; } }
.tagline ul li { padding-bottom: 50px; color: #383e42; }
.tagline ul li:last-child { padding-bottom: 0; }
@media (max-width: 768px) { .tagline ul li { padding: 30px 0; text-align: center !important; } }
.tagline ul li img { position: relative; top: -10px; left: 25px; }
@media (max-width: 768px) { .tagline ul li img { left: 0px; } }

.client-tagline { text-align: center; padding: 50px 0; border-bottom: 1px solid #e8e8e8; }
.client-tagline h3 { font-family: "ronnia", sans-serif; color: #8cb66f; font-size: 32px; margin: 0; font-style: italic; }
.client-tagline h3 i { font-size: 24px; }

.home-client-logos { padding: 50px 0; }
@media (max-width: 888px) { .home-client-logos { padding-left: 25px; } }
@media (max-width: 600px) { .home-client-logos { padding-left: 0; } }
.home-client-logos #owl-home img { opacity: 0.5; filter: alpha(opacity=50); /* msie */ }
.home-client-logos #owl-home a { height: 175px; width: 50px; }
.home-client-logos #owl-home li { width: 175px; margin: 0 auto; }
@media (max-width: 888px) { .home-client-logos #owl-home img { width: 122px; } }
@media (max-width: 600px) { .home-client-logos #owl-home img { width: 100%; } }

.home-news { padding: 60px 0; font-family: "ronnia", sans-serif; }
.home-news [class*="column"] + [class*="column"]:last-child { float: right; }
@media (max-width: 768px) { .home-news [class*="column"] + [class*="column"]:last-child { float: none; } }
@media (max-width: 950px) { .home-news { padding: 60px 20px; } }
@media (max-width: 768px) { .home-news { text-align: center; } }
.home-news h3 { text-align: center; font-size: 32px; line-height: 24px; margin: 0 0 60px 0; }
@media (max-width: 768px) { .home-news ul { margin-top: 50px; } }
.home-news p { font-family: "ronnia", sans-serif; color: #919394; font-size: 14px; line-height: 22px; }
.home-news .news-title { color: #383e42; font-size: 18px; }
.home-news .news-title:hover { opacity: .75; }
.home-news .home-news-date { text-transform: uppercase; color: #d1e3ce; font-weight: bold; border: 4px solid #d1e3ce; max-width: 60px; text-align: center; padding: 0; }
@media (max-width: 768px) { .home-news .home-news-date { margin: 0 auto; width: 60px !important; } }
.home-news .home-news-date hr { margin: 0 0 0 -4px; width: 56px; border-width: 2px; border-color: #d1e3ce; border-style: inherit; }
.home-news .home-news-date .month { font-size: 12px; width: 56px; height: 20px; }
.home-news .home-news-date .day { font-size: 28px; width: 56px; height: 100%; }

.news-snippet { position: relative; padding-right: 35px; }
@media (max-width: 950px) { .news-snippet { left: -5px; } }
@media (max-width: 768px) { .news-snippet { margin: 10px auto 25px auto; padding: 0; left: 0px; } }

.clients { text-align: center; font-family: "ronnia", sans-serif; background-color: #eee; width: 100%; }
.clients .eight { padding-top: 3%; padding-right: 5%; padding-left: 5%; }
.clients .eight p { color: #7a7a7a; line-height: 1.5em; font-family: "ronnia", sans-serif; }
.clients .logoSlider { padding-top: 3.75em; }
.clients .logoSlider .logoholder { height: 3.75em; 				/*
&:before {
					content: "";
					display:inline-block;
					height:100%;
					vertical-align: middle;
					margin-right:-0.25em;
				}
*/ }
.clients .logoSlider .logoholder img { max-height: 3.75em; }
.clients .logoSlider .logoholder:first-child { margin-bottom: 2.5em; }
.clients .logoSlider a { border: none; max-width: 100%; display: inline-block; vertical-align: middle; text-align: center; }
.clients .logoSlider .owl-controls .owl-buttons { color: #383e42; }

.content { overflow: hidden; /* for fancy headings run off */ }
.content .six { padding-right: 3%; }
@media (max-width: 768px) { .content .six { padding-right: 3%; } }
.content .six ~ .six { padding-right: 3%; padding-left: 3%; }
.content .intro p:first-of-type:first-letter { color: #8cb66f; font-size: 5.75em; font-weight: 700; float: left; padding: 20px 10px 20px 0px; }
.content p { font-family: "chaparral-pro", serif; color: #383e42; font-size: 1em; line-height: 1.625em; padding-bottom: 1.25em; /*@include respond(768px) {font-size: 0.938em;}*/ }
.content em { color: #8cb66f; font-weight: bold; font-style: normal; }

.twitter-feed { background: url(../images/layout/title-bar.png) no-repeat center top; background-size: cover; color: #fff; font-style: italic; text-align: center; padding: 30px 0 15px 0; }
.twitter-feed .row .owl-twitter { width: 75% !important; margin: 0 auto; }
.twitter-feed .owl-controls .owl-buttons { color: #fff; font-size: 2.2em; }
.twitter-feed .owl-controls .owl-buttons .owl-next { transition: .4s all ease; }
.twitter-feed .owl-controls .owl-buttons .owl-next:hover { color: #e8e8e8; }
.twitter-feed .owl-controls .owl-buttons .owl-prev { transition: .4s all ease; }
.twitter-feed .owl-controls .owl-buttons .owl-prev:hover { color: #e8e8e8; }
.twitter-feed a { color: #f6f288; font-family: "chaparral-pro", serif; }
.twitter-feed .button { color: #fff; font-style: normal; font-family: "ronnia", sans-serif; }
.twitter-feed .button:hover { opacity: .6; }
.twitter-feed hr { color: #f6f6f6; background-color: #f6f6f6; height: 3px; width: 40px; border-style: solid; margin: 15px auto 25px auto; }
.twitter-feed h4 { color: #fff; font-family: "chaparral-pro", serif; font-weight: normal; font-size: 32px; }
.twitter-feed .timestamp a { color: #fff; font-style: normal; font-family: "ronnia", sans-serif; text-transform: uppercase; font-size: 13px; }
@media (max-width: 535px) { .twitter-feed .space2 { display: none; } }
.twitter-feed .break { display: none; }
@media (max-width: 535px) { .twitter-feed .break { display: inherit; } }
.twitter-feed .retweet-bar { padding-bottom: 25px; }
@media (max-width: 535px) { .twitter-feed .retweet-bar { text-align: center; } }
.twitter-feed .retweeted-by { font-size: 16px; font-weight: bold; }
@media (max-width: 535px) { .twitter-feed .retweeted-by { width: 100%; } }
.twitter-feed .retweet-attribution { font-family: "ronnia", sans-serif; text-transform: uppercase; font-style: normal; font-size: 13px; font-weight: bold; }
@media (max-width: 500px) { .twitter-feed .retweet-attribution { width: 100%; } }
.twitter-feed .retweet-attribution a { font-family: "ronnia", sans-serif; color: #fff; }
.twitter-feed .retweet-attribution a:hover { color: #e8e8e8; }
.twitter-feed .status p { font-family: "chaparral-pro", serif; color: #fff; font-size: 26px; line-height: 30px; font-weight: 600; max-width: 80%; margin: 0 auto; }
@media (max-width: 768px) { .twitter-feed .status p { font-size: 17px; line-height: 21px; } }

/* ============================================== */
/* Owl Carousel */
/* ============================================== */
.owl-controls { position: absolute; width: 100%; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: 20%; }
.owl-controls .owl-buttons { color: #8cb66f; font-size: 2.2em; }
.owl-controls .owl-buttons .owl-prev { position: absolute; left: -50px; transition: .4s all ease; }
.owl-controls .owl-buttons .owl-prev:hover { color: #a2cb87; }
@media (max-width: 1300px) { .owl-controls .owl-buttons .owl-prev { left: -20px; } }
@media (max-width: 1100px) { .owl-controls .owl-buttons .owl-prev { left: -5px; } }
.owl-controls .owl-buttons .owl-next { position: absolute; right: -50px; transition: .4s all ease; }
.owl-controls .owl-buttons .owl-next:hover { color: #a2cb87; }
@media (max-width: 1300px) { .owl-controls .owl-buttons .owl-next { right: -25px; } }
@media (max-width: 1100px) { .owl-controls .owl-buttons .owl-next { right: -5px; } }

/* ============================================== */
/* General Page */
/* ============================================== */
blockquote { border-left: 3px solid #8cb66f; padding-left: 10px; font-size: 1.25em; font-style: italic; }
blockquote p { font-family: "chaparral-pro", serif; }

.page-content { padding: 0 20px 20px 0; }
@media (max-width: 1280px) { .page-content { padding-left: 20px; } }
.page-content .contentWrapper { margin-top: 32px; }
.page-content .seven { margin-right: 30px; }
.page-content .seven ul { font-family: "ronnia", sans-serif; list-style-image: url("../images/icons/arrow.png"); padding-left: 30px; }
.page-content .seven ul li { color: #919394; margin: 10px 0; line-height: 28px; }
.page-content .seven ul li a { color: #8cb66f; }
.page-content.recent-news .seven ul { list-style-image: none; padding-left: 0; }

h4 { font-size: 1.25em; color: #383e42; }

figure img { margin-top: 0px; padding: 10px; border: 2px solid #e8e8e8; }
figure.has-caption { padding: 10px; border: 2px solid #e8e8e8; margin-top: 30px; font-style: italic; color: #919394; text-align: center; font-family: "ronnia", sans-serif; }
figure.has-caption img { padding: 0; border: 0; }

.about-image { margin-top: 30px; padding: 10px; border: 2px solid #e8e8e8; }
.about-image .wp-caption-text { padding: 10px; font-style: italic; color: #919394; text-align: center; font-family: "ronnia", sans-serif; }
.about-image .wp-caption-text img { padding: 0; border: 0; }

.sidebar { background: #f6f6f6; margin-top: 30px; padding: 20px 0; }
.sidebar ul { font-family: "ronnia", sans-serif; list-style-image: url("../images/icons/arrow.png"); padding-left: 15px; }
.sidebar ul li { color: #919394; margin: 10px 0; font-size: 14px; line-height: 22px; }
.sidebar ul li a { color: #8cb66f; }
.sidebar h3 { color: #383e42; font-size: 18px; font-weight: normal; }
.sidebar p { font-size: 14px; line-height: 22px; }
.sidebar.sidebar-map { background: transparent; border: 2px solid #e8e8e8; padding: 10px; }
.sidebar #map { width: 100%; height: 500px; }

.sidebar-team-member h4 { margin-bottom: .5em; color: #919394; }
.sidebar-team-member ul { font-family: "ronnia", sans-serif; list-style-image: url("../images/icons/arrow.png"); padding-left: 15px; }
.sidebar-team-member ul li { color: #919394; margin: 10px 0; font-size: 15px; line-height: 14px; }
.sidebar-team-member ul li a { color: #8cb66f; }
.sidebar-team-member ul li a:hover { color: #a2cb87 !important; }

/* ============================================== */
/* Recent News */
/* ============================================== */
.recent-news .page-content ul { list-style-type: none; padding: 0; }

@media (max-width: 768px) { .recent-news .seven { margin-right: 0; } }

@media (max-width: 768px) { .press-page .two.columns { float: left; width: 60px; }
  .press-page .ten.columns { margin-left: 80px; } }
@media (max-width: 400px) { .press-page .two.columns { width: auto; float: none; }
  .press-page .two.columns .news-date { *zoom: 1; width: 100%; height: auto; padding: 0; text-align: left; line-height: 1; }
  .press-page .two.columns .news-date:before, .press-page .two.columns .news-date:after { content: ""; display: table; }
  .press-page .two.columns .news-date:after { clear: both; }
  .press-page .two.columns .news-date hr { display: none; }
  .press-page .two.columns .news-date .day { float: left; width: auto; padding: 5px 20px; min-width: 80px; text-align: center; border-right: 4px solid #d1e3ce; }
  .press-page .two.columns .news-date .month { font-size: 20px; line-height: 38px; padding-left: 20px; width: auto; }
  .press-page .ten.columns { margin: 0; } }

/* ============================================== */
/* Clients Page */
/* ============================================== */
.stripe.clientGrid { padding: 4.6875em 0; }
@media (max-width: 605px) { .stripe.clientGrid { padding: 2.5em 0; } }
@media (max-width: 1080px) { .stripe.clientGrid .row { width: 792px; max-width: none !important; min-width: 0 !important; } }
@media (max-width: 810px) { .stripe.clientGrid .row { width: 528px !important; margin: 0 auto !important; } }
@media (max-width: 560px) { .stripe.clientGrid .row { width: 264px !important; } }
.stripe.clientGrid .clientBox { height: 200px; width: 256px; border: 1px solid #e5e5e5; float: left; margin: 4px; }
.stripe.clientGrid .clientBox a { background: #fff; background: rgba(255, 255, 255, 0.5); display: block; width: 100%; height: 198px; text-align: center; }
.stripe.clientGrid .clientBox a:hover { background: #f5f5f5; background: rgba(245, 245, 245, 0.5); }
.stripe.clientGrid .clientBox a:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; }
.stripe.clientGrid .clientBox a img { display: inline-block; vertical-align: middle; max-width: 215px; max-height: 126px; }

/* ============================================== */
/* Single Team Member */
/* ============================================== */
.employee-title { background: #f6f6f6; width: 100%; }
@media (max-width: 1200px) { .employee-title { padding-left: 50px; } }
.employee-title h2 { margin-bottom: 0; }
.employee-title h3 { margin-top: 0; font-family: "chaparral-pro", serif; font-style: italic; color: #919394; font-weight: normal; max-width: 50%; }
@media (max-width: 840px) { .employee-title h3 { max-width: 80%; } }
@media (max-width: 400px) { .employee-title { text-align: center; padding-left: 0; }
  .employee-title h3 { max-width: 80%; margin: 15px 10%; } }

.team-member-content { min-height: 500px; padding: 30px 0; width: 50%; float: left; }
@media (max-width: 1200px) { .team-member-content { padding-left: 50px; } }
@media (max-width: 840px) { .team-member-content { width: 100%; padding: 20px 50px !important; } }

@media (max-width: 500px) { .sidebar-team-member-portfolio { padding-left: 25px; } }

.sidebar-team-member { position: relative; top: -60px; float: right; background: #fff; width: 450px; }
.sidebar-team-member img { border-bottom: 6x solid #fff; display: block; margin: 0 auto; }
@media (max-width: 1200px) { .sidebar-team-member { width: 350px; margin-right: 40px; } }
@media (max-width: 840px) { .sidebar-team-member { position: inherit; width: 100%; margin: 0 auto 30px auto; float: left; padding: 0; } }
@media (max-width: 400px) { .sidebar-team-member { width: 80%; margin: 15px 10% 30px 10%; } }
@media (max-width: 840px) { .sidebar-team-member .sidebar-team-member-portfolio { padding: 0 25px; } }
.sidebar-team-member .sidebar-team-member-content { padding: 10px 25px; background: #f6f6f6; }
.sidebar-team-member .sidebar-team-member-content h4 { margin: 0; font-family: "chaparral-pro", serif; color: #919394; }
.sidebar-team-member .sidebar-team-member-content h4.nine.columns { padding: 3px 0 10px 0; }
.sidebar-team-member .sidebar-team-member-content p { margin: 10px 0 0 0; }
.sidebar-team-member .sidebar-team-member-content p.linkedin-icon { margin-top: 0; }
.sidebar-team-member .sidebar-team-member-content p img { width: 30px; height: 30px; position: relative; top: -25px; float: right; border: none; }
.sidebar-team-member .primary-sidebar { padding-left: 0; }
@media (max-width: 840px) { .sidebar-team-member .primary-sidebar { padding-left: 25px; padding-right: 25px; } }
.sidebar-team-member .primary-sidebar .sidebar-team-member-menu ul { font-family: "ronnia", sans-serif; list-style-image: url("../images/icons/arrow.png"); padding-left: 15px; font-size: 14px; }
.sidebar-team-member .primary-sidebar .sidebar-team-member-menu ul li { color: #919394; margin: 10px 0; line-height: 14px; }
.sidebar-team-member .primary-sidebar .sidebar-team-member-menu ul li a { color: #8cb66f; }
.sidebar-team-member .primary-sidebar .sidebar-team-member-menu .current-menu-item a { border: none !important; border-radius: 0; padding: 0; color: #919394; }
.sidebar-team-member .primary-sidebar .sidebar-team-member-menu h4 { margin-bottom: 5px; color: #919394; }

/* ============================================== */
/* Team Page */
/* ============================================== */
.our-team-content { text-align: center; padding: 60px 0 55px 0; }
.our-team-content p { font-size: 22px; margin: 0; }
@media (max-width: 600px) { .our-team-content p { font-size: 18px; } }
@media (max-width: 380px) { .our-team-content p { font-size: 16px; } }
.our-team-content .button { margin-top: 50px; position: relative; font-size: 14px; display: inline-block; }

.team-page { background: #f6f6f6; padding: 25px 0; }
@media (max-width: 875px) { .team-page .ten { width: 100%; } }

.team-list { margin: 0 auto; width: 1080px; }
@media (max-width: 1100px) { .team-list { width: 90%; } }
@media (max-width: 875px) { .team-list { width: 80%; min-width: 0px; } }
@media (max-width: 620px) { .team-list { width: 100%; } }
@media (max-width: 550px) { .team-list { width: 80%; } }

.employee-department { background: #a2cb87; height: 350px; width: 350px; margin: 5px; float: left; /* display: table; */ overflow: hidden; }
.employee-department:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; /* Adjusts for spacing */ }
@media (max-width: 1100px) { .employee-department { width: 31%; margin: 1%; } }
@media (max-width: 875px) { .employee-department { width: 48%; max-width: 350px; margin: 1%; } }
@media (max-width: 550px) { .employee-department { width: 80%; margin: 5px auto; } }
@media (max-width: 550px) { .employee-department { width: 100%; margin: 10px auto; max-width: 100%; } }
.employee-department .employee-type { display: inline-block; vertical-align: middle; }
.employee-department h2 { color: #fff; font-style: italic; font-family: "chaparral-pro", serif; font-size: 32px; padding: 25px; margin: 0; }
@media (max-width: 370px) { .employee-department h2 { font-size: 26px; line-height: 30px; text-align: center; } }

.team-member-item { height: 350px; width: 350px; max-width: 350px; margin: 5px; background: #ebebeb; padding: 0; float: left; 			/*
@include respond(768px){
				width: 30%;
			}
			@include respond(689px){
				width: 30%;
			}
			@include respond(609px){
				width: 30%;
			}
			@include respond(370px) {
				width: 100%;
				margin: 10px;
			}
*/ }
@media (max-width: 1100px) { .team-member-item { width: 31%; margin: 1%; } }
@media (max-width: 875px) { .team-member-item { width: 48%; margin: 1%; } }
@media (max-width: 550px) { .team-member-item { width: 80%; margin: 5px auto; } }
@media (max-width: 550px) { .team-member-item { width: 100%; margin: 10px auto; height: 375px; max-width: 100%; } }
.team-member-item .team-pic img { width: 100%; max-width: 350px; }
@media (max-width: 550px) { .team-member-item .team-pic img { max-width: 100%; } }
.team-member-item .our-team-linkedin { top: 5px; width: 25px; position: relative; float: right; }
.team-member-item .our-team-linkedin img { width: 25px; }
.team-member-item h3 { font-size: 25px; margin-bottom: 0; }
.team-member-item h4 { font-size: 12px; text-transform: uppercase; color: #919394; font-weight: normal; margin-top: 5px; margin-bottom: 0; padding-bottom: 15px; border-bottom: 1px solid #cecece; }
.team-member-item p { font-size: 12px; line-height: 15px; margin-top: 12px; }
@media (max-width: 875px) { .team-member-item p { font-size: 13px; } }

[class*="column"] + [class*="column"]:last-child { float: left; }

.employee-information { padding: 0 30px; }

/* ============================================== */
/* Sidebar */
/* ============================================== */
.primary-sidebar { padding: 0px 30px 10px 30px; }
.primary-sidebar p { font-family: "ronnia", sans-serif; margin: 14px 0; }
.primary-sidebar h3 { margin: 18px 0; }

/* ============================================== */
/* Portfolio Page */
/* ============================================== */
.featured-portfolio { padding-bottom: 0px; }

#owl-featured { margin-top: 20px; }
#owl-featured .owl-item { padding: 0 50px; }
#owl-featured .owl-item h4 { text-transform: uppercase; color: #c3c6c7; font-size: 12px; }

.offwhite-bg { background: #f6f6f6; margin: 0 auto; width: 100%; text-align: center; padding: 30px; }
.offwhite-bg h2 { font-size: 2em; }
.offwhite-bg h3 { color: #919394; font-size: 22px; font-weight: normal; }
.offwhite-bg a { font-style: italic; font-weight: bold; }
@media (max-width: 1128px) { .offwhite-bg .portfolio { width: 890px; margin: 0 auto; } }
@media (max-width: 950px) { .offwhite-bg .portfolio { width: 712px; margin: 0 auto; } }
@media (max-width: 771px) { .offwhite-bg .portfolio { width: 534px; margin: 0 auto; } }
@media (max-width: 593px) { .offwhite-bg .portfolio { width: 356px; margin: 0 auto; } }
@media (max-width: 415px) { .offwhite-bg .portfolio { width: 174px; margin: 0 auto; } }
.offwhite-bg .portfolio .grid-item { width: 174px; height: 174px; display: inline-block; float: left; position: relative; margin: 2px; background: url("../images/layout/active.png"); }
.offwhite-bg .portfolio .grid-item.Active { background: url("../images/layout/active.png"); }
.offwhite-bg .portfolio .grid-item.Acquired { background: url("../images/layout/acquired.png"); }
.offwhite-bg .portfolio .grid-item.Partial-Secondary-Sale { background: url("../images/layout/Partial-Secondary-Sale.png"); }
.offwhite-bg .portfolio .grid-item.IPO { background: url("../images/layout/ipo.png"); }
.offwhite-bg .portfolio .grid-item.IPO-Acquired { background: url("../images/layout/ipoacquired.png"); }
.offwhite-bg .portfolio .grid-item .grid-clicker { width: 174px; height: 174px; opacity: 1; }
.offwhite-bg .portfolio .grid-item .grid-clicker:hover { opacity: .75; }
.offwhite-bg .portfolio .grid-item:hover { cursor: pointer; }
.offwhite-bg .portfolio .grid-item img { width: 80%;}
.offwhite-bg .portfolio .grid-item .grid-clicker img { width: 80%; position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.offwhite-bg .portfolio .grid-item .portfolio-overlay { background: #fff; width: 352px; height: 352px; position: relative; z-index: 999; padding: 25px 25px; top: -352px; display: none; }
.offwhite-bg .portfolio .grid-item .portfolio-overlay:hover { cursor: default; }
.offwhite-bg .portfolio .grid-item .portfolio-overlay img { margin: 0; }
@media (max-width: 415px) { .offwhite-bg .portfolio .grid-item .portfolio-overlay { width: 174px; height: 532px; } }
.offwhite-bg .portfolio .grid-item .portfolio-overlay hr { border-style: solid; border-color: #e8e8e8; margin-top: 20px; }
.offwhite-bg .portfolio .grid-item .portfolio-overlay h3 { text-align: left; margin-bottom: 0px; font-size: 24px; color: #8cb66f; font-weight: bold; }
@media (max-width: 415px) { .offwhite-bg .portfolio .grid-item .portfolio-overlay h3 { font-size: 20px; text-align: center; } }
.offwhite-bg .portfolio .grid-item .portfolio-overlay h3 a { font-style: normal; }
.offwhite-bg .portfolio .grid-item .portfolio-overlay p { text-align: left; font-size: 16px; line-height: 20px; }
@media (max-width: 415px) { .offwhite-bg .portfolio .grid-item .portfolio-overlay p { text-align: center; font-size: 14px; line-height: 18px; } }
.offwhite-bg .portfolio .grid-item .portfolio-overlay p.website { float: left; margin-top: 6px; }
.offwhite-bg .portfolio .grid-item .portfolio-overlay a { text-align: left; font-style: normal; }
@media (max-width: 415px) { .offwhite-bg .portfolio .grid-item .portfolio-overlay a { text-align: center; } }
.offwhite-bg .portfolio .grid-item .portfolio-overlay img { background: none; width: auto; height: 50px; }
@media (max-width: 415px) { .offwhite-bg .portfolio .grid-item .portfolio-overlay img { width: 115px; height: 33px; margin: 20px 0 5px 0; } }
.offwhite-bg .portfolio .grid-item .portfolio-overlay .portfolio-social { float: right; margin-top: 6px; }
.offwhite-bg .portfolio .grid-item .portfolio-overlay .portfolio-social li { display: inline-block; }
.offwhite-bg .portfolio .grid-item .portfolio-overlay .green-social { width: 20px; height: 20px; }
.offwhite-bg .portfolio .grid-item .portfolio-overlay input { outline: none; transition: .4s all ease; position: relative; top: -45px; left: 180px; transform: translate3d(0px, 0px, 0px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; }
@media (max-width: 415px) { .offwhite-bg .portfolio .grid-item .portfolio-overlay input { top: -15px; left: 65px; } }
.offwhite-bg .portfolio .grid-item .portfolio-overlay input:hover { opacity: .7; }
.offwhite-bg .portfolio .grid-item .portfolio-overlay input:focus { outline-color: transparent; outline-style: none; }
.offwhite-bg .portfolio .grid-item .portfolio-overlay.og1, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og2, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og3, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og4, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og5, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og6 { top: -174px; display: none; }
.offwhite-bg .portfolio .grid-item .portfolio-overlay.og7, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og8, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og9, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og10, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og11, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og12 { top: -174px; display: none; }
@media (max-width: 1128px) { .offwhite-bg .portfolio .grid-item .portfolio-overlay.og11, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og12 { top: -352px; } }
@media (max-width: 950px) { .offwhite-bg .portfolio .grid-item .portfolio-overlay.og9, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og10 { top: -352px; } }
@media (max-width: 768px) { .offwhite-bg .portfolio .grid-item .portfolio-overlay.og7, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og8 { top: -352px; } }
@media (max-width: 593px) { .offwhite-bg .portfolio .grid-item .portfolio-overlay.og5, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og6 { top: -352px; } }
@media (max-width: 415px) { .offwhite-bg .portfolio .grid-item .portfolio-overlay.og3, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og4, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og5, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og6, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og7, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og8, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og9, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og10, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og11, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og12 { top: -528px; } }
.offwhite-bg .portfolio .grid-item .portfolio-overlay.og13, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og14, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og15, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og16, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og17, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og18, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og19, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og20, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og21, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og22, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og23, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og24, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og25, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og26, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og27, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og28, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og29, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og30, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og31, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og32, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og33, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og34, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og35, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og36, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og37, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og38, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og39, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og40, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og41, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og42, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og43, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og44, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og45, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og46, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og47, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og48, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og49, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og50, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og51, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og52, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og53, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og54, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og55, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og56, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og57, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og58, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og59, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og60, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og61, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og62, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og63, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og64, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og65, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og66, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og67, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og68, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og69, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og70, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og71, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og72, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og73, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og74, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og75, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og76, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og77, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og78, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og79, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og80, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og81, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og82, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og83, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og84, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og85, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og86, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og87, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og88, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og89, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og90, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og91, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og92, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og93, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og94, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og95, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og96, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og97, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og98, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og99, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og100 { top: -352px; display: none; }
@media (max-width: 415px) { .offwhite-bg .portfolio .grid-item .portfolio-overlay.og13, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og14, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og15, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og16, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og17, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og18, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og19, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og20, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og21, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og22, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og23, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og24, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og25, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og26, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og27, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og28, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og29, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og30, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og31, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og32, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og33, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og34, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og35, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og36, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og37, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og38, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og39, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og40, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og41, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og42, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og43, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og44, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og45, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og46, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og47, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og48, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og49, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og50, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og51, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og52, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og53, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og54, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og55, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og56, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og57, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og58, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og59, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og60, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og61, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og62, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og63, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og64, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og65, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og66, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og67, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og68, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og69, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og70, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og71, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og72, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og73, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og74, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og75, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og76, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og77, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og78, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og79, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og80, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og81, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og82, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og83, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og84, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og85, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og86, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og87, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og88, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og89, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og90, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og91, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og92, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og93, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og94, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og95, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og96, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og97, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og98, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og99, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og100 { top: -528px; } }
.offwhite-bg .portfolio .grid-item .portfolio-overlay.og6, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og12, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og18, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og24, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og30, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og36, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og42, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og48, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og54, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og60, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og66, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og72, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og78, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og84, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og90, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og96 { display: none; left: -178px; }
@media (max-width: 1128px) { .offwhite-bg .portfolio .grid-item .portfolio-overlay.og6, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og12, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og18, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og24, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og30, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og36, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og42, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og48, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og54, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og60, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og66, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og72, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og78, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og84, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og90, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og96 { left: 0px; } }
.offwhite-bg .portfolio .grid-item .portfolio-overlay.og6 input, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og12 input, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og18 input, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og24 input, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og30 input, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og36 input, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og42 input, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og48 input, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og54 input, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og60 input, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og66 input, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og72 input, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og78 input, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og84 input, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og90 input, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og96 input { top: -40px; left: 240px; }
@media (max-width: 415px) { .offwhite-bg .portfolio .grid-item .portfolio-overlay.og6 input, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og12 input, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og18 input, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og24 input, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og30 input, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og36 input, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og42 input, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og48 input, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og54 input, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og60 input, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og66 input, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og72 input, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og78 input, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og84 input, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og90 input, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og96 input { top: -15px; left: 65px; } }
@media (max-width: 1128px) { .offwhite-bg .portfolio .grid-item .portfolio-overlay.og5, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og10, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og15, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og20, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og25, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og30, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og35, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og40, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og45, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og50, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og55, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og60, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og65, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og70, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og75, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og80, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og85, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og90, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og95, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og100 { left: -178px; } }
@media (max-width: 950px) { .offwhite-bg .portfolio .grid-item .portfolio-overlay.og4, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og8, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og12, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og16, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og20, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og24, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og28, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og32, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og36, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og40, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og44, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og48, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og52, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og56, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og60, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og64, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og68, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og72, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og76, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og80, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og84, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og88, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og92, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og96, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og100 { left: -178px; } }
@media (max-width: 771px) { .offwhite-bg .portfolio .grid-item .portfolio-overlay.og1, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og4, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og7, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og10, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og13, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og16, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og19, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og22, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og25, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og28, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og31, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og34, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og37, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og40, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og43, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og46, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og49, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og52, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og55, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og58, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og61, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og64, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og67, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og70, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og73, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og76, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og79, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og82, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og85, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og88, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og91, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og94, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og97, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og100 { left: 0px; } }
@media (max-width: 768px) { .offwhite-bg .portfolio .grid-item .portfolio-overlay.og3, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og6, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og9, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og12, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og15, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og18, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og21, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og24, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og27, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og30, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og33, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og36, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og39, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og42, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og45, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og48, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og51, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og54, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og57, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og60, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og63, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og66, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og69, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og72, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og75, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og78, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og81, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og84, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og87, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og90, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og93, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og96, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og99 { left: -178px; } }
@media (max-width: 593px) { .offwhite-bg .portfolio .grid-item .portfolio-overlay.og2, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og4, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og6, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og8, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og10, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og12, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og14, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og16, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og18, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og20, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og22, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og24, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og26, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og28, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og30, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og32, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og34, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og36, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og38, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og40, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og42, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og44, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og46, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og48, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og50, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og52, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og54, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og56, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og58, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og60, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og62, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og64, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og66, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og68, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og70, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og72, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og74, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og76, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og78, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og80, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og82, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og84, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og86, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og88, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og90, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og92, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og94, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og96, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og98, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og100 { left: -178px; } }
@media (max-width: 415px) { .offwhite-bg .portfolio .grid-item .portfolio-overlay.og2, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og4, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og6, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og8, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og10, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og12, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og14, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og16, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og18, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og20, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og22, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og24, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og26, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og28, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og30, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og32, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og34, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og36, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og38, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og40, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og42, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og44, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og46, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og48, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og50, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og52, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og54, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og56, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og58, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og60, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og62, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og64, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og66, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og68, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og70, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og72, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og74, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og76, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og78, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og80, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og82, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og84, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og86, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og88, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og90, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og92, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og94, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og96, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og98, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og100 { left: 0px; } }
@media (max-width: 593px) { .offwhite-bg .portfolio .grid-item .portfolio-overlay.og1, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og3, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og5, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og7, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og9, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og11, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og13, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og15, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og17, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og19, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og21, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og23, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og25, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og27, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og29, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og31, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og33, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og35, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og37, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og39, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og41, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og43, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og45, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og47, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og49, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og51, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og53, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og55, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og57, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og59, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og61, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og63, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og65, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og67, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og69, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og71, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og73, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og75, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og77, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og79, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og81, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og83, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og85, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og87, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og89, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og91, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og93, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og95, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og97, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og99 { left: 0px; } }
@media (max-width: 415px) { .offwhite-bg .portfolio .grid-item .portfolio-overlay.og1, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og3, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og5, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og7, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og9, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og11, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og13, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og15, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og17, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og19, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og21, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og23, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og25, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og27, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og29, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og31, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og33, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og35, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og37, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og39, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og41, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og43, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og45, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og47, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og49, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og51, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og53, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og55, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og57, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og59, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og61, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og63, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og65, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og67, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og69, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og71, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og73, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og75, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og77, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og79, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og81, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og83, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og85, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og87, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og89, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og91, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og93, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og95, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og97, .offwhite-bg .portfolio .grid-item .portfolio-overlay.og99 { left: 0px; } }
@media (max-width: 1128px) { .offwhite-bg .row { min-width: 0; } }

.offwhite-bg-news { width: 100%; background: #f6f6f6; }

.portfolio-news { min-height: 300px; }
@media (max-width: 890px) { .portfolio-news { min-height: 320px; } }
.portfolio-news .viewallbutton { position: relative; margin-top: 10px; left: -25px; width: 157px; height: 38px; }
@media (max-width: 768px) { .portfolio-news .viewallbutton { margin: 0px auto 20px auto; left: 0px; } }
@media (max-width: 768px) { .portfolio-news .viewallbutton .button { width: 154px !important; } }
.portfolio-news .news-short-list { margin-top: 32px; margin-left: 0; padding-left: 20px; }
.portfolio-news .news-short-list .row { margin: 0; }
.portfolio-news .news-short-list [class*="column"] + [class*="column"]:last-child { float: right; }
@media (max-width: 768px) { .portfolio-news .news-short-list [class*="column"] + [class*="column"]:last-child { float: none; } }
@media (max-width: 768px) { .portfolio-news .news-short-list { padding: 0 10%; text-align: center; } }
.portfolio-news .news-short-list h3 { margin-top: 0px; text-align: center; }
.portfolio-news .news-short-list .view-all-button { float: right; position: relative; top: -55px; }
@media (max-width: 700px) { .portfolio-news .news-short-list .view-all-button { float: none; top: 0px; margin-bottom: 30px; } }
.portfolio-news .press-releases { padding-left: 10%; margin-top: 32px; }
@media (max-width: 768px) { .portfolio-news .press-releases { padding-right: 10%; margin-top: 75px; text-align: center; } }
.portfolio-news .press-releases h3 { margin-top: 0px; }
.portfolio-news .news-icon { position: relative; top: 10px; margin-right: 10px; display: none; }
.portfolio-news .arrow-list { font-family: "ronnia", sans-serif; color: #8cb66f; text-transform: uppercase; font-size: 12px; font-weight: bold; list-style-image: url("../images/icons/arrow.png"); margin: 0 auto; padding-left: 20px; }
@media (max-width: 768px) { .portfolio-news .arrow-list { list-style-image: none; padding-left: 0px; } }
.portfolio-news .arrow-list li { margin-bottom: 15px; }
.portfolio-news .arrow-list p { margin: 0 25px 2px 0; line-height: 18px; }
@media (max-width: 768px) { .portfolio-news .arrow-list p { margin-right: 0px; } }
.portfolio-news .arrow-list a { color: #383e42; text-transform: none; font-size: 16px; font-weight: normal; transition: .4s all ease; border-bottom: 1px solid transparent; }
.portfolio-news .arrow-list a:hover { color: #919394; }

.career-excerpt { margin-top: 75px; margin: 0 auto; width: 100%; text-align: center; padding: 50px; }
.career-excerpt .hide { display: inline; }
@media (max-width: 690px) { .career-excerpt .hide { display: none; } }
.career-excerpt h2 { font-size: 2em; }
.career-excerpt h3 { color: #919394; font-size: 22px; font-weight: normal; margin: 0; }
@media (max-width: 420px) { .career-excerpt h3 { font-size: 20px; } }
.career-excerpt a { font-style: italic; font-weight: bold; }
@media (max-width: 690px) { .career-excerpt a { margin-top: 10px; display: block; } }
@media (max-width: 1128px) { .career-excerpt .row { min-width: 0; } }

/* ============================================== */
/* Normal Page */
/* ============================================== */
/* ============================================== */
/* Archive Page */
/* ============================================== */
.news-date { text-transform: uppercase; color: #d1e3ce; font-weight: bold; border: 4px solid #d1e3ce; width: 60px; text-align: center; margin-top: 30px; }
.news-date hr { margin: 0 0 0 0px; width: 56px; border-width: 2px; border-color: #d1e3ce; border-style: inherit; }
.news-date .month { font-size: 12px; width: 56px; height: 20px; }
.news-date .day { font-size: 28px; width: 56px; height: 50%; }

.pagination { font-family: "ronnia", sans-serif; color: #919394; margin: 20px 0 40px 0; }
.pagination a { margin: 0 3px; }
.pagination .current { margin: 0 3px; }

/* ============================================== */
/* Careers Page */
/* ============================================== */
.career-list { margin: 30px 0; }

#poweredByStartUpHire { margin-bottom: 40px; }

/* ============================================== */
/* 404 */
/* ============================================== */
.page-404 ul { margin-top: 10%; }

/* ============================================== */
/* Footer */
/* ============================================== */
#footer { border-top: 1px solid #e8e8e8; min-height: 130px; padding-top: 40px; }
@media (max-width: 1010px) { #footer { text-align: center; } }
#footer p { font-family: "ronnia", sans-serif; font-style: italic; color: #919394; font-size: 13px; }
@media (max-width: 895px) { #footer p { font-size: 12px; } }
@media (max-width: 780px) { #footer p { font-size: 13px; margin: 0; } }
#footer ul { text-align: right; margin: 13px 0; }
@media (max-width: 1010px) { #footer ul { text-align: center; } }
#footer ul li { display: inline-block; padding: 5px; }
@media (max-width: 780px) { #footer ul { margin: 0; } }
@media (max-width: 1010px) { #footer .footer-grotech { font-size: 13px; line-height: 13px; } }
@media (max-width: 1010px) { #footer .footer-cstraight { font-size: 13px; line-height: 13px; } }
#footer .social-media { list-style-type: none; }
#footer .social-media li { display: inline-block; }

/* ============================================== */
/* Helpers */
/* ============================================== */
/* ============================================== */
/* IE Sucks */
/* ============================================== */
/* ============================================== */
/* Let's fix IE! */
/* ============================================== */
