*, :before, :after {
	box-sizing: inherit;
}
html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	opacity: 0;
	transition: opacity 0.6s;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-ms-transition: opacity 0.6s;10
	-o-transition: opacity 0.6s;
}
body {
	margin: 0;
	background-color: #222;
	color: #222;
	font-family: 'adelle', serif;
	font-style: normal;
	font-weight: 400;
	overflow-y: scroll;
}
main {
	margin: 0;

}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden], template {
	display: none;
}
a {
	color: #3077bf;
	text-decoration: none;
	background-color: transparent;
	transition: color .35s ease;
	-webkit-transition: color .35s ease;
	-moz-transition: color .35s ease;
	-ms-transition: color .35s ease;
	-o-transition: color .35s ease;
}
a:active, a:hover {
	color: #31ac2c;
	outline: 0;
}
abbr[title] {
	border-bottom: 1px dotted;
}
b, strong {
	font-weight: 700;
}
dfn {
	font-style: italic;
}
h1 {
	font-size: 2em;
	margin: .67em 0;
	font-style: italic;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
mark {
	background: #ff0;
	color: #000;
}
p {
	line-height: 1.6em;
}
small, .small {
	font-weight: bold;
	font-style: normal;
	font-size: 0.85em;
	text-transform: uppercase;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: grayscale;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -.5em;
}
sub {
	bottom: -.25em;
}
img {
	border: 0;
}
svg:not(:root) {
	overflow: hidden;
}
figure {
	margin: 1em 40px;
}
pre {
	overflow: auto;
}
code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}
button {
	overflow: visible;
}
button, select {
	text-transform: none;
}
input[type='submit']
{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}

button, html input[type='button'], input[type='reset'], input[type='submit'] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled], html input[disabled] {
	cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
input {
	line-height: normal;
}
input[type='checkbox'], input[type='radio'] {
	box-sizing: border-box;
	padding: 0;
}
input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button {
	height: auto;
}
input[type='search'] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}
input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration {
	-webkit-appearance: none;
}
fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em;
}
legend {
	border: 0;
	padding: 0;
}
textarea {
	overflow: auto;
}
optgroup {
	font-weight: 700;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td, th {
	padding: 0;
}
section {
	padding: 45px 0;
}

/* =Preloader */

.preloader {
	visibility: visible;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #222;
	z-index: 999999999999999;
}

.preloader svg {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -60px;
	margin-left: -60px;
}

.preloader svg#spin {
	-webkit-animation: spin 0.5s cubic-bezier(.32,.55,.93,.63) infinite;
	-moz-animation: spin 0.5s cubic-bezier(.32,.55,.93,.63) infinite;
	-ms-animation: spin 0.5s cubic-bezier(.32,.55,.93,.63) infinite;
	-o-animation: spin 0.5s cubic-bezier(.32,.55,.93,.63) infinite;
	animation: spin 0.5s cubic-bezier(.32,.55,.93,.63) infinite;
}

@-o-keyframes spin { 100% { -o-transform: rotate(360deg); } }
@-ms-keyframes spin { 100% { -ms-transform: rotate(360deg); } }
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

body.loaded .preloader {
	visibility: hidden;
}

.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
.align-left {
	text-align: left;
}
.align-right {
	text-align: right;
}
.align-center {
	text-align: center;
}
::selection {
	color: #fff;
	background-color: rgba(28, 68, 109, 0.9);
}
img::selection { background: transparent; }
img::-moz-selection { background: transparent; }

img { image-rendering: auto; -ms-interpolation-mode: bicubic; }

/* =Typography */

h3 {
	font-size: 1.7em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.section-header {
	text-align: center;
	text-transform: uppercase;
	color: #333;
	margin: 0;
}
#logo {
	display: block;
	width: 306px;
	height: 60px;
	background: url('../images/core/monderer-logo.svg') top left no-repeat;
	background-size: cover;
}

.wf-active {
	opacity: 1;
	transition: opacity 0.6s;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-ms-transition: opacity 0.6s;
	-o-transition: opacity 0.6s;
}
/*
a#top {
	opacity: 0;
	pointer-events: none;
	position: fixed;
	background: url('../images/core/top.svg') no-repeat;
	width: 45px;
	height: 45px;
	right: 20px;
	bottom: 26px;
	z-index: 99999;
	color: transparent;
	transition: opacity 0.6s;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-ms-transition: opacity 0.6s;
	-o-transition: opacity 0.6s;
}

a#top::selection {
	background: transparent;
	color: transparent;
}*/

/* =Colors */

.blue {
	color: #3077bf;
}
.green {
	color: #6bd866;
}
.orange {
	color: #ff594f;
}
.purple {
	color: #873389;
}
.dark-denim {
	color: #313959;
}

/* =Backgrounds */

.bg-blue {
	background-color: #3077bf;
}
.bg-green {
	background-color: #6bd866;
}
.bg-orange {
	background-color: #ff594f;
}
.bg-purple {
	background-color: #873389 !important;
}
.bg-lightgrey {
	background-color: #f2f2f2;
}
.bg-midgrey {
	background-color: #d9d9d9;
}

/* =Buttons */

.button {
	font-family: 'ff-meta-web-pro', 'Helvetica Neue', sans-serif;
	padding: 14px 19px;
	background: #3077bf;
	border-radius: 3px;
	color: #fff;
	transition: background 0.3s;
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	-ms-transition: background 0.3s;
	-o-transition: background 0.3s;
}

.button:hover {
	color: #fff;
	background: #1C5D9E !important;
	transition: background 0.3s;
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	-ms-transition: background 0.3s;
	-o-transition: background 0.3s;
}

/* =Icons */

@font-face {
	font-family: 'octicons';
	src: url('../images/octicons/octicons.eot?#iefix')
		format('embedded-opentype'), url('../images/octicons/octicons.woff')
		format('woff'), url('../images/octicons/octicons.ttf')
		format('truetype'), url('../images/octicons/octicons.svg#octicons')
		format('svg');
	font-weight: 400;
	font-style: normal;
}
.octicon, .mega-octicon {
	font: normal normal normal 16px/1 octicons;
	display: inline-block;
	text-decoration: none;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.mega-octicon {
	font-size: 32px;
}
.octicon-alert:before {
	content: '\f02d'}
.octicon-alignment-align:before {
	content: '\f08a'}
.octicon-alignment-aligned-to:before {
	content: '\f08e'}
.octicon-alignment-unalign:before {
	content: '\f08b'}
.octicon-arrow-down:before {
	content: '\f03f'}
.octicon-arrow-left:before {
	content: '\f040'}
.octicon-arrow-right:before {
	content: '\f03e'}
.octicon-arrow-small-down:before {
	content: '\f0a0'}
.octicon-arrow-small-left:before {
	content: '\f0a1'}
.octicon-arrow-small-right:before {
	content: '\f071'}
.octicon-arrow-small-up:before {
	content: '\f09f'}
.octicon-arrow-up:before {
	content: '\f03d'}
.octicon-beer:before {
	content: '\f069'}
.octicon-book:before {
	content: '\f007'}
.octicon-bookmark:before {
	content: '\f07b'}
.octicon-briefcase:before {
	content: '\f0d3'}
.octicon-broadcast:before {
	content: '\f048'}
.octicon-browser:before {
	content: '\f0c5'}
.octicon-bug:before {
	content: '\f091'}
.octicon-calendar:before {
	content: '\f068'}
.octicon-check:before {
	content: '\f03a'}
.octicon-checklist:before {
	content: '\f076'}
.octicon-chevron-down:before {
	content: '\f0a3'}
.octicon-chevron-left:before {
	content: '\f0a4'}
.octicon-chevron-right:before {
	content: '\f078'}
.octicon-chevron-up:before {
	content: '\f0a2'}
.octicon-circle-slash:before {
	content: '\f084'}
.octicon-circuit-board:before {
	content: '\f0d6'}
.octicon-clippy:before {
	content: '\f035'}
.octicon-clock:before {
	content: '\f046'}
.octicon-cloud-download:before {
	content: '\f00b'}
.octicon-cloud-upload:before {
	content: '\f00c'}
.octicon-code:before {
	content: '\f05f'}
.octicon-color-mode:before {
	content: '\f065'}
.octicon-comment-add:before, .octicon-comment:before {
	content: '\f02b'}
.octicon-comment-discussion:before {
	content: '\f04f'}
.octicon-credit-card:before {
	content: '\f045'}
.octicon-dash:before {
	content: '\f0ca'}
.octicon-dashboard:before {
	content: '\f07d'}
.octicon-database:before {
	content: '\f096'}
.octicon-device-camera:before {
	content: '\f056'}
.octicon-device-camera-video:before {
	content: '\f057'}
.octicon-device-desktop:before {
	content: '\f27c'}
.octicon-device-mobile:before {
	content: '\f038'}
.octicon-diff:before {
	content: '\f04d'}
.octicon-diff-added:before {
	content: '\f06b'}
.octicon-diff-ignored:before {
	content: '\f099'}
.octicon-diff-modified:before {
	content: '\f06d'}
.octicon-diff-removed:before {
	content: '\f06c'}
.octicon-diff-renamed:before {
	content: '\f06e'}
.octicon-ellipsis:before {
	content: '\f09a'}
.octicon-eye-unwatch:before, .octicon-eye-watch:before, .octicon-eye:before {
	content: '\f04e'}
.octicon-file-binary:before {
	content: '\f094'}
.octicon-file-code:before {
	content: '\f010'}
.octicon-file-directory:before {
	content: '\f016'}
.octicon-file-media:before {
	content: '\f012'}
.octicon-file-pdf:before {
	content: '\f014'}
.octicon-file-submodule:before {
	content: '\f017'}
.octicon-file-symlink-directory:before {
	content: '\f0b1'}
.octicon-file-symlink-file:before {
	content: '\f0b0'}
.octicon-file-text:before {
	content: '\f011'}
.octicon-file-zip:before {
	content: '\f013'}
.octicon-flame:before {
	content: '\f0d2'}
.octicon-fold:before {
	content: '\f0cc'}
.octicon-gear:before {
	content: '\f02f'}
.octicon-gift:before {
	content: '\f042'}
.octicon-gist:before {
	content: '\f00e'}
.octicon-gist-secret:before {
	content: '\f08c'}
.octicon-git-branch-create:before, .octicon-git-branch-delete:before, .octicon-git-branch:before {
	content: '\f020'}
.octicon-git-commit:before {
	content: '\f01f'}
.octicon-git-compare:before {
	content: '\f0ac'}
.octicon-git-merge:before {
	content: '\f023'}
.octicon-git-pull-request-abandoned:before, .octicon-git-pull-request:before {
	content: '\f009'}
.octicon-globe:before {
	content: '\f0b6'}
.octicon-graph:before {
	content: '\f043'}
.octicon-heart:before {
	content: '\2665'}
.octicon-history:before {
	content: '\f07e'}
.octicon-home:before {
	content: '\f08d'}
.octicon-horizontal-rule:before {
	content: '\f070'}
.octicon-hourglass:before {
	content: '\f09e'}
.octicon-hubot:before {
	content: '\f09d'}
.octicon-inbox:before {
	content: '\f0cf'}
.octicon-info:before {
	content: '\f059'}
.octicon-issue-closed:before {
	content: '\f028'}
.octicon-issue-opened:before {
	content: '\f026'}
.octicon-issue-reopened:before {
	content: '\f027'}
.octicon-jersey:before {
	content: '\f019'}
.octicon-jump-down:before {
	content: '\f072'}
.octicon-jump-left:before {
	content: '\f0a5'}
.octicon-jump-right:before {
	content: '\f0a6'}
.octicon-jump-up:before {
	content: '\f073'}
.octicon-key:before {
	content: '\f049'}
.octicon-keyboard:before {
	content: '\f00d'}
.octicon-law:before {
	content: '\f0d8'}
.octicon-light-bulb:before {
	content: '\f000'}
.octicon-link:before {
	content: '\f05c'}
.octicon-link-external:before {
	content: '\f07f'}
.octicon-list-ordered:before {
	content: '\f062'}
.octicon-list-unordered:before {
	content: '\f061'}
.octicon-location:before {
	content: '\f060'}
.octicon-gist-private:before, .octicon-mirror-private:before, .octicon-git-fork-private:before, .octicon-lock:before {
	content: '\f06a'}
.octicon-logo-github:before {
	content: '\f092'}
.octicon-mail:before {
	content: '\f03b'}
.octicon-mail-read:before {
	content: '\f03c'}
.octicon-mail-reply:before {
	content: '\f051'}
.octicon-mark-github:before {
	content: '\f00a'}
.octicon-markdown:before {
	content: '\f0c9'}
.octicon-megaphone:before {
	content: '\f077'}
.octicon-mention:before {
	content: '\f0be'}
.octicon-microscope:before {
	content: '\f089'}
.octicon-milestone:before {
	content: '\f075'}
.octicon-mirror-public:before, .octicon-mirror:before {
	content: '\f024'}
.octicon-mortar-board:before {
	content: '\f0d7'}
.octicon-move-down:before {
	content: '\f0a8'}
.octicon-move-left:before {
	content: '\f074'}
.octicon-move-right:before {
	content: '\f0a9'}
.octicon-move-up:before {
	content: '\f0a7'}
.octicon-mute:before {
	content: '\f080'}
.octicon-no-newline:before {
	content: '\f09c'}
.octicon-octoface:before {
	content: '\f008'}
.octicon-organization:before {
	content: '\f037'}
.octicon-package:before {
	content: '\f0c4'}
.octicon-paintcan:before {
	content: '\f0d1'}
.octicon-pencil:before {
	content: '\f058'}
.octicon-person-add:before, .octicon-person-follow:before, .octicon-person:before {
	content: '\f018'}
.octicon-pin:before {
	content: '\f041'}
.octicon-playback-fast-forward:before {
	content: '\f0bd'}
.octicon-playback-pause:before {
	content: '\f0bb'}
.octicon-playback-play:before {
	content: '\f0bf'}
.octicon-playback-rewind:before {
	content: '\f0bc'}
.octicon-plug:before {
	content: '\f0d4'}
.octicon-repo-create:before, .octicon-gist-new:before, .octicon-file-directory-create:before, .octicon-file-add:before, .octicon-plus:before {
	content: '\f05d'}
.octicon-podium:before {
	content: '\f0af'}
.octicon-primitive-dot:before {
	content: '\f052'}
.octicon-primitive-square:before {
	content: '\f053'}
.octicon-pulse:before {
	content: '\f085'}
.octicon-puzzle:before {
	content: '\f0c0'}
.octicon-question:before {
	content: '\f02c'}
.octicon-quote:before {
	content: '\f063'}
.octicon-radio-tower:before {
	content: '\f030'}
.octicon-repo-delete:before, .octicon-repo:before {
	content: '\f001'}
.octicon-repo-clone:before {
	content: '\f04c'}
.octicon-repo-force-push:before {
	content: '\f04a'}
.octicon-gist-fork:before, .octicon-repo-forked:before {
	content: '\f002'}
.octicon-repo-pull:before {
	content: '\f006'}
.octicon-repo-push:before {
	content: '\f005'}
.octicon-rocket:before {
	content: '\f033'}
.octicon-rss:before {
	content: '\f034'}
.octicon-ruby:before {
	content: '\f047'}
.octicon-screen-full:before {
	content: '\f066'}
.octicon-screen-normal:before {
	content: '\f067'}
.octicon-search-save:before, .octicon-search:before {
	content: '\f02e'}
.octicon-server:before {
	content: '\f097'}
.octicon-settings:before {
	content: '\f07c'}
.octicon-log-in:before, .octicon-sign-in:before {
	content: '\f036'}
.octicon-log-out:before, .octicon-sign-out:before {
	content: '\f032'}
.octicon-split:before {
	content: '\f0c6'}
.octicon-squirrel:before {
	content: '\f0b2'}
.octicon-star-add:before, .octicon-star-delete:before, .octicon-star:before {
	content: '\f02a'}
.octicon-steps:before {
	content: '\f0c7'}
.octicon-stop:before {
	content: '\f08f'}
.octicon-repo-sync:before, .octicon-sync:before {
	content: '\f087'}
.octicon-tag-remove:before, .octicon-tag-add:before, .octicon-tag:before {
	content: '\f015'}
.octicon-telescope:before {
	content: '\f088'}
.octicon-terminal:before {
	content: '\f0c8'}
.octicon-three-bars:before {
	content: '\f05e'}
.octicon-tools:before {
	content: '\f031'}
.octicon-trashcan:before {
	content: '\f0d0'}
.octicon-triangle-down:before {
	content: '\f05b'}
.octicon-triangle-left:before {
	content: '\f044'}
.octicon-triangle-right:before {
	content: '\f05a'}
.octicon-triangle-up:before {
	content: '\f0aa'}
.octicon-unfold:before {
	content: '\f039'}
.octicon-unmute:before {
	content: '\f0ba'}
.octicon-versions:before {
	content: '\f064'}
.octicon-remove-close:before, .octicon-x:before {
	content: '\f081'}
.octicon-zap:before {
	content: '\26A1'}

/* =Custom Select Menu */

.select {
	display: inline-block;
	position: relative;
}

	.select div::selection, .select label::selection, .select a::selection{
		background: transparent;
		color: initial;
	}

	.select label:hover {
		cursor: pointer;
	}

	.select #select-toggle {
		display: inline-block;
		padding: 10px 14px;
		background: #3077bf;
		color: #fff;
	}

	.select #select-toggle:after {
		position: relative;
		top: -2px;
		left: 2px;
		content: '\f05b';
		font-family: 'octicons';
		font-size: 10px;
		padding: 2px;
	}

	.select #select-toggle.open:after {
		content: '\f0aa';
	}

	.select label:after {
		position: relative;
		top: -2px;
		left: 2px;
		content: '\f05b';
		font-family: 'octicons';
		font-size: 10px;
		padding: 2px;
	}

	.select #select-toggle:focus {
		outline: 8px;
	}

	.select #select-toggle ~ ul {
		position: absolute;
		display: table;
		max-height: 0;
		box-shadow: 1px 2px 5px rgba(0,0,0, 0.4);
		overflow: hidden;
		opacity: 0;
		transition: opacity 0.4s;
		-webkit-transition: opacity 0.4s;
		-moz-transition: opacity 0.4s;
		-ms-transition: opacity 0.4s;
		-o-transition: opacity 0.4s;
	}

	.select #select-toggle.open {
		background: #1C5D9E;
	}

	.select #select-toggle.open ~ ul {
		opacity: 1;
		transition: opacity 0.4s;
		-webkit-transition: opacity 0.4s;
		-moz-transition: opacity 0.4s;
		-ms-transition: opacity 0.4s;
		-o-transition: opacity 0.4s;
	}

		.select ul li {
			display: table-row;
		}

			.select ul li a {
				display: table-cell;
				min-width: 100%;
				background: #333;
				color: #efefef;
				padding: 7px 14px;
				font-size: 1.1em;
			}

			.select ul li a.selected {
				border-top: 1px solid transparent !important;
				border-bottom: 1px solid transparent !important;
				color: #fff;
				background: #111;
			}

			.select ul li:not(:first-child) a {
				border-top: 1px solid #555;
			}

			.select ul li:not(:last-child) a {
				border-bottom: 1px solid #222;
			}

			.select ul li:not(:first-child) a:hover {
				border-top: 1px solid transparent !important;
			}

			.select ul li a:hover {
				background: #111;
			}

.heading {
	background: #3077bf url(/assets/images/core/monderer-header.jpg) no-repeat;
	background-size: 100% auto;
	height: 120px;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.heading h1 {
	margin: 0 auto;
	max-width: 1920px;
	padding: 20px;
	font-family: 'ff-meta-web-pro', 'Helvetica Neue', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 3rem;
	line-height: 3.1rem;
	color: #fff;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
header {
	background: #222;
	height: 100px;
	position: relative;
}
header a {
	color: #fff;
}
header a:hover {
	color: #fff;
}
header .container, .filter-bar .container {
	max-width: 1920px;
	margin: 0 auto;
	padding: 20px;
	position: relative;
}
.filter-bar {
	min-height: 64px;
}
.filter-bar .container {
	padding: 0 10px;
}
.container-xl {
	max-width: 1920px;
	margin: 0 auto;
	padding: 0 10px;
}
.container-lg {
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 10px;
}
.container-md {
	max-width: 900px;
	margin: 0 auto;
	padding: 40px 20px;
}
.container-sm {
	max-width: 700px;
	margin: 0 auto;
	padding: 0 20px;
}
.content {
	background-color: #fff;
}
header img {
	height: 60px;
	display: inline;
	position: absolute;
	z-index: 1;
}
nav .nav-wrapper {
	position: absolute;
	top: 42px;
	right: 20px;
	box-shadow: none;
	z-index: 99999999;
}
nav ul {
	margin: 0;
	padding: 0;
}
nav li {
	display: inline;
}
nav li:nth-child(1n+1) a:after {
	background: #3077bf;
}
nav li:nth-child(2n+2) a:after {
	background: #873389;
}
nav li:nth-child(3n+3) a:after {
	background: #ff594f;
}
nav li:nth-child(4n+4) a:after {
	background: #6bd866;
}
nav a {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0 0 0 20px;
	font-size: 1rem;
	display: inline-block;
	position: relative;
	font-family: 'ff-meta-web-pro', 'Helvetica Neue', sans-serif;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 2px;
	-webkit-font-smoothing: antialiased;
}
nav a:after {
	content: '';
	display: block;
	margin: 0 auto;
	height: 3px;
	width: 0;
	background: transparent;
	-webkit-transition: width .5s ease, background-color .5s ease;
	transition: width .5s ease, background-color .5s ease;
}
nav.no-touch a:hover:after, nav a:active:after {
	width: 100%;
}
nav.no-touch .mobile-nav-icon:hover {
	cursor: pointer;
}
nav .mobile-nav-icon {
	display: none;
}
footer {
	position: relative;
	padding: 20px;
	margin-top: -5px;
	background: #2d2d2d;
	text-align: center;
	color: #f7f7f7;
	font-family: 'ff-meta-web-pro', 'Helvetica Neue', sans-serif;
	font-style: normal;
	font-weight: 400;
	z-index: 0;
}
footer span.octicon {
	color: #ff594f;
}



/* Logo Portfolio Page - July 2017 */

.logo-feed {
	background-color: #E8E9E9;
	width: 100%;
	padding: 40px 0;
}
.logo-feed ul {
	max-width: 70%;
	padding: 0 10px;
	margin: 0 auto;
	list-style: none;
}
.logo-feed ul li {
	width: 30.33%;
	height: 200px;
	margin: 10px;
	text-align: center;
	float: left;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 20px 1%;
	background-color: #fff;
	position: relative;
}
.portfolio-plus {
    position: absolute;
    right: 11px;
	top: 5px;
    width: 15px;
    height: 15px;
}
.portfolio-plus img {
	width: 100%;
}
.logo-feed ul li a img {
	transition: all 0.15s ease-in-out;
}
.logo-feed ul li a img:hover {
	cursor: pointer;
	opacity: 0.85;
}
.logo-feed ul li img.wide {
	width: 75%;
	height: auto;
	vertical-align: middle;
}
.logo-feed ul li img.really-wide {
	width: calc(90% - 1px);
	height: auto;
	vertical-align: middle;
}
.logo-feed ul li img.tall {
	width: auto;
	height: 70%;
	vertical-align: middle;
}
.logo-feed ul li img.really-tall {
	width: auto;
	height: 85%;
	vertical-align: middle;
}
.clear {
	clear: both;
}
.logo-feed ul li * {
    vertical-align: middle;
}
.logo-feed ul li span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
.logo-feed .btn {
	background: #3178bd;
	border: none;
	border-radius: 3px;
	margin: 30px auto 0;
	display: block;
	padding: 10px 2px;
	color: #fff;
	text-align: center;
	width: 170px;
	text-transform: uppercase;
	font-family: 'ff-meta-web-pro', 'Helvetica Neue', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 1.125em;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all .35s ease;
	transition: all .35s ease;
}
.logo-feed .btn:hover {
	background: #276caf;
   cursor: pointer;
}




/* Capabilities Diagram - August 2016 */

.capabilities-diagram {
	width: 1000px;
	max-width: 100%;
	margin: 15px auto 85px auto;
	padding: 25px 0;
	position: relative;
}
.capabilities-diagram h2 {
	text-align: center;
	color: #333;
	font-size: 1.7em;
	text-transform: uppercase;
	margin-bottom: 60px;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
ul.main-circles {
	text-align: center;
	margin: 0 auto;
	width: 700px;
	padding-left: 0;
	position: relative;
}
ul.main-circles li{
	list-style: none;
	display: inline-block;
	width: 45%;
	border-radius: 500px;
	padding: 126px 50px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 22px;
	line-height: 29px;
	position: relative;
	font-family: 'ff-meta-web-pro', 'Helvetica Neue', sans-serif;
	font-style: normal;
	font-weight: 600;
	letter-spacing: 2px;
	position: relative;
	transition: all 0.3s ease-in-out;
}
ul.main-circles li a {
	text-decoration: none;
	color: #fff;
}
ul.main-circles li a:hover {
	text-decoration: none;
	color: #fff;
	cursor: pointer;
}

ul.main-circles li:first-child {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eae132+29,f1a931+100 */
background: rgb(234,225,50); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(234,225,50,0.8) 15%, rgba(241,169,49,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(234,225,50,0.8) 15%,rgba(241,169,49,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(234,225,50,0.8) 15%,rgba(241,169,49,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eae132', endColorstr='#f1a931',GradientType=0 ); /* IE6-9 */
	z-index: 101;
}
ul.main-circles li:nth-child(2) {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00a4dd+29,007cba+100 */
background: rgb(0,164,221); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,164,221,0.8) 29%, rgba(0,124,186,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,164,221,0.8) 29%,rgba(0,124,186,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,164,221,0.8) 29%,rgba(0,124,186,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a4dd', endColorstr='#007cba',GradientType=0 ); /* IE6-9 */
	z-index: 102;
	margin-left: -50px;
}
ul.main-circles li:nth-child(3) {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#873389+29,5b0b76+100 */
background: rgb(135,51,137); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(135,51,137,0.8) 29%, rgba(91,11,118,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(135,51,137,0.8) 29%,rgba(91,11,118,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(135,51,137,0.8) 29%,rgba(91,11,118,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#873389', endColorstr='#5b0b76',GradientType=0 ); /* IE6-9 */
	z-index: 103;
	margin-top: -50px;
	padding: 141px 50px;
}
ul.main-circles li:nth-child(4) {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6bd866+28,38b766+100 */
background: rgb(107,216,102); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(107,216,102,0.8) 28%, rgba(56,183,102,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(107,216,102,0.8) 28%,rgba(56,183,102,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(107,216,102,0.8) 28%,rgba(56,183,102,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bd866', endColorstr='#38b766',GradientType=0 ); /* IE6-9 */
	z-index: 104;
	margin-top: -50px;
	margin-left: -50px;
	padding: 141px 50px;
}
ul.main-circles li:hover {
	-ms-transform: scale(1.08, 1.08);
    -webkit-transform: scale(1.08, 1.08);
    transform: scale(1.08, 1.08);
}
.capabilities-diagram .monderer-logo {
	width: 160px;
	height: 160px;
	background-color: rgba(48, 48, 48, 0.85);
	border-radius: 200px;
	padding: 28px;
	margin: 0 auto;
	text-align: center;
	position: absolute;
	left: 38.65%;
	top: 36.25%;
	z-index: 200;
}
.monderer-logo img {
	margin: 0 auto;
	width: 106px;
	height: 106px;
	text-align: center;
}
ul.detail-list {
	margin-left: 0;
	padding-left: 0;
}
ul.detail-list li{
	color: #81888f;
	font-size: 17px;
	font-family: 'ff-meta-web-pro', 'Helvetica Neue', sans-serif;
	font-style: normal;
	font-weight: 400;
	margin: 0 0 5px 28px;
	list-style: none;
	white-space: nowrap;
}
ul.detail-list li:before{
	content: '•';
	padding-right: 6px;
}
span.line-break {
	height: 20px;
	padding-top:10px;
}
ul.branding-list {
	position: absolute;
	top: 202px;
	left: 0px;
	z-index: 222;
	width: 277px;
}
ul.print-list {
	position: absolute;
	top: 467px;
	left: 0px;
	z-index: 220;
	width: 277px;
}
.detail-list img{
	width: 125px;
	height: 160px;
}
ul.event-list img,
ul.web-list img {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	float: left;
	margin-right: 25px;
}
ul.branding-list img,
ul.print-list img {
	float: right;
}
ul.branding-list li,
ul.print-list li {
	margin: 0 28px 5px 0;
}
ul.web-list {
	position: absolute;
	top: 202px;
	right: -56px;
	z-index: 222;
	width: 334px;
}
ul.event-list {
	position: absolute;
	top: 467px;
	right: -56px;
	z-index: 220;
	width: 334px;
}
ul.event-list li,
ul.web-list li {
	margin: 0 0 4px 28px;
}
ul.web-list .mobile-move {
	position: relative;
	left: -18px;
}
ul.event-list .mobile-move {
	position: relative;
	left: -18px;
}

.capabilities-feed .work-cta .btn a {
	padding: 10px;
	display:inline-block;
	width:auto;
	margin-top:initial;
}



/* New Footer - August 2016 */

.ftr-col-container {
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Chrome */
	display: flex;
	flex-direction: row;
	-webkit-flex-direction: row;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width: 95%;
	margin: 0 auto 10px auto;
	align-items: stretch;

}
.ftr-col-container .flex-child p,
.ftr-col-container .flex-child a {
	color: #ccc;
	transition: all 0.25s ease-in-out;
	font-size: 15px;
	font-family: 'ff-meta-web-pro', 'Helvetica Neue', sans-serif;
	font-style: normal;
	font-weight: 200;
}
.ftr-col-container .flex-child a:hover {
	color: #fff !important;
}
.ftr-col-container .flex-child {
	width: 29%;
}
.ftr-col-container h4 {
	text-align: left;
	font-size: 20px;
	text-transform: uppercase;
	position: relative;
	font-family: 'ff-meta-web-pro', 'Helvetica Neue', sans-serif;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 1.25px;
	-webkit-font-smoothing: antialiased;
	color: #737373;
	margin-bottom: 24px;
	margin-top: 18px;
}
.ftr-col-container h4:after {
	display: block;
	content: '';
	height: 3.5px;
	width: 70px;
	text-align: left;
	margin-top: 4px;
}
.ftr-col-container .ftr-left h4:after {
	background-color: #87338a;
}
.ftr-col-container .ftr-center h4:after {
	background-color: #3178bd;
}
.ftr-col-container .ftr-right h4:after {
	background-color: #f15b52;
}
.ftr-center ul.capabilities{
	text-align: left;
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
.ftr-center ul.capabilities li {
	margin-bottom: 8px;
	font-family: 'ff-meta-web-pro', 'Helvetica Neue', sans-serif;
	font-style: normal;
	font-weight: 200;
	font-size: 15px;
	color: #ccc;
}
.ftr-center ul.capabilities li a {
	color: #ccc;
	transition: all 0.25s ease-in-out;
}
.ftr-center ul.capabilities li a:hover {
	color: #fff;
}
.ftr-right .contact-info img {
	opacity: .28;
	width: 60px;
	height: 60px;
	margin-bottom: -8px;
}
.ftr-right .contact-info p,
.ftr-right .contact-info{
	text-align: left;
	font-family: 'ff-meta-web-pro', 'Helvetica Neue', sans-serif;
	font-style: normal;
	font-weight: 200;
	font-size: 15px;
	margin-top: 0;
	padding-top: 0;
}
.ftr-right .contact-info p a.phone {
	color: #ccc;
	text-decoration: none;
	transition: all 0.25s ease-in-out;
}
.ftr-right .contact-info p a.phone:hover {
	color: #fff;
}
ul.ftr-social  {
	margin: 35px 0 15px 0;
	text-align: left;
	padding-left: 0;
}
ul.ftr-social li img {
	width: 30px;
	height: 30px;
	opacity: .28;
	transition: all 0.3s ease-in-out;
}
ul.ftr-social li:hover img {
	opacity: 0.5;
}
ul.ftr-social li:nth-child(3) img {
	width: 28px;
	height: 28px;
}
ul.ftr-social li {
	display: inline-block;
	width: 32px;
	margin: 0 14px 0 0;
}
.lower-ftr {
	color: #737373;
	font-size: 15px;
	font-family: 'ff-meta-web-pro', 'Helvetica Neue', sans-serif;
	font-style: normal;
	font-weight: 200;
}
.ftr-left,
.ftr-left p {
	text-align: left;
	font-size: 15px;
	font-family: 'ff-meta-web-pro', 'Helvetica Neue', sans-serif;
	font-style: normal;
	font-weight: 200;
}
.ftr-left p {
	width: 80%;
	font-size: 15px;
	font-family: 'ff-meta-web-pro', 'Helvetica Neue', sans-serif;
	font-style: normal;
	font-weight: 200;
}

.ftr-left .signup-form p.required {
	position: absolute;
	font-size: 1em;
}
.ftr-left .signup-form .form-wrapper {
	margin: 0 auto;
	padding: 0;
}
.ftr-left .signup-form ul.signup-align {
	list-style: none;
	width: 300px;
	max-width: 100%;
	padding-left: 0;
	margin: 30px 0 0 0;
}
.ftr-left .signup-form ul.signup-align li {
	display: inline-block;
}
.ftr-left .signup-form ul.signup-align li:first-child {
	width: 86%;
}
.ftr-left .signup-form ul.signup-align li:last-child {
    width: 14%;
    float: right;
    background: #78c265;
    border: none;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 40px;
    transition: all 0.25s ease-in-out;
}
.ftr-left .signup-form ul.signup-align li:last-child:hover {
	background-color: #87338a;
	cursor: pointer;
}
.ftr-left .signup-form input[type='submit'] {
	display: inline-block;
	z-index: 99;
	padding-left: 15px;
	text-transform: uppercase;
	font-family: 'ff-meta-web-pro', 'Helvetica Neue', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 36px;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all .35s ease;
	transition: all .35s ease;
	background: transparent;
	margin: -12px 0 0 0;
	border: none;
}
.ftr-left .signup-form ul.signup-align li:first-child input {
	border: 0 !important;
	border-radius: 0 !important;
	background-color: #fff !important;
	padding: 9px 10px !important;
	display: inline-block !important;
	resize: none !important;
	font-family: 'ff-meta-web-pro', 'Helvetica Neue', sans-serif;
	font-style: normal;
	font-weight: 300;
	width: 100% !important;
	transition: all 600ms;
	-webkit-transition: all 600ms;
	-moz-transition: all 600ms;
	-ms-transition: all 600ms;
	-o-transition: all 600ms;
	color: #555;
}

.ftr-left .signup-form input:focus, .work-form textarea:focus {
	outline: 0;
}
.ftr-left .signup-form input:focus::-webkit-input-placeholder, .work-form textarea:focus::-webkit-input-placeholder {
	color: #555;
}
.ftr-left .signup-form input:focus:-moz-placeholder, .work-form textarea:focus:-moz-placeholder {
	color: #555;
}
.ftr-left .signup-form input:focus::-moz-placeholder, .work-form textarea:focus::-moz-placeholder {
	color: #555;
}
.ftr-left .signup-form input:focus:-ms-input-placeholder, .work-form textarea:focus:-ms-input-placeholder {
	color: #555;
}
.ftr-left .signup-form input[name='cm-ebtdy-ebtdy'] {
	width: 100%;
	background-color: #fff;
	padding: 9px 10px;
	color: #555;
}

.ftr-left .signup-form input#fromEmail {
	margin-top: 18px;
	width: 100%;
	position: relative;
	z-index: 999;
}




.ftr-left .signup-form #response {
	display: block;
	position: relative;
	visibility: hidden;
	max-height: 0;
	list-style: none;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
	border-radius: 3px;
	box-sizing: border-box;
	color: #f5f5f5;
	overflow: hidden;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
}

.ftr-left .signup-form #response.active {
	display: inline-block;
	visibility: visible;
	padding: 10px 14px 8px;
	max-height: 80px;
	margin-top: 30px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
}

.ftr-left .signup-form .errors {
	background: #ff594f;
	transition: all 0.8s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
}

	..ftr-left .signup-form .errors .thanks-message,
	.ftr-left .signup-form .errors .progress-message {
		display: none;
	}

.ftr-left .signup-form .progress {
	background: #3077bf;
	transition: all 0.8s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
}
	.ftr-left .signup-form .thanks-message,
	.ftr-left .signup-form .error-message {
		display: none;
	}

.ftr-left .signup-form .thanks {
	background: #6bd866;
	transition: all 0.8s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
}

	.ftr-left .signup-form .error-message,
	.ftr-left .signup-form .progress-message  {
		display: none;
	}

.ftr-left .signup-form a.close {
	position: absolute;
	top: -9px;
	right: -9px;
	padding-left: 12px;
	font-family: monospace;
}

.ftr-left .signup-form a.close svg {
	width: 20px;
	height: 20px;
}
.ftr-left .signup-form a.close:hover svg {

}
.thank-you {
	padding: 30px 0;
}
a#top {
	color: #ccc;
	text-decoration: none;
	transition: all 0.25s ease-in-out;
}
a#top:hover {
	color: #ffffff;
}





/* Capabilities Page - August 2016 */

section.gray-bg {
	background-color: #e7e7e7;
	padding: 0 0 5px 0;
}
section.gray-bg .capabilities-diagram {
	margin: 15px auto 65px auto;
}
.cap-wrapper {
	width: 100%;
	margin: 80px auto 0 auto;
	padding-bottom: 50px;
}
.capabilities-feed {
	position: relative;
	margin: 0 auto 50px auto;
}
.capabilities-feed h2 {
	color: #333;
	margin-bottom: 48px;
	font-size: 22.4px !important;
	text-align: center;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}
.capabilities-feed h2 a {
	color: #333;
	text-decoration: none;
}
.capabilities-feed ul{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	width: 100%;
	margin: 25px auto 50px auto;
	padding-left: 0;
	list-style: none;
}
.capabilities-feed ul li {
	width: 29%;
}
.capabilities-feed ul.two-col li {
	width: 48%;
	width: calc(50% - 30px);
	margin-bottom: 10px;
}
.capabilities-feed ul li h4 {
    font-family: 'adelle', serif;
    font-weight: 700;
    font-size: 1.1em;
    line-height: 1.28em;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    color: #333;
    padding: 0;
    margin: 0 0 -1px 0;
    -webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
}
.capabilities-feed ul li .divider {
	background-color: #666 !important;
	height: 4px !important;
	width: 70px; !important;
	margin: 14px auto 10px auto !important;
}
.capabilities-feed ul li p  {
	margin-top: -3px;
	color: #59595b;
	font-size: 1.4em;
	line-height: 1.6em;
	font-weight: 400;
	font-style: normal;
	font-family: 'adelle', serif;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;

}
.feed-test ul li p  {
	margin-top: 12px;
}
.capabilities-feed ul li .brandingIdentity {
	background-color: rgba(241,169,49,0.8) !important;
}
.capabilities-feed ul li .webDevelopment {
	background-color: rgba(0,124,186,0.8) !important;
}
.capabilities-feed ul li .print {
	background-color: rgba(91,11,118,0.8) !important;
}
.capabilities-feed ul li .event {
	background-color: rgba(56,183,102,0.8) !important;
}
.work-cta {
	width: 100%;
	padding: 0 0 40px 0;
	position: relative;
	text-align: center;
	margin: 0 auto;
	background-color: #fff;
}
.work-cta h3 {
	color: #59595b;
	text-transform: none;
	font-weight: 400;
	width: 100%;
	margin: 0 auto 40px auto;
}
.work-cta .btn a{
	background: #853c87;
	border: none;
	border-radius: 3px;
	margin: 30px auto 0;
	display: block;
	padding: 10px 2px;
	color: #fff;
	text-align: center;
	width: 170px;
	text-transform: uppercase;
	font-family: 'ff-meta-web-pro', 'Helvetica Neue', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 1.125em;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all .35s ease;
	transition: all .35s ease;
}
.work-cta .btn a:hover {
	background: #732175;
}


.work-form {
	background: #e7e7e7;
	text-align: center;
}
.about .work-form {
	background: #fff;
	text-align: center;
}
.work-form p, .careers p {
	color: #666;
	font-size: 1.4em;
	line-height: 1.6em;
	font-style: normal;
	text-align: center;
	-webkit-font-smoothing: antialiased;
}
.careers i {
	font-style: normal;
}
.work-form p.required {
	position: absolute;
	font-size: 1em;
}
.work-form .form-wrapper {
	max-width: 700px;
	margin: 0 auto;
	padding: 0 20px;
}
.work-form label {
	display: none;
}
.work-form input, .work-form textarea {
	border: 0;
	border-radius: 0;
	border-bottom: 2px solid #999;
	background: transparent;
	padding: 9px 0;
	display: inline-block;
	resize: none;
	font-size: 1.3em;
	transition: all 600ms;
	-webkit-transition: all 600ms;
	-moz-transition: all 600ms;
	-ms-transition: all 600ms;
	-o-transition: all 600ms;
}
.work-form #email {
	display: none;
}
.work-form input:focus, .work-form textarea:focus {
	outline: 0;
}
.work-form input:focus::-webkit-input-placeholder, .work-form textarea:focus::-webkit-input-placeholder {
	color: #555;
}
.work-form input:focus:-moz-placeholder, .work-form textarea:focus:-moz-placeholder {
	color: #555;
}
.work-form input:focus::-moz-placeholder, .work-form textarea:focus::-moz-placeholder {
	color: #555;
}
.work-form input:focus:-ms-input-placeholder, .work-form textarea:focus:-ms-input-placeholder {
	color: #555;
}
.work-form input[name='fromName'] {
	width: 49%;
	margin-right: 2%
}
.work-form input[name='fromName']:focus {
	border-bottom: 2px solid #3077bf;
}
.work-form input[name='fromEmail'] {
	width: 49%;
	margin-left: -4px;
}
.work-form input[name='fromEmail']:focus {
	border-bottom: 2px solid #6bd866;
}
.work-form input#fromCompany {
	margin-top: 18px;
	width: 49%;
	margin-right: 2%
}
.work-form input#fromName {
	margin-top: 18px;
	width: 49%;
	margin-right: 2%
}
.work-form input[name='fromCompany']:focus {
	border-bottom: 2px solid #ff594f;
}
.work-form input#fromPhone {
	margin-top: 18px;
	width: 49%;
	margin-left: -4px;
}
.work-form input#fromEmail {
	margin-top: 18px;
	width: 49%;
	margin-left: -4px;
}
.work-form input[name='fromPhone']:focus {
	border-bottom: 2px solid #3077bf;
}
.work-form textarea#message {
	height: 47px;
	width: 100%;
	margin-top: 20px;
	resize: none;
	line-height: 1.4em;
	overflow: hidden;
}
.work-form textarea#message:focus {
	border-bottom: 2px solid #873389;
}
.work-form input[type='submit'] {
	background: #3077bf;
	border: none;
	border-radius: 3px;
	margin: 30px auto 0;
	display: block;
	padding: 10px 60px;
	color: #fff;
	text-transform: uppercase;
	font-family: 'ff-meta-web-pro', 'Helvetica Neue', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 1.125em;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all .35s ease;
	transition: all .35s ease;
}
.work-form input[type='submit']:hover, .work-form input[type='submit']:focus {
	background: #1C5D9E;
}

.work-form #response {
	display: block;
	position: relative;
	visibility: hidden;
	max-height: 0;
	list-style: none;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
	border-radius: 3px;
	box-sizing: border-box;
	color: #f5f5f5;
	overflow: hidden;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
}

.work-form #response.active {
	display: inline-block;
	visibility: visible;
	padding: 10px 14px 8px;
	max-height: 80px;
	margin-top: 30px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
}

.work-form .errors {
	background: #ff594f;
	transition: all 0.8s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
}

	.work-form .errors .thanks-message,
	.work-form .errors .progress-message {
		display: none;
	}

.work-form .progress {
	background: #3077bf;
	transition: all 0.8s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
}
	.work-form .progress .thanks-message,
	.work-form .progress .error-message {
		display: none;
	}

.work-form .thanks {
	background: #6bd866;
	transition: all 0.8s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
}

	.work-form .thanks .error-message,
	.work-form .thanks .progress-message  {
		display: none;
	}

.work-form a.close {
	position: absolute;
	top: -9px;
	right: -9px;
	padding-left: 12px;
	font-family: monospace;
}

.work-form a.close svg {
	width: 20px;
	height: 20px;
}
.work-form a.close:hover svg {

}
.thank-you {
	padding: 30px 0;
}
#client-list {
	display: none;
	color: #333;
	background: #f7f7f7;
}
#client-list.active {
	display: block;
}
#client-list h2 {
	font-style: italic;
	margin-top: 0;
	color: #333;
}
#client-list ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#client-list li {
	margin-bottom: 5px;
	color: #59595b;
	font-family: 'ff-meta-web-pro';
}
#client-list .container {
	max-width: 1068px;
	background: #fff;
	margin: 0 auto;
	padding: 40px;
}
#client-list .client-block {
	width: 33.3333333333333%;
	margin-bottom: 20px;
}
.column-block {
	width: 100%;
}
.filter-bar {
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 10px 15px;
	width: 100%;
	background: #fff;
	box-shadow: 0 0 6px rgba(34, 34, 34, 0.3);
	font-family: 'ff-meta-web-pro', 'Helvetica Neue', sans-serif;
	z-index: 999;
	white-space: nowrap;
}
.filter-bar a, .filter-bar li {
	cursor: pointer;
}
.filter-bar a {
	color: #333;
}
.filter-bar ul {
	max-width: 1920px;
	margin: 0;
	padding: 0;
}
.filter-bar li {
	display: inline-block;
	padding: 10px 15px;
	color: #333;
	margin: 0;
}
.filter-bar li:hover, .filter-bar li.active {
	color: #fff;
	background: #3077bf;
}
.filter-bar li:hover a, .filter-bar li.active a {
	color: #fff;
}
.projectpage {
	background: #222;
}
/*
.cover {
	background: red;
	height: 300px;
	margin: 0;
	width: 100%;
	position: absolute;
	z-index: 99999;
	margin-top: -300px;
}*/
.wrapper {
	position: relative;
	top: -5px;
	margin: 0;
	padding: 0;
	z-index: 1;
	overflow: visible !important; /* overwrite jQuery's animate css*/
	/*
	transition: margin .4s linear;
	-webkit-transition: margin .4s linear;
	-moz-transition: margin .4s linear;
	-ms-transition: margin .4s linear;
	-o-transition: margin .4s linear;
	*/
}
.wrapper.push {
	margin-top: 38px;
}
.wrapper .project-item {
	width: 20%;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
}
.wrapper .project-item .project-item-thumb {
	position: relative;
	z-index: 99999999;
}
.wrapper .project-item .project-item-container {
	/*display: none;*/
	height: 0;
	background: #f7f7f7;
	width: 100%;
	position: absolute;
	left: 0;
	cursor: auto;
	overflow: hidden;
}
.wrapper .project-item .project-item-container h2 {
	margin: 0;
}
.wrapper .project-item.active {
	background: none;
}
.wrapper .project-item.active .project-item-thumb {
	background: #333;
	/*
	transition: all .35s ease;
	-webkit-transition: all .35s ease;
	-moz-transition: all .35s ease;
	-ms-transition: all .35s ease;
	-o-transition: all .35s ease;
	*/
}
.wrapper .project-item.active .project-item-thumb:hover {
	background: #ff594f;
}
.wrapper .project-item.active .project-item-thumb:hover:after {
	border-top: 30px solid #ff594f;
	/*
	transition: all .35s ease;
	-webkit-transition: all .35s ease;
	-moz-transition: all .35s ease;
	-ms-transition: all .35s ease;
	-o-transition: all .35s ease;
	*/
}
/*
.wrapper .project-item.active .project-item-thumb:before {
	content: url('../images/core/icon-close-white.svg');
	position: absolute;
	z-index: 1;
	width: 60px;
	height: 60px;
	left: 50%;
	top: 50%;
	margin-left: -30px;
	margin-top: -30px;
*/
	/*left: calc(50% - 30px);
	top: calc(50% - 30px);*/
/* } */
/*
.wrapper .project-item.active .project-item-thumb:after {
	content: '';
	position: absolute;
	bottom: -25px;
	right: 50%;
	margin-right: -40px;
	z-index: 3;
	width: 0;
	height: 0;
	border-left: 40px solid transparent;
	border-right: 40px solid transparent;
	border-top: 30px solid #333;
*/
	/*right: calc(50% - 40px);*/
	/*
	transition: all .35s ease;
	-webkit-transition: all .35s ease;
	-moz-transition: all .35s ease;
	-ms-transition: all .35s ease;
	-o-transition: all .35s ease;
	*/
/* } */
/*
.wrapper .project-item.active .project-item-crop {
	opacity: 0;
}
*/
.project-item.no-touch.active {
    height: auto !important;
}
/*
.wrapper .project-item.active .project-item-container {
	display: block;
}
*/
/*
.wrapper .project-item.active .project-item-hoverinfo {
	display: none !important;
}
*/
.project-item-hoverinfo {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(28, 68, 109, 0.9);
	font-size: 1em;
	font-weight: normal;
	color: #fff;
	text-transform: uppercase;
	opacity: 0;
	transition: opacity .35s ease;
	-webkit-transition: opacity .35s ease;
	-moz-transition: opacity .35s ease;
	-ms-transition: opacity .35s ease;
	-o-transition: opacity .35s ease;
	-webkit-font-smoothing: subpixel-antialiased;
}
.project-item-hoverinfo .outerContainer {
	display: table;
	width: 100%;
	height: 100%
}
.project-item-hoverinfo .innerContainer {
	display: table-cell;
	vertical-align: middle;
	font-family: 'ff-meta-web-pro', 'Helvetica Neue', sans-serif;
	font-size: 1.4em;
	text-align: center;
	text-transform: uppercase;
	padding: 20px;
}
.project-item-hoverinfo .innerContainer p {
	margin: 0;
}
.no-touch .project-item-thumb:not(.active):hover .project-item-hoverinfo {
	opacity: 1;
	transition: opacity .35s ease;
	-webkit-transition: opacity .35s ease;
	-moz-transition: opacity .35s ease;
	-ms-transition: opacity .35s ease;
	-o-transition: opacity .35s ease;
}
.project-item-thumb:not(.active):hover .project-item-hoverinfo {
	opacity: 0;
}
.project-item-container div {
	width: 50%;
	display: inline-block;
	vertical-align: top;
}
.project-item-container div:last-child {}

.project-item-container .project-item-hero {
	position: relative;
	height: inherit;
}
/*
.project-item-container .project-item-hero:after {
	padding-bottom: 68.75%;
	display: block;
  content: '';
}
*/
.project-item-container .hero-image {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	background-size: cover;
	background-position: center center;
}

.project-item-container .project-item-content {
	padding: 50px;
	background: #f7f7f7;
}
.project-item-container h2 p {
	font-family: 'adelle', serif;
	font-weight: 700;
	font-style: italic;
	font-size: 1.4em;
	line-height: 1.2em;
	color: #333;
	margin: 0;
}
.project-item-container h4 {
	font-family: 'ff-meta-web-pro', 'Helvetica Neue', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 0.9em;
	color: #333;
	margin: 10px 0 36px;
	text-transform: uppercase;
}
.project-item-container strong {
	font-weight: bold;
	color: #333;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.project-item-container strong:after {
	content: '\0020';
	display: inline-block;
  width: 8px;
}
.project-item-container p {
	font-family: 'adelle', serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1.2em;
	color: #59595b;
	margin-bottom: 30px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.project-item-container .button {
	background: #3077bf;
	color: #fff;
	font-size: .9em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: 'ff-meta-web-pro', 'Helvetica Neue', sans-serif;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	padding: 5px 10px;
	border-radius: 4px;
	cursor: pointer;
}
.project-item-crop img, .project-item-hero img {
	width: 100%;
	display: block;
}
.work img {
	width: 100%;
	height: auto;
}
.work .hero {
	max-height: 500px;
	overflow: hidden;
	background-color: #cdcdcd;
}
.work .hero img {
	display: block;
	width: 100%;
}
.work .wide {
	max-width: 1920px;
	margin: 65px auto;
	padding: 0 20px;
}
.work .narrow {
	max-width: 900px;
	margin: 0 auto;
}
.work .block {
	position: relative;
	margin: 0 auto;
}
.work .block h1 {
	font-family: 'adelle', serif;
	font-style: italic;
	font-weight: 700;
	font-size: 2.2rem;
	line-height: 2.7rem;
	margin-top: 0;
	margin-bottom: 1rem;
	color: #333;
}
.work .block p {
	margin: 0 0 1.2em;
	font-size: 1.125em;
	line-height: 1.625em;
	color: #666;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.work .outline img {
	border: 1px solid #ccc;
}
.work .flag {
	position: absolute;
	top: 0;
	width: 200px;
	padding-top: 10px;
	font-size: 0.9em;
	border-top: 2px solid #3077bf;
}
.work .flag h5 {
	margin: 18px 0 3px;
	text-transform: uppercase;
	font-family: 'adelle', serif;
	font-size: 0.9em;
	font-style: normal;
	font-weight: 700;
	color: #333;
}
.work .flag h5:first-child {
	margin-top: 10px;
}
.work .flag p {
	margin: 0;
	padding-bottom: 3px;
	font-family: 'ff-meta-web-pro', 'Helvetica Neue', sans-serif;
	font-style: normal;
	font-weight: 400;
	line-height: 1.325em;
}
.work .flag.right {
	right: -250px;
	top: 76px;
}
.work .flag.left {
	left: -250px;
	text-align: right;
	font-family: 'ff-meta-web-pro', 'Helvetica Neue', sans-serif;
	font-style: italic;
	font-weight: 700;
}
.work .flag.full-left, .work .flag.full-right {
	border-top: 2px solid #fff;
	color: #fff;
	top: 60px;
	font-size: 1em;
}
.work .flag.full-left {
	left: -250px;
	text-align: right;
}
.work .flag.full-right {
	right: -250px;
	text-align: left;
}
.work .intro .flag {
	z-index: 9999;
}
.work .quote {
	text-align: right;
	border-top: 2px solid #3077bf;
	margin: 0 auto;
	max-width: 900px;
}
.work .quote h2 {
	font-family: 'adelle', serif;
	font-style: normal;
	font-weight: 400;
	font-size: 2.5em;
}
.work .quote p {
	font-family: 'adelle', serif;
	font-style: italic;
	font-weight: 400;
	color: #999;
}
.work .quote p span {
	font-size: 1.2rem;
	color: #3077bf;
	display: block;
	font-family: 'adelle', serif;
	font-style: normal;
	font-weight: 700;
}
.work .full-width-background {
	position: relative;
	width: 100%;
	max-height: 660px;
	margin: 0 auto;
	padding: 100px 20px;
	background-size: auto 100% !important;
	font-family: 'adelle', serif;
	font-style: italic;
	font-weight: 400;
	text-align: center;
	overflow: hidden;
}
.work .full-width-background .narrow {
	position: absolute;
	top: 0;
	margin: 0 auto;
	left: 0;
	right: 0;
}
.work .full-width-background:before {
	content: '';
	display: block;
	padding-bottom: 80%;
}
.largequote {
	max-width: 70%;
	margin: 0 auto;
	padding: 70px 20px;
	font-family: 'adelle', serif;
	font-style: italic;
	font-weight: 400;
	font-size: 2.8em;
	text-align: center;
	color: #59595b;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.largequote p {
	margin: 20px 0;
	line-height: 1.3em;
}
.largequote strong {
	font-family: 'adelle', serif;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	color: #3077bf;
	font-size: .725em;
}
.button-pair {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    box-sizing: border-box;
    margin: 0 auto;
    position: relative;
}
.button-pair .left-btn{
	margin: 0 20px;
}
.button-pair .right-btn {
	margin: 0 20px;
}
.button-pair .left-btn a{
	background: #853c87;
	border: none;
	border-radius: 3px;
	margin: 30px auto 0;
	display: block;
	padding: 10px 15px;
	color: #fff;
	text-align: center;
	/*width: 170px;*/
	text-transform: uppercase;
	font-family: 'ff-meta-web-pro', 'Helvetica Neue', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all .35s ease;
	transition: all .35s ease;
}
.button-pair .left-btn a:hover {
	background: #732175;
}
.button-pair .right-btn a{
	background: #78c265;
	border: none;
	border-radius: 3px;
	margin: 30px auto 0;
	display: block;
	padding: 10px 15px;
	color: #fff;
	text-align: center;
	/*width: 260px;*/
	text-transform: uppercase;
	font-family: 'ff-meta-web-pro', 'Helvetica Neue', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all .35s ease;
	transition: all .35s ease;
}
.button-pair .right-btn a:hover{
	background: #65AF4E;
}
.featured.wrapper {
	margin: 0;
	padding: 0;
	/*background: #666;*/
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.featured.wrapper img {
	width: 100%;
	height: auto;
}
.featured.wrapper li {
	position: relative;
}
.featured.wrapper .box {
	width: 33.3333%;
	display: inline-block;
	vertical-align: top;
}
.featured.wrapper .box img {
	display: block;
}
.featured.wrapper .box ul {
	margin: 0;
	padding: 0;
}
.featured.wrapper .feature {
	z-index: 1;
	overflow: hidden;
}
.featured.wrapper .feature img {
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}
.featured.wrapper .feature .hover-info {
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transition: opacity .2s ease;
	transition: opacity .2s ease;
	overflow: hidden;
	z-index: 2;
}
.featured.wrapper .row1 .hover-info {
	background: rgba(255, 89, 79, 0.9); /* o */
}
.featured.wrapper .row2 .feature.grid:nth-child(1) .hover-info {
	background: rgba(135, 51, 137, 0.8); /* p */
}
.featured.wrapper .row2 .feature.grid:nth-child(2) .hover-info {
	background: rgba(107, 216, 102, 0.9); /* g */
}
.featured.wrapper .row2 .feature.grid:nth-child(3) .hover-info {
	background: rgba(28, 68, 109, 0.9); /* b */
}
.featured.wrapper .row2 .feature.grid:nth-child(4) .hover-info {
	background: rgba(255, 89, 79, 0.9); /* o */
}
.featured.wrapper .row3 .hover-info {
	background: rgba(28, 68, 109, 0.9); /* b */
}
.featured.wrapper .row3 {
	margin-left: -1px;
}
.featured.wrapper .feature .info-container {
	color: #fff;
	width: 80%;
	top: 50%;
	left: 50%;
	position: absolute;
	margin-left: -40%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	text-align: center;
	padding: 0;
}
.featured.wrapper .feature.grid .info-container {
	width: 100%;
	left: 0;
	margin: 0;
}
.featured.wrapper .feature.grid .news-info-container {
	height: 0;
	padding-bottom: 100%;
	background: #313959;
}
.featured.wrapper .feature.grid .news-info-container .info-container {
	padding: 20px;
	top: 0;
	transform: none;
	-webkit-transform: none;
	-ms-transform: none;
	text-align: left;
}
.featured.wrapper .feature.grid .news-info-container p {
	margin: 0 0 14px 0;
	font-size: 1.2em;
}
.featured.wrapper .feature.grid .news-info-container h5 {
	margin: 0 0 10px 0;
	color: #fff;
	font-size: 1.3em;
}
.featured.wrapper .feature.grid .news-info-container .categories {
	font-family: 'ff-meta-web-pro', 'Helvetica Neue', sans-serif;
}
.featured.wrapper .feature h5 {
	font-family: 'ff-meta-web-pro', 'Helvetica Neue', sans-serif;
	font-weight: 700;
	font-size: 2em;
	line-height: 1.125em;
	text-transform: uppercase;
	margin: 0;
}
.featured.wrapper .feature p {
	font-family: 'adelle', serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1.2em;
	margin: 0 1.5em;
}
.featured.wrapper .feature hr {
	border: none;
	height: 1px;
	background-color: #fff;
	margin: 30px 0;
}
.featured.wrapper .feature .button {
	display: inline-block;
	padding: 4px 13px;
	margin-top: 15px;
	font-family: 'ff-meta-web-pro', 'Helvetica Neue', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: .75em;
	text-transform: uppercase;
	overflow: hidden;
	background: none;
	border: 2px solid #fff;
	z-index: 1;
	-webkit-transition: all .25 ease;
	transition: all .25 ease;
	position: relative;
	cursor: pointer;
	color: #fff;
}
.featured.wrapper .feature .button:hover {
	background: none !important;
}
.featured.wrapper .feature .button:before {
	content: '';
	position: absolute;
	background: #ff594f;
	bottom: 0;
	left: 0;
	right: 100%;
	top: 0;
	z-index: -1;
	-webkit-transition: right .25s ease;
	transition: right .25s ease;
}
.featured.wrapper .feature .button:hover:before {
	right: 0;
}
.featured.wrapper .feature:hover .hover-info {
	opacity: 1;
}
.featured.wrapper .feature:hover .hover-info .info-container {
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.featured.wrapper .feature:hover img {
	-webkit-transform: scale(1.04);
	-ms-transform: scale(1.04);
	transform: scale(1.04);
}
.about .featured.wrapper .feature:hover img {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}
.featured.wrapper .row2 .feature {
	width: 50%;
	display: inline-block;
	vertical-align: top;
}
.featured.wrapper .news {
	background: #666;
	height: 100%;
	padding: 20px;
}
.mobile-message {
	display: none;
}
.news-link-box {
	display: none;
	position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
}
.manifesto {
	max-width: 1400px;
	margin: 45px auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.manifesto h3 {
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.manifesto h5, .manifesto p {
	margin: 0;
	color: #333;
	line-height: 1.375em;
}
.manifesto h5 {
	font-family: 'adelle', serif;
	font-weight: 700;
	font-size: 1.1em;
	line-height: 1.1em;
	letter-spacing: 1px;
	text-align: center;
	text-transform: uppercase;
}
.manifesto p {
	color: #59595b;
	font-size: 1.4em;
	line-height: 1.6em;
}
.manifesto ul {
	margin: 0;
	padding: 0;
}
.manifesto .item {
	width: 24%;
	margin: 0.5%;
	display: inline-block;
	padding: 20px;
	vertical-align: top;
	-webkit-box-sizing: border-box;
}
.divider {
	height: 4px;
	width: 70px;
	margin: 14px auto 10px;
}
.skills {
	white-space: nowrap;
}
.skills .section-header {
	margin: 0;
	padding: 20px 0 36px;
	border-bottom: 2px solid #d9d9d9;
}
.skills p {
	font-size: 1.5em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #666;
}
.skills h3 {
	text-transform: uppercase;
	text-align: center;
	color: #333;
}
.skills h3:not(.section-header):after {
	display: block;
	content: '';
	height: 4px;
	width: 70px;
	margin: 12px auto;
	background: purple;
}
.skills > .container-lg > p {
	text-align: center;
	white-space: normal;
}
.skills > .container-lg > ul {
	padding: 0 0 0 20px;
	margin: 0;
	list-style: none;
}
.skills > .container-lg > ul > li {
	display: inline-block;
	width: 48%;
	width: calc(50% - 10px);
	list-style: none;
	vertical-align: top;
}
.skills > .container-lg > ul > li:first-child {
	margin-right: 60px;
	width: 48%;
	width: calc(50% - 30px);
}
.skills ul ul {
	padding: 0;
	margin: 0;
	list-style: none;
	white-space: normal;
}
.skills li li {
	color: #666;
	font-size: 1.5em;
	margin-bottom: 20px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.skills li li:before {
	content: '';
	display: inline-block;
	height: 5px;
	width: 5px;
	margin: 6px 10px 6px -16px;
	background: #666;
}
.mpower {
  color: #fff;
}
.mpower-container {
	max-width: 700px;
  margin: 0 auto;
  padding: 0 20px;
}
.mpower .mpower-logo {
	display: block;
	max-width: 390px;
	width: 100%;
	height: 72px;
	margin: 0 auto;
}
.mpower p {
	font-size: 1.4em;
	line-height: 1.6em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.mpower h4 {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	text-align: center;
	font-size: 1.6em;
	font-weight: normal;
	font-style: italic;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.mpower small {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.careers {
	max-width: 700px;
	margin: 0 auto;
	text-align: center;
}
.careers .button {
	padding: 14px 19px;
	font-weight: bold;
}
.careers .button:hover {
	background: #732175 !important;
}
.careers .button span {
  font-family: 'ff-meta-web-pro', 'Helvetica Neue', sans-serif;
  font-weight: bold;
  margin-left: 5px;
}
.contact {
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#contact-banner{
	width: 100%;
	height: 400px;
	background-size: cover;
	background-position: 0 34%;
	background-repeat: no-repeat;
}
.contact .block {
	display: inline-block;
	margin: 0 5px;
}
.contact h5 {
	margin: 18px 0 3px;
	text-transform: uppercase;
	font-family: 'adelle', serif;
	font-size: 1em;
	font-style: normal;
	font-weight: 700;
}
.contact a, .contact a:hover {
	color: #fff;
}
.contact p, #map-canvas p {
	margin: 12px 0;
	font-family: 'ff-meta-web-pro', sans-serif;
	font-size: 1em;
	line-height: 1.2em;
}
.newspage {
	background: #fff;
}
.newspage ul {
	padding: 0;
}
.newspage li.news-item {
	background: #fff;
	max-width: 900px;
	margin: 0 auto;
	padding: 40px;
	border: 1px solid #dedede;
	border-top: 0;
	list-style-type: none;
}
.newspage h1 a,
.newspage h1 a:hover,
.newspage p {
	color: #333;
}
.newspage img {
	width: 100%;
}
.newspage .meta {
	font-family: 'ff-meta-web-pro', 'Helvetica Neue', sans-serif;
	margin: 0;
}
#map-canvas {
	width: 100%;
	height: 400px;
}
#map-canvas .half {
	width: 70%;
	display: inline-block;
	overflow: hidden;
}
#map-canvas .half:not(:first-child) {
	padding-left: 20px;
	width: 30%;
}
.tinynav {
	display: none;
}

/* = */

.project-item {
	display: none;
}





/* =Website Landing Page*/

.wpl-wrapper {
	width: 100%;
	padding: 60px 0;
	background-color: #fff;
}
.sml p {
	font-family: 'adelle', serif;
	font-style: normal;
	font-weight: 400;
	font-size: 19px;
	color: #59595b;
	margin: 19px auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 30px;
	text-align: left;
}
.big-picture h3.section-header:after {
	display: block;
	content: '';
	height: 4px;
	width: 70px;
	margin: 12px auto;
	background: #3077bf;
}
.big-picture ul li:before {
	content: '';
	display: inline-block;
	height: 5px;
	width: 5px;
	margin: 6px 10px 6px -16px;
	background: #59595b;
}
.big-picture ul {
	list-style: none;
	margin-top: 25px;
	padding-left: 27px;
}
.big-picture ul li {
	list-style: none;
	font-family: 'adelle', serif;
	font-style: normal;
	font-weight: 400;
	font-size: 19px;
	color: #59595b;
	margin: 25px 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 30px;
}
.big-picture .left-col,
.process-pdf .left-col {
	margin-right: 40px;
	width: calc(50% - 20px);
	float: left;
}
.big-picture .right-col,
.process-pdf .right-col {
	width: calc(50% - 20px);
	float: right;
}
.clear {
	clear: both;
}

.website-comparison h3 {
	color: #fff;
	text-transform: none;
	font-weight: 300;
	width: 80%;
	margin: 0 auto 40px auto;
}
.green-wrapper {
	width: 100%;
	margin: 0 auto;
	background-color: #78c265;
}
.website-comparison .left-col,
.website-comparison .right-col {
	background-color: #fff;
	width: calc(50% - 25px);
	padding: 10px 30px;
}
.website-comparison .left-col {
	margin-right: 25px;
	float: left;
}
.website-comparison .right-col {
	float: right;
	margin-bottom: 20px;
}
.website-comparison .left-col h4:after {
	display: block;
	content: '';
	height: 4px;
	width: 70px;
	margin: 12px auto;
	background: #f15b52;
}
.website-comparison .right-col h4:after {
	display: block;
	content: '';
	height: 4px;
	width: 70px;
	margin: 12px auto;
	background: #3277bd;
}
.website-comparison .right-col h4,
.website-comparison .left-col h4 {
	text-align: center;
	text-transform: uppercase;
	font-size: 24px;
	color: #333;
}
.website-comparison .right-col ul li,
.website-comparison .left-col ul li {
	list-style: none;
	font-family: 'adelle', serif;
	font-style: normal;
	font-weight: 400;
	font-size: 19px;
	color: #59595b;
	margin: 25px 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 30px;
}
.website-comparison ul {
	margin-left: 0;
	padding-left: 0;
}
.process-pdf {
	padding: 30px 0;
}
.process-pdf .btn a{
    background: #853c87;
    border: none;
    border-radius: 3px;
    margin: 30px auto 0;
    display: block;
    padding: 10px 2px;
    color: #fff;
    text-align: center;
    width: 170px;
    text-transform: uppercase;
    font-family: 'ff-meta-web-pro', 'Helvetica Neue', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 1.125em;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
}
.process-pdf .btn a:hover {
	background: #732175;
}
.process-pdf h3 {
	color: #59595b;
	text-transform: none;
	font-weight: 400;
	width: 80%;
	margin: 0 auto 40px auto;
}
.wlp-cta {
	width: 100%;
	padding: 150px 0;
	position: relative;
	text-align: center;
	margin: 0 auto;
	background-size: cover;
	background-position: center center;
}
.wlp-cta h2 {
	color: #fff;
	font-family: 'adelle', serif;
	font-style: italic;
	font-weight: 400;
	font-size: 3em;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.wpl-full {
	width: 100%;
	position: relative;
	margin: 0 auto -6px auto;
}
.wpl-full img {
	width: 100%;
	height: auto;
}
.process-pdf .right-col .btn a{
    background: #3077bf;
    border: none;
    border-radius: 3px;
    margin: 30px auto 0;
    display: block;
    padding: 10px 2px;
    color: #fff;
    text-align: center;
    width: 170px;
    text-transform: uppercase;
    font-family: 'ff-meta-web-pro', 'Helvetica Neue', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 1.125em;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
}
.process-pdf .right-col .btn a:hover {
	background: #2063aa;
}


/* =Media Queries */


@media screen and (min-width: 2240px) {
	/*.project-item-container div {
		vertical-align: top;
		transition: all 1s;
	}*/
	.project-item-container h2 p {
		font-size: 1.8em;
		margin: 10px 0 0;
		transition: all 1s;
	}
	.project-item-container h4 {
		font-size: 1.1em;
		margin: 7px 0 42px;
		transition: all 1s;
	}
	.project-item-container p {
		font-size: 1.2em;
		line-height: 1.8em;
		max-width: 100%;
		transition: all 1s;
	}
	.project-item-container .project-item-content {
		width: 44%;
	}
}

@media screen and (min-width: 1750px) {
	.project-item-container .project-item-content {
		width: 44%;
	}
}

@media screen and (max-width: 1920px) {
	.wrapper .project-item {
		width: 20%;
	}
}

@media screen and (max-width: 1700px) {
	.featured.wrapper .feature.grid .news-info-container .categories {
		display: none;
	}
	.featured.wrapper .feature.grid .news-info-container p {
		font-size: 1em;
	}
	.featured.wrapper .feature .button {
		margin-top: 0;
	}
	.featured.wrapper .feature h5 {
		font-size: 1.5em;
		margin: 0;
	}
	.featured.wrapper .feature p {
		margin: 0;
	}
}
@media screen and (max-width: 1650px) {
	.largequote,
	.wlp-cta h2 {
		font-size: 2em;
	}
}
@media screen and (max-width: 1500px) {
	.featured.wrapper .feature.grid .news-info-container .categories {
		display: none;
	}
	.featured.wrapper .feature.grid .news-info-container p {
		font-size: 0.8em;
	}
	.featured.wrapper .feature .button {
		margin-top: 0;
	}
	.featured.wrapper .feature h5 {
		font-size: 1.5em;
		margin: 0;
	}
	.featured.wrapper .feature p {
		margin: 0;
	}
}

@media screen and (max-width: 1400px) {
	.work .full-width-background {
		background-size: cover !important;
	}
}

@media screen and (max-width: 1400px) {
	.container-lg {
		max-width: 70%;
	}
	.largequote,
	.wlp-cta h2 {
		font-size: 2em;
	}
}

@media screen and (max-width: 1260px) {
	.work .flag {
		position: relative;
		right: auto !important;
		left: auto !important;
		top: auto !important;
		width: 100%;
		padding-top: 10px;
		margin: 40px 0 50px;
		text-align: left !important;
	}
	.work .flag.full-left, .work .flag.full-right {
	  margin: 30px auto 50px;
	  width: 95%;
	}
}

@media screen and (max-width: 1200px) {
	.wrapper .project-item {
		width: 25%;
	}
	.website-comparison .left-col,
	.website-comparison .right-col {
		background-color: #fff;
		width: calc(50% - 10px);
		padding: 10px 25px;
	}
	.website-comparison .left-col {
		margin-right: 10px;
		float: left;
	}
}



@media screen and (max-width: 1150px) {
	/* Capabilities Diagram - August 2016 */

	ul.main-circles {
		width: 650px;
	}
	ul.main-circles li{
		width: 45%;
		border-radius: 500px;
		padding: 114px 25px;
		font-size: 19px;
	}
	ul.main-circles li:first-child {
		z-index: 101;
	}
	ul.main-circles li:nth-child(2) {
		z-index: 102;
		margin-left: -37px;
	}
	ul.main-circles li:nth-child(3) {
		z-index: 103;
		margin-top: -37px;
		padding: 130px 25px;
	}
	ul.main-circles li:nth-child(4) {
		z-index: 104;
		margin-top: -37px;
		margin-left: -37px;
		padding: 130px 25px;
	}
	.capabilities-diagram .monderer-logo {
		width: 130px;
		height: 130px;
		padding: 20px;
		left: 40%;
		top: 37.5%;
	}
	.monderer-logo img {
		width: 94px;
		height: 94px;
	}
	ul.detail-list li{
		font-size: 17px;
		margin: 0 0 5px 28px;
	}
	ul.detail-list li{
		font-size: 15px;
	}
	ul.branding-list {
		top: 196px;
		left: 40px;
		width: 250px;
	}
	ul.print-list {
		top: 448px;
    	left: 40px;
		width: 250px;
	}
	.detail-list img{
		width: 120px;
		height: 150px;
	}
	ul.event-list img,
	ul.web-list img {
		margin-right: 20px;
	}
	ul.branding-list li,
	ul.print-list li {
		margin: 0 28px 5px 0;
	}
	ul.web-list {
		top: 196px;
		right: 13px;
		width: 276px;
	}
	ul.event-list {
		top: 448px;
		right: 13px;
		width: 276px;
	}
	ul.event-list li,
	ul.web-list li {
		margin: 0 0 5px 28px;
	}

}







@media screen and (max-width: 1022px) {
	.ftr-col-container {
		flex-direction: column;
		-webkit-flex-direction: column;
	}

	.ftr-col-container .flex-child {
    width: 100%;
	}
	.ftr-col-container h4:after {
		text-align: center;
		margin: 11px auto 0 auto;
	}
	.ftr-col-container h4,
	.ftr-col-container p,
	.ftr-left,
	.ftr-center,
	.ftr-middle,
	.ftr-right .contact-info p,
	.ftr-right .contact-info,
	.ftr-center ul.capabilities,
	ul.ftr-social,
	.signup-form {
		text-align: center;
	}
	.ftr-left p {
		width: 100%;
	}
	.capabilities-feed ul.two-col li {
		width: 100%;
		margin-bottom: 38px;
	}
	.capabilities-feed ul {
		margin-bottom: 35px;
	}
	.ftr-left,
	.ftr-center,
	.ftr-right {
		margin-bottom: 60px;
	}
	.ftr-left .signup-form ul.signup-align {
		margin: 30px auto;
		text-align: center;
	}
	.ftr-left ul.signup-align,
	form#signup-form {
		margin: 0 auto;
		text-align: center;
	}
	.ftr-left .signup-form input[type='submit'] {
		padding-left: 4px;
	}


	/* Capabilities Diagram - August 2016 */

	ul.main-circles {
		width: 550px;
	}
	ul.main-circles li{
		width: 45%;
		border-radius: 500px;
		padding: 95px 25px;
		font-size: 18px;
	}
	ul.main-circles li:first-child {
		z-index: 101;
	}
	ul.main-circles li:nth-child(2) {
		z-index: 102;
		margin-left: -40px;
	}
	ul.main-circles li:nth-child(3) {
		z-index: 103;
		margin-top: -40px;
		padding: 110px 25px;
	}
	ul.main-circles li:nth-child(4) {
		z-index: 104;
		margin-top: -40px;
		margin-left: -40px;
		padding: 110px 25px;
	}
	.capabilities-diagram .monderer-logo {
		width: 95px;
		height: 95px;
		padding: 15px;
		left: 41.25%;
		top: 39.25%;
	}
	.monderer-logo img {
		width: 67px;
		height: 67px;
	}
	ul.detail-list li{
		font-size: 17px;
		margin: 0 0 5px 28px;
	}
	ul.detail-list li{
		font-size: 15px;
	}
	ul.branding-list {
		top: 175px;
		left: 95px;
		width: 220px;
	}
	ul.print-list {
		top: 388px;
    	left: 95px;
		width: 220px;
	}
	.detail-list img{
		width: 90px;
		height: 135px;
	}
	ul.event-list img,
	ul.web-list img {
		margin-right: 20px;
		margin-top: 3px;
	}
	ul.branding-list li,
	ul.print-list li {
		margin: 0 28px 5px 0;
	}
	ul.web-list {
		top: 175px;
		right: 45px;
		width: 268px;
	}
	ul.event-list {
		top: 388px;
		right: 45px;
		width: 268px;
	}
	ul.event-list li,
	ul.web-list li {
		margin: 0 0 5px 28px;
	}
	span.line-break {
		height: 10px;
		padding-top:5px;
	}
	ul.branding-list img,
	ul.print-list img {
		margin-top: 3px;
	}
	.logo-feed ul {
		max-width: 90%;
		padding: 0;
	}
	.logo-feed ul li {
		width: 45%;
	}



}

@media screen and (min-width: 1000px) and (max-width: 1286px) {
	.info-mask {
		display: none;
	}
	.mobile-message {
		display: block;
	}
	.news-link-box {
		display: block;
	}
	/*#map-canvas {
		height: 200px;
	}*/


}

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


/* Capabilities Diagram - August 2016 */
	.capabilities-diagram {
		width: 767px;
	}
	ul.main-circles {
		width: 450px;
	}
	ul.main-circles li{
		width: 45%;
		border-radius: 500px;
		padding: 76px 25px;
		font-size: 17px;
		line-height: 25px;
      letter-spacing: 1px;
	}
	ul.main-circles li:first-child {
		z-index: 101;
	}
	ul.main-circles li:nth-child(2) {
		z-index: 102;
		margin-left: -25px;
	}
	ul.main-circles li:nth-child(3) {
		z-index: 103;
		margin-top: -25px;
		padding: 88px 25px;
	}
	ul.main-circles li:nth-child(4) {
		z-index: 104;
		margin-top: -25px;
		margin-left: -25px;
		padding: 88px 25px;
	}
	.capabilities-diagram .monderer-logo {
		width: 80px;
		height: 80px;
		padding: 12px;
		left: 41%;
		top: 39.5%;
	}
	.monderer-logo img {
		width: 58px;
		height: 58px;
	}
	ul.detail-list li{
		font-size: 17px;
		margin: 0 0 5px 28px;
	}
	ul.detail-list li{
		font-size: 14px;
	}
	ul.branding-list {
		top: 155px;
		left: 18px;
		width: 215px;
	}
	ul.print-list {
		top: 335px;
    	left: 18px;
		width: 215px;
	}
	.detail-list img{
		width: 85px;
		height: 152px;
	}
	ul.event-list img,
	ul.web-list img {
		margin-right: 22px;
		margin-top: -4px;
	}
	ul.branding-list img,
	ul.print-list img {
		margin-top: -4px;
	}
	ul.branding-list li,
	ul.print-list li {
		margin: 0 28px 5px 0;
	}
	ul.web-list {
		top: 155px;
		right: 0px;
		width: 230px;
	}
	ul.event-list {
		top: 335px;
		right: 0px;
		width: 234px;
	}
	ul.event-list li,
	ul.web-list li {
		margin: 0 0 5px 28px;
	}




	.featured.wrapper .row3 {
		display: none;
	}
	.featured.wrapper .box {
		width: 50%;
	}
	.manifesto .item {
		width: 40%;
		margin: 0 5%;
	}
	.manifesto {
		max-width: 750px;
	}
	#client-list .client-block {
		width: 50%;
	}
	.project-item-container div {
		width: 50%;
	}
	.skills > .container-lg > ul > li,
	.skills > .container-lg > ul > li:first-child {
		display: block;
		width: 100% !important;
		margin-right: 0;
		margin-bottom: 50px;
	}
	.big-picture .left-col,
	.big-picture .right-col,
	.process-pdf .right-col,
	.process-pdf .left-col
	 {
		display: block;
		width: 100% !important;
		margin-right: 0;
		float: none;
	}
	.process-pdf .left-col {
		margin-bottom: 80px;
	}
	.website-comparison .left-col {
		display: block;
		width: 100% !important;
		margin-bottom: 50px;
		float: none;
	}
	.website-comparison .right-col {
		display: block;
		width: 100% !important;
		float: none;
	}
	.website-comparison h3 {
		width: 100%;
	}
	.skills {
		white-space: normal;
	}
	.wlp-cta {
		padding: 80px 0;
	}
	.largequote,
	.wlp-cta h2 {
		max-width: 85%;
		padding: 70px 0;
		margin: 0 auto;
	}
}

@media screen and (max-width: 860px) {
	.wrapper .project-item {
		width: 33.3333%;
	}
	.wrapper .project-item-container div {
		width: 100%;
	}
	.project-item-container div {
		width: 100%;
	}
	.wrapper .project-item-container div:last-child {
		margin-left: 0;
	}
	ul.detail-list li{
		font-size: 13px;
	}
	ul.branding-list {
		top: 158px;
		left: 42px;
		width: 199px;
	}
	ul.print-list {
		top: 338px;
		left: 42px;
		width: 199px;
	}
	ul.web-list {
		top: 158px;
		right: 10px;
		width: 230px;
	}
	ul.event-list {
		top: 338px;
		right: 10px;
		width: 234px;
	}
	nav .mobile-nav-icon {
		display: block;
		color: #fff;
		position: absolute;
		right: 20px;
		top: 32px;
		z-index: 9999999;
	}
	nav .nav-wrapper {
		top: 100px;
		left: 0;
		right: 0;
		background: #333;
		text-align: center;
		max-height: 0;
		overflow: hidden;
		box-shadow: 0 4px 9px rgba(0,0,0, 0.4);
		transition: max-height 0.8s;
		-webkit-transition: max-height 0.8s;
		-moz-transition: max-height 0.8s;
		-ms-transition: max-height 0.8s;
	}
	nav li {
		display: block;
	}
	nav a {
		margin: 0;
		padding: 0;
		width: 100%;
		line-height: 42px;
	}
	nav a:hover {
		background: #222;
	}
	nav.no-touch a:hover:after, nav a:active:after {
		width: 0;
	}
	nav .nav-wrapper ul {
		margin: 0;
	}
	nav .nav-wrapper .nav-work {
		margin: 0;
	}
	nav .nav-wrapper.open {
		max-height: 300px;
		transition: max-height 0.8s;
		-webkit-transition: max-height 0.8s;
		-moz-transition: max-height 0.8s;
		-ms-transition: max-height 0.8s;
	}
	.work .full-width-background {
		max-height:25vh;
	}

}

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

	.button-pair {
	    display: block;
	    margin: 35px auto 0px auto;
	    position: relative;
	}
	.button-pair .left-btn{
		margin: 15px auto 30px;
	}
	.button-pair .right-btn {
		margin: 15px auto;
	}
	.button-pair .left-btn a, .button-pair .right-btn a {display:inline;}
	.featured.wrapper .row1 {
		width: 100%;
	}
	.featured.wrapper .row2 {
		width: 100%;
	}
	.featured.wrapper .row2 .feature {
		width: 50%;
	}
	.featured.wrapper .row3 {
		display: inline-block;
		width: 100%;
		margin-left: 0;
	}
	.manifesto .item {
		width: 100%;
		margin: 0;
		padding: 24px 20px;
	}
	.manifesto {
		max-width: 320px;
	}
	.largenav {
		display: none;
	}
	.tinynav {
		display: block;
	}
	.largequote,
	.wlp-cta h2 {
		font-size: 2em;
		padding: 40px 0;
	}
	.section-header, .skills h3 {
		font-size: 1.4rem;
		margin-bottom: 20px;
	}
	.capabilities-diagram h2 {
		font-size: 1.4rem;
	}
	.work-form .form-wrapper {
		margin-top: 34px;
	}
	.mpower .mpower-logo {
  	max-width: 348px;
  }
	.mpower p {
	  font-size: 1.25em;
	  line-height: 1.5em;
	}
	.mpower br {
		display: none;
	}
	.featured.wrapper .feature.grid .news-info-container p {
 		font-size: 1.1em;
 	}
 	.work .quote h2 {
		font-size: 1.6em;
 	}
 	/*
 	.scrolled a#top {
		opacity: 1;
		pointer-events: all;
		transition: opacity 0.6s;
		-webkit-transition: opacity 0.6s;
		-moz-transition: opacity 0.6s;
		-ms-transition: opacity 0.6s;
		-o-transition: opacity 0.6s;
	}
	*/

	.skills li li {
		font-size: 1.2em;
		margin-bottom:15px;
	}


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

	ul.detail-list {
		display: none;
	}
   .ftr-col-container .flex-child p, .ftr-col-container .flex-child a, .ftr-center ul.capabilities li {
      font-size: 17px;
      line-height: 25px;
   }


}
@media screen and (max-width: 700px) {
	.ftr-left .signup-form ul.signup-align li:last-child {
		height: 42px;
	}
	.ftr-left .signup-form input[type='submit'] {
		padding-left:16px;
	}
}
@media screen and (max-width: 640px) {
	.heading {
		background-size: auto 100%;
	}
	.wrapper .project-item {
		width: 50%;
	}
	#client-list .client-block {
		width: 100%;
	}
	#client-list li {
		width: 80%;
		margin: 0 auto 8px;
	}
	#client-list h2 {
		width: 80%;
		margin: 0 auto 8px;
	}
	.largequote,
	.wlp-cta h2 {
		font-size: 1.7em;
	}
	.contact h5 {
		font-size: 1.2em;
	}
	.contact p, #map-canvas p {
		font-size: 18px;
		line-height: 1.2em;
	}
	#map-canvas {
		height: 200px;
	}
	.featured.wrapper .feature.grid .news-info-container p {
 		font-size: 0.8em;
 	}
 	.work .flag.full-left, .work .flag.full-right {
 		margin: 25px auto 50px;
 		width: 95%;
	}
	.with-love {
		display: none;
	}
	.project-item-container .project-item-content {
  	 padding: 30px;
   }
   .newspage li.news-item {
		padding: 20px;
	}
	.logo-feed ul li {
		width: 100%;
		margin: 10px auto;
	}

}

@media screen and (max-width: 480px) {
	.featured.wrapper .feature hr {
		margin: 18px 0;
	}
	.featured.wrapper .feature .info-container {
		padding: 0;
	}
	.featured.wrapper .feature .news-info-container .info-container {
		padding: 20px;
	}
	.info-mask {
		display: none;
	}
	.mobile-message {
		display: block;
	}
	.news-link-box {
		display: block;
	}
	ul.main-circles {
    width: 400px;
	}
	ul.main-circles li{
		width: 45%;
		border-radius: 500px;
		padding: 65px 25px;
		font-size: 17px;
		line-height: 22px;
	}
	ul.main-circles li:first-child {
		z-index: 101;
	}
	ul.main-circles li:nth-child(2) {
		z-index: 102;
		margin-left: -25px;
	}
	ul.main-circles li:nth-child(3) {
		z-index: 103;
		margin-top: -25px;
		padding: 78px 25px;
	}
	ul.main-circles li:nth-child(4) {
		z-index: 104;
		margin-top: -25px;
		margin-left: -25px;
		padding: 78px 25px;
	}
	.capabilities-diagram .monderer-logo {
		left: 40%;
		top: 38%;
	}
	.capabilities-feed ul li p {
		font-size: 1em;
	}
	.container-lg {
  	max-width: 90%;
	}
}
@media screen and (max-width: 415px) {
	ul.main-circles {
    width: 340px;
	}
	ul.main-circles li{
		width: 45%;
		border-radius: 500px;
		padding: 55px 25px;
		font-size: 14px;
	}
	ul.main-circles li:first-child {
		z-index: 101;
	}
	ul.main-circles li:nth-child(2) {
		z-index: 102;
		margin-left: -20px;
	}
	ul.main-circles li:nth-child(3) {
		z-index: 103;
		margin-top: -20px;
		padding: 66px 25px;
	}
	ul.main-circles li:nth-child(4) {
		z-index: 104;
		margin-top: -20px;
		margin-left: -20px;
		padding: 66px 25px;
	}
	.capabilities-diagram .monderer-logo {
		left: 40%;
		top: 38%;
		width: 70px;
		height: 70px;
	}
	.monderer-logo img {
		width: 47px;
		height: 47px;
	}
	.capabilities-diagram h2 {
		margin-bottom: 40px;
	}
	.capabilities-diagram {
		margin-bottom: 50px;
	}
	.ftr-left .signup-form input[type='submit'] {
		margin: -11px 0 0 0;
	}
}
@media screen and (max-width: 400px) {
	#logo {
		width: 60px;
	}
	.container-lg {
  	max-width: 90%;
	}
	/*.skills li li {
		font-size: 1.3em;
	}*/
	#client-list .client-block {
		width: 100%;
	}
	.wrapper .project-item {
		width: 100%;
	}
	#map-canvas {
		height: 200px;
	}
	.largequote p {
	  font-size: 0.85em;
	}
	.largequote p small.blue {
		font-size: 23.12px !important;
	}
	.featured.wrapper .feature hr {
		margin: 12px 0;
	}
	.wlp-cta {
		padding: 40px 0;
	}
	.capabilities-feed ul li p {
		font-size: 1em;
	}
}
@media screen and (max-width:359px) {
	ul.main-circles {
   	width: 310px;
	}
	ul.main-circles li{
		width: 45%;
		border-radius: 500px;
		padding: 49px 15px;
		font-size: 13px;
		line-height: 21px;
	}
	ul.main-circles li:first-child {
		z-index: 101;
	}
	ul.main-circles li:nth-child(2) {
		z-index: 102;
		margin-left: -20px;
	}
	ul.main-circles li:nth-child(3) {
		z-index: 103;
		margin-top: -20px;
		padding: 59px 25px;
	}
	ul.main-circles li:nth-child(4) {
		z-index: 104;
		margin-top: -20px;
		margin-left: -20px;
		padding: 59px 25px;
	}
	.capabilities-diagram .monderer-logo {
		left: 40.25%;
		top: 38.5%;
		width: 60px;
		height: 60px;
		padding: 10px;
	}
	.monderer-logo img {
		width: 42px;
		height: 42px;
	}
	.capabilities-diagram h2 {
		margin-bottom: 40px;
	}
	.capabilities-diagram {
		margin-bottom: 50px;
	}
}