/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */

/*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/

/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */

html {
	color: #222;
	font-size: 1em;
	line-height: 1.4;
}

/*
* Remove text-shadow in selection highlight:
* https://twitter.com/miketaylr/status/12228805301
*
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

/*
* A better looking default horizontal rule
*/

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

/*
* Remove the gap between audio, canvas, iframes,
* images, videos and the bottom of their containers:
* https://github.com/h5bp/html5-boilerplate/issues/440
*/

audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: middle;
}

/*
* Remove default fieldset styles.
*/

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/*
* Allow only vertical resizing of textareas.
*/

textarea {
	resize: vertical;
}

/* ==========================================================================
Browser Upgrade Prompt
========================================================================== */

.browserupgrade {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}

/* ==========================================================================
Author's custom styles
========================================================================== */
@font-face {
	font-family: "Raleway Extra Light";
	src: url('../fonts/raleway-extralight-webfont.woff2') format('woff2'),
		url('../fonts/raleway-extralight-webfont.woff') format('woff');
}
@font-face {
	font-family: "Raleway Light";
	src: url('../fonts/raleway-light-webfont.woff2') format('woff2'),
		 url('../fonts/raleway-light-webfont.woff') format('woff');
}
@font-face {
	font-family: "Raleway Light Italic";
	src: url('../fonts/raleway-lightitalic-webfont.woff2') format('woff2'),
		 url('../fonts/raleway-lightitalic-webfont.woff') format('woff'),
		 url('../fonts/raleway-lightitalic-webfont.ttf') format('truetype');
}
@font-face {
	font-family: "Raleway Regular";
	src: url('../fonts/raleway-regular-webfont.woff2') format('woff2'),
		 url('../fonts/raleway-regular-webfont.woff') format('woff'),
		 url('../fonts/raleway-regular-webfont.ttf') format('truetype');
}
@font-face {
	font-family: "Raleway Italic";
	src: url('../fonts/raleway-italic-webfont.woff2') format('woff2'),
		 url('../fonts/raleway-italic-webfont.woff') format('woff'),
		 url('../fonts/raleway-italic-webfont.ttf') format('truetype');
}
@font-face {
	font-family: "Raleway Bold";
	src: url('../fonts/raleway-bold-webfont.woff2') format('woff2'),
		 url('../fonts/raleway-bold-webfont.woff') format('woff');
}
@font-face {
	font-family: "Raleway Black";
	src: url('../fonts/raleway-black-webfont.woff2') format('woff2'),
		 url('../fonts/raleway-black-webfont.woff') format('woff'),
		 url('../fonts/raleway-black-webfont.ttf') format('truetype');
}


::selection {
  color: #fff;
  background: rgba(82, 92, 102, 1); /* WebKit/Blink Browsers */
}
::-moz-selection {
  color: #fff;
  background: rgba(82, 92, 102, 1); /* Gecko Browsers */
}
body {
	background: none;
	font-family: "Raleway Light", "Arial", "Helvetica", sans-serif;
	font-size: 16px;
	color: #333333;
	-moz-font-feature-settings: 'tnum';
	-webkit-font-feature-settings: 'tnum';
	font-feature-settings: 'tnum';
	font-variant-numeric: lining-nums;

	background: #fcfcfc;
	/*background-image: repeating-linear-gradient(0, #282f33, #282f33),
						repeating-linear-gradient(0, #525c66, #525c66),
						repeating-linear-gradient(0, #eff1f4, #eff1f4),
						repeating-linear-gradient(0, #525c66, #525c66),
						repeating-linear-gradient(0, #eff1f4, #eff1f4),
						repeating-linear-gradient(0, #ffffff, #ffffff);
	background-size: 100% 0, 100% 0, 100% 0, 100% 0, 100% 0, 100% 0; 
	background-position: left top;
	background-repeat: no-repeat*/;
}
body:not(.custom-background-image):before,
body:not(.custom-background-image):after {
	content: none;
}
.site-main {
	margin: 0;
}
#page {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
section {
	position: relative;
	outline: none;
}
h1, h2, h3, h4, h5, h6 {
	clear: none;
}
section h2,
article h2,
.entry-header h2,
.page-header h2 {
	position: relative;
	max-width: 1000px;
	margin: 0 auto;
	padding: 45px 20px 25px;
	font-family: "Raleway Black", Arial, Helvetica, sans-serif;
	font-size: 2.5em;
	letter-spacing: 7px;
	line-height: 1.25;
	text-transform: uppercase;
	color: #fff;
	word-spacing: 10px;
}
.entry-header h2 {
	letter-spacing: 0px;
	word-spacing: 5px;
	color: #282f33;
}
.page-content h3,
.entry-content h3 {
	margin: 30px 0 10px;
}
.page-content ul,
.entry-content ul {
	position: relative;
}
.page-content img {
	margin: 0;
	padding: 0;
}
ul,
ol {
	margin: 0;
	padding-left: 25px;
}
p,
ul,
ol {
	margin-bottom: 20px;
}
blockquote {
	margin-bottom: 20px;
    border: 0 solid #282f33;
    border-left-width: 4px;
}
a {
	color: #FF6E49;
	transition: opacity .25s, color .25s;
}
a:hover,
a:focus,
a:active,
.entry-footer a:hover,
.entry-footer a:focus {
	color: #FF6E49;
	opacity: .5;
}
button {
	background-color: #525c66;
}
a,
button {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	opacity: .8;
	background-color: #525c66;
	transition: .25s;
}
input[type="date"]:focus,
input[type="time"]:focus,
input[type="datetime-local"]:focus,
input[type="week"]:focus,
input[type="month"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus {
	background-color: #eff1f4;
}
strong,
b {
	font-family: "Raleway Bold", "Arial", "Helvetica", sans-serif;
}
em {
	/*font-family: "Raleway Light Italic", "Arial", "Helvetica", sans-serif;*/
}
.wrapper {
	max-width: 960px;
	margin: 0 auto;
}
.clear {
	clear: both;
}
.site-main > :last-child {
	margin-bottom: 70px;
}
.home .site-main > :last-child {
	margin-bottom: 0;
}
.posted-on,
.cat-links {
	display: block;
}

/* Header */
header {
	position: relative;
}
.site-header {
	padding: 0;
	background-color: #282f33;
}
#header-image {
	position: relative;
	max-width: 1920px;
	/*height: 800px;*/ /* Un-comment me. */
	margin: 0 auto;
}
.site-branding {
	width: 100%;
	margin: 0;
	padding-top: 30px;
}
.site-branding a {
	display: block;
	position: relative;
	max-width: calc(960px + 2 * 1.25em);
	margin: 0 auto;
	padding: 0 1.25em;
}
.site-branding a:hover,
.site-branding a:focus,
.site-branding a:active {
	opacity: 1;
}
.site-branding .site-title {
	display: inline-block;
	margin: 0;
	font-family: "Raleway Light", Arial, Helvetica, sans-serif;
	font-size: 1.85em;
	font-weight: 300;
	line-height: 1.1;
	color: #fff;
}
.site-branding .bigger {
	display: inline-block;
	margin: 0;
	font-family: "Raleway Black", Arial, Helvetica, sans-serif;
	font-size: 2.25em;
	font-weight: 900;
	line-height: 1.2;
	color: #fff;
}
.site-header-menu {
	width: 100%;
	margin: 0 auto;
}
.menu-toggle,
.menu-toggle:hover,
.menu-toggle:focus {
	color: #fff;
	border: none;
	outline: none;
}
.menu-toggle.toggled-on,
.menu-toggle.toggled-on:hover,
.menu-toggle.toggled-on:focus {
	background-color: transparent;
	border: none;
	outline: none;
}
.main-navigation {
	max-width: calc(960px + 2 * 1.25em);
	margin: 0 auto;
}
.main-navigation .primary-menu a {
	padding: 0.625em; /* 10px */
	font-family: "Raleway Extra Light", Arial, Helvetica, sans-serif;
	font-size: 1.3125em;
	font-weight: 300;
	color: #fff;
	outline: none;
}

.main-navigation .primary-menu a:hover,
.main-navigation .primary-menu a:focus,
.main-navigation .primary-menu a:active {
	opacity: 1;
}
.main-navigation .primary-menu li:first-of-type a {
	padding-left: 1.05em; /* 20px */
}
.main-navigation .primary-menu a:focus {
	outline: none;
}
.main-navigation li:hover > a,
.main-navigation li.focus > a,
.main-navigation .primary-menu a:hover {
	color: #FF6E49;
}
.main-navigation .primary-menu {
	margin-top: 8px;
	padding-left: 0;
	border-bottom: 1px solid #282f33;
}
.main-navigation li {
	border-top: 1px solid #525c66;
}

.menu-toggle {
	margin: 0;
	margin-bottom: 8px;
	padding: 21px;
	background-color: transparent;
}
.icon-bar {
	position: relative;
	background-color: #fff;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.menu-toggle .icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
}
.menu-toggle .icon-bar + .icon-bar {
	margin-top: 4px;
}
.menu-toggled .icon-bar.one {
	top: 6px;
	transform: rotate(45deg);
}
.menu-toggled .icon-bar.two {
	opacity: 0;
}
.menu-toggled .icon-bar.three {
	top: -6px;
	transform: rotate(-45deg);
}

.main-navigation li:hover > ul,
.main-navigation li.focus > ul {
	left: 0;
	right: auto;
}
.main-navigation .menu-item-has-children > a:after {
	content: none;
}
.sub-menu {
	padding: 0;
	border: none !important;
}
.sub-menu:before,
.sub-menu:after {
	content: none !important;
}
.sub-menu li {
	border: none !important;
	background-color: #282f33 !important;
}
.sub-menu a {
	padding: 1em !important;
	font-size: 1em !important;
	color: #fff;
}

.dropdown-toggle {
	width: 54px;
	height: 54px;
}
.dropdown-toggle:after {
	border: none;
}
.dropdown-toggle,
.dropdown-toggle:hover,
.dropdown-toggle:focus {
	color: #fff;
	outline: none;
}

#to_top {
	position: fixed;
	width: 50px;
	height: 50px;
	right: 70px;
	bottom: 70px;
	border-radius: 0;
	color: #fff;
	background-color: #FF6E49;
	mix-blend-mode: multiply;
	z-index: 3;
	opacity: 0;
	transition: opacity .35s linear;
	outline: none;
}
#to_top:after {
	content: "";
	position: absolute;
	height: 20px;
	width: 20px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -20%) rotate(45deg);
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
}
#to_top.mid-scroll {
	opacity: 1;
}

/* Footer */
footer {
	max-width: 960px;
	margin: 0 auto;
	padding: 0;
}
footer .site-title {
	font-size: 1em;
}
.site-info .proudly {
	float: right;
}
.site-info a:hover,
.site-info a:focus {
	color: #FF6E49;
}
.site-info br {
	display: none;
}

/*
	Home Page
	Team section
*/
#the_team {
	background: linear-gradient(to bottom, #525c66 0%, #525c66 66.666%, #fcfcfc 33.333%, #fcfcfc 100%);
}
#the_team .member,
#the_team .motto {
	position: relative;
	float: left;
	width: 25%;
	height: auto;
	overflow: hidden;
}
#the_team .member a:hover {
	color: #fff;
}
#the_team .member img,
#the_team .motto img {
	width: 100%;
}
#the_team .member .excerpt {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 40px 30px;
	background-color: #9ea7af; /* #B5B5B5 */
}
#the_team .motto {
	background-color: #525c66;
}

/* The animation */
.member.with-img .excerpt,
.member.with-img .wp-post-image {
	transition: transform .35s ease-in-out;
}
.member.with-img .wp-post-image {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.member.with-img .excerpt {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}
.member.with-img .wp-post-image.slide {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}
.member.with-img .excerpt.slide {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
/* --- */

#the_team .member .excerpt h3 {
	margin: 0;
	margin-bottom: 30px;
	font-family: "Raleway Bold", Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	line-height: 1.25;
	color: #fff;
}
#the_team .member .excerpt p {
	margin: 0;
	margin-top: 20px;
	line-height: 1.5;
	color: #fff;
}
#the_team .member .excerpt em p {
	font-size: 1.1em;
}
#the_team .member .excerpt a:hover {
	opacity: 1;
}
#the_team .member .excerpt .read-more {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 40px 30px;

	background: -moz-linear-gradient(top, rgba(158,167,175,0) 0%, rgba(158,167,175,0) 65%, rgba(158,167,175,1) 85%, rgba(158,167,175,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(158,167,175,0) 0%,rgba(158,167,175,0) 65%,rgba(158,167,175,1) 85%,rgba(158,167,175,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(158,167,175,0) 0%,rgba(158,167,175,0) 65%,rgba(158,167,175,1) 85%,rgba(158,167,175,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
#the_team .member .excerpt .read-more span {
	position: relative;
	top: calc(100% - 1em);
	font-family: "Raleway Regular", Arial, Helvetica, sans-serif;
	font-weight: 400;
	line-height: 1;
	color: #fff;
}

#the_team .motto p {
	position: absolute;
	width: calc(100% - 100px);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0;
	font-family: "Raleway Extra Light", Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	line-height: 1.35;
	text-align: center;
	color: #fff;
}
#the_team #motto_two {
	background-color: #525c66;
}

/*
	Home Page
	Expertise
*/
#expertise {
	background-color: #fcfcfc;
}
#expertise h2 {
	color: #525c66;
}
#expertise .wrapper {
	max-width: 1160px;
	margin-bottom: 30px;
	padding: 0 20px;
}
#expertise #intro {
	max-width: 960px;
	margin: 0 auto;
	margin-bottom: 30px;
	font-family: "Raleway Extra Light", Arial, Helvetica, sans-serif;
	font-size: 1.75em;
	line-height: 1.25;
}
#expertise .expertises-columns {
	float: left;
	max-width: 50%;
}
#expertise #left_column {
	padding-left: 0;
	padding-right: 25px;
}
#expertise #right_column {
	padding-left: 25px;
}
#expertise .single-expertise {
	position: relative;
	cursor: pointer;
}
#expertise .single-expertise h3 {
	margin: 0;
	margin-bottom: 10px;
	font-family: "Raleway Regular", Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: 400;
	line-height: 1.25;
}
#expertise .single-expertise p {
	height: 8em;
	line-height: 1.6em;
	overflow: hidden;
}
#expertise .single-expertise .curtain {
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	pointer-events: none;
	transition: opacity .35s;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfcfc+0,fcfcfc+100&0+0,1+100 */
	background: -moz-linear-gradient(top, rgba(252, 252, 252, 0) 0%, rgba(252, 252, 252, 1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(252, 252, 252, 0) 0%,rgba(252, 252, 252, 1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(252, 252, 252, 0) 0%,rgba(252, 252, 252, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fcfcfc', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-9 */
}
#expertise .single-expertise button {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0;
	color: #FF6E49;
	background-color: transparent;
	pointer-events: none;
	transition: opacity .35s .35s;
	text-shadow: 0 0 10px rgba(252, 252, 252, 1);
}
#expertise .single-expertise button:hover {
	opacity: .5;
	transition: opacity .25s;
}
#expertise .single-expertise button:focus {
	outline: none;
}
#expertise .single-expertise .hide {
	opacity: 0;
	transition: opacity .35s;
}
#expertise figure {
	height: 600px;
	margin: 0;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top -60px;
}

/*
	Home Page
	Career
*/
#career {
	background-color: #525c66;
}
#career .full-width-wrapper {
	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-wrap: wrap;
}
#career figure {
	position: relative;
	width: 50%;
	min-height: 400px;
	margin: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right center;
}
#career figcaption {
	position: absolute;
	max-width: 480px;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	padding-right: 50px;
	font-size: 2.25em;
	line-height: 1.2;
	text-align: right;
	color: #fff;
	z-index: 4;
}
#career figcaption strong {
	font-family: "Raleway Bold", Arial, Helvetica, sans-serif;
}
#career #text-wrapper {
	float: left;
	width: 50%;
	padding: 20px 50px;
	background-color: #fcfcfc;
	color: #333;
}

/*
	Home Page
	Contact us
*/
#contact_us {
	background-color: #eff1f4;
}
#contact_us .wrapper {
	margin-bottom: 20px;
}
#contact_us .column {
	float: left;
	width: calc(32.8% - 30px);
	margin: 0 15px;
}
#contact_us .column:nth-of-type(3n-2) {
	margin-left: 0;
}
#contact_us .column:nth-of-type(3n) {
	margin-right: 0;
}
#contact_us h2 {
	color: #525c66;
}
#contact_us h3 {
	margin: 0;
	margin-bottom: 20px;
	font-size: 1.5em;
	font-weight: 300;
	line-height: 1.18;
}
#contact_us .column:first-of-type h3 {
	color: #333;
}
#contact_us h3 span {
	font-size: 0.6666666666666666em;
	color: #333333;
	opacity: .6;
}
#contact_us p {
	margin-bottom: 30px;
	color: #333;
}
#contact_us #map {
	width: 100%;
	height: 400px;
}



.post .entry-content h1,
.page-content h1,
.post .entry-content h2,
.page-content h2,
.post .entry-content h3,
.page-content h3,
.post .entry-content h4,
.page-content h4,
.post .entry-content h5,
.page-content h5,
.post .entry-content h6,
.page-content h6,
.comment-reply-title,
.comments-title,
.comment-reply-title {
	margin: 20px 0;
	padding: 0;
	font-family: "Raleway Bold", Arial, Helvetica, sans-serif;
	text-transform: none;
	letter-spacing: initial;
	line-height: 1.25;
	color: #282f33;
}
.post .entry-content h1,
.page-content h1 {
	margin-top: 45px;
	margin-bottom: 30px;
	font-size: 2.5em;
}
.post .entry-content h2,
.page-content h2,
.static-page .page-content h2 {
	margin-top: 40px;
	font-size: 2.25em;
}
.post .entry-content h3,
.page-content h3,
.static-page .page-content h3,
.comment-reply-title,
.comments-title,
.comment-reply-title {
	margin-top: 35px;
	font-size: 1.75em;
}
.post .entry-content h4,
.page-content h4,
.static-page .page-content h4 {
	margin-top: 30px;
	font-size: 1.5em;
}
.post .entry-content h5,
.page-content h5,
.static-page .page-content h5 {
	font-size: 1.25em;
	font-weight: bold;

}
.post .entry-content h6,
.page-content h6,
.static-page .page-content h6 {
	font-size: 1.25em;
	font-style: normal;
}
.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6 {
	margin-bottom: 0;
}
.post .entry-content p,
.post .entry-content ul,
.post .entry-content ol,
.static-page .page-content p,
.static-page .page-content ul,
.static-page .page-content ol {
	max-width: 720px;
	font-family: "Raleway Regular", "Arial", "Helvetica", sans-serif;
	font-size: 1.1875rem;
	line-height: 1.65;
}
.post .entry-content li,
.static-page .page-content li {
	padding-top: 10px;
}
.post .entry-content li p,
.static-page .page-content li p {
	padding-top: 10px;
}
.post .entry-content ol.a,
.static-page .page-content ol.a {
	list-style-type: lower-alpha;
}
.post .entry-content ol.r,
.static-page .page-content ol.r {
	list-style-type: upper-roman;
}



/*
	Single Member
*/
.page-content,
.no-sidebar .page-content {
	max-width: 960px;
	margin: 0 auto;
	background-color: #fcfcfc;
	overflow: hidden;
}
.page-header {
	margin: 0 !important;
	background-color: #525c66;
}
.post-thumbnail {
	max-width: 480px;
	margin: 30px 20px 20px 0;
}
article.member {
	background: #fcfcfc;
	background-image: repeating-linear-gradient(0, #525c66, #525c66), repeating-linear-gradient(0, #eff1f4, #eff1f4);
	background-size: 51% 0, 40% 0; /* 148 + 480 */
	background-position: left top;
	background-repeat: no-repeat;
}
.page-content p {
	padding-top: 20px;
}
.page-content p,
.page-content ul,
.page-content ol {
	margin-bottom: 0;
	font-family: "Raleway Regular", "Arial", "Helvetica", sans-serif;
	background-color: #fcfcfc;
}
.member .page-content > *:not(aside) {
	float: right;
	width: 66.66%;
	font-size: 1.125em;
}
.member .page-content p:first-of-type {
	float: none;
	width: 100%;
	padding-top: 0;
}
.member .page-content aside {
	display: inline-block;
	width: calc(33.33% - 20px);
	margin-right: 20px;
	padding-top: 4px;
	padding-right: 20px;
	background-color: #eff1f4;
}
.member .page-content aside p {
	width: 100% !important;	
	/*font-family: "Raleway Light Italic", "Arial", "Helvetica", sans-serif;*/
	font-style: italic;
	text-align: right;
	background-color: #eff1f4;
}
.member .page-content aside p:first-of-type {
	padding-top: 20px;
}
.member .page-content aside p:last-of-type {
	padding-bottom: 20px;
}
.page .entry-footer {
	float: none !important;
	width: auto !important;
	max-width: 960px !important;
	margin: 0 auto !important;
	text-align: right;
}


/*
	News
*/
.page-header {
	margin: 0 !important;
	padding: 0 !important;
	background-color: #525c66;
	border: none;
}
.post-header > a {
	display: inline-block;
}
.featured-post {
	background: linear-gradient(to right, #525c66 0%, #525c66 50%, #fff 50%, #fff 100%);
}
.featured-post a:hover,
.featured-post a:focus,
.featured-post a:active {
	color: #fff;
}
.featured-post .articles {
	float: none;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 20px;
	background-color: #525c66;
}
.featured-post .articles h3 {	
	color: #fff;
}
.featured-post .post-summary p {
	font-size: 1.3125em;
	color: #fff;
}
.featured-post .posted-on {
	color: #fff;
}
.featured-post .read-more {
	margin-bottom: 20px;
	font-size: 1.125em;
}
.featured-post .post-excerpt .post-thumbnail {
	margin-right: 20px;
	margin-bottom: 40px;
}
#posts-grid {
	max-width: 1040px;
	margin: 0 auto;
	padding-left: 40px;
	box-sizing: border-box;
}
.articles {
	max-width: calc(50% - 60px);
}
.grid-item {
	margin-right: 40px;
	margin-top: 40px;
}
.articles h3 {
	font-family: "Raleway Bold", "Arial", "Helvetica", sans-serif;
	font-size: 1.75em;
	margin: 0;
}
.articles span {
	margin: 0 !important;
}
.articles .read-more {
	display: inline-block;
	float: right;
}
.articles .read-more:after {
	content: " >";
}
.post-summary {
	margin: 20px 0 !important;
}
.post-summary p {
	line-height: 1.5;
}
.navigation.pagination {
	max-width: 970px;
	min-height: auto;
	margin: 40px auto 0;
	border: none;
}
.pagination .nav-links:after,
.pagination .nav-links:before,
.pagination .next:before,
.pagination .prev:before,
.pagination:before,
.pagination:after {
	content: none;
}
.pagination .page-numbers,
.pagination .prev,
.pagination .next {
	position: relative;
	width: auto;
	height: auto;
	top: 0;
	left: 0;
	bottom: auto;
	right: auto;
	margin: 0;
	padding: 10px 10px;
	color: inherit;
	background: none;
	overflow: visible;	
}
.pagination .prev:hover,
.pagination .prev:focus,
.pagination .next:hover,
.pagination .next:focus,
.pagination a:hover,
.pagination a:focus {
	color: #FF6E49;
	background: none;
	transition: .25s;
}
.search-form {
	max-width: 960px;
	min-height: auto;
	margin: 20px auto 0;
	border: none;
}
input[type="search"].search-field {
	max-width: calc(50% - 82px);
	background-color: #eff1f4;
	border: none;
	border-radius: 0;
}
.search-submit {
	position: absolute;
	right: auto;
	border: none;
	border-radius: 0;
}
.search-submit:before {
	color: #fff;
}

.not-found p:first-of-type {
	padding-top: 20px;
}
.not-found .page-content > *:not(aside) {
	float: none;
	width: auto;
}

/*
	Search
*/
.post-excerpt .post-thumbnail {
	margin: 0;
    margin-bottom: 20px;
}


/*
	Single post
*/
article.post {
	margin-bottom: 40px;
}
.entry-header {
	margin: 0;
	/*background-color: #525c66;*/
}
.post .entry-content,
.post .entry-footer {
	max-width: 1000px !important;
	padding: 0 20px !important;
	float: none !important;
	width: auto !important;
	margin: 0 auto !important;
}
.post .entry-content p {
	padding: 0;
}
.post .entry-content p:first-of-type {
	/*margin-top: 20px;*/
}
.comments-area {
	max-width: 1000px;
	margin: 0 auto 40px !important;
	padding: 0 20px;
}
.comment-list {
	padding: 0;
}
.comment-list p {
	line-height: 1.6;
}
.comments-title,
.comment-reply-title,
.post-navigation,
.post-navigation div + div {
	border: none;
}
.post .entry-footer {
	margin-top: 40px !important;
}
.comment-reply-title {
	margin-top: 0;
}
.comment-form {
	padding: 0;
	margin-top: 20px;
}
.comment-form textarea,
.comment-form input {
	background-color: #f5f5f5;
	border: none;
	border-radius: 0;
}
.comment-form .submit {
	background-color: #525c66;
}
.post-navigation a .post-title {
	color: #FF6E49;
}
.post-navigation a:hover,
.post-navigation a:focus {
	opacity: 1;
}
.required,
.post-navigation a:hover .post-title,
.post-navigation a:focus .post-title {
	color: #FF6E49;
	opacity: .5;
}
.post-navigation a:hover .meta-nav,
.post-navigation a:focus .meta-nav {
	opacity: 1;
}
.post-navigation {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 20px;
}
.nav-links div {
	display: inline-block;
	margin-right: 40px;
}
.nav-links div a {
	padding: 0;
}
.post-navigation .meta-nav {
	margin-bottom: 0;
}
.entry-footer,
.comment-form label,
.nav-links .meta-nav {
	font-family: "Raleway Light", "Arial", "Helvetica", sans-serif;
}
.nav-links .post-title {
	font-family: "Raleway Black", "Arial", "Helvetica", sans-serif;
}
.comment-reply-link {
	margin: 0;
	font-family: "Raleway Light", "Arial", "Helvetica", sans-serif;
	color: #fff;
	background-color: #525c66;
	border: none;
	border-radius: 0;
}
.comment-reply-link:hover,
.comment-reply-link:focus {
	color: #fff;
	opacity: .8;
}
.comment {
	margin-bottom: 30px;
}
.comment-list .children {
	margin-top: 20px;
}
.comment-respond,
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
	padding: 0 !important;
	margin-top: 30px;
}

/*
	2k+ version
*/
@media screen and (min-width: 3100px) {
	body {
		font-size: 24px;
	}
	.page-content,
	.wrapper,
	#expertise #intro,
	.no-sidebar .page-content,
	footer {
		max-width: 1600;
	}
	#expertise .wrapper {
		max-width: 2000px;
	}
	.site-branding a,
	.main-navigation {
		max-width: calc(1600 + 2 * 1.25em);
	}
	section h2,
	article h2,
	.entry-header h2,
	.page-header h2 {
		max-width: 1640px;
	}
	.page .entry-footer {
		max-width: 1600 !important;
	}
}
@media screen and (min-width: 2400px) {
	body {
		font-size: 18px;
	}
	.page-content,
	.wrapper,
	#expertise #intro,
	.no-sidebar .page-content,
	footer {
		max-width: 1200px;
	}
	#expertise .wrapper {
		max-width: 1600px;
	}
	.site-branding a,
	.main-navigation {
		max-width: calc(1200px + 2 * 1.25em);
	}
	section h2,
	article h2,
	.entry-header h2,
	.page-header h2 {
		max-width: 1240px;
	}
	.page .entry-footer {
		max-width: 1200px !important;
	}
}

/*
	Mobile version
*/

/* Header */
@media screen and (max-width: 1200px) {
	#header-image {
		/*height: 500px;*/
	}
	.site-branding .bigger {
		font-size: 2.75em;
		line-height: 1;
	}
}
@media screen and (max-width: 920px) {
	.site-branding {
		padding-top: 15px;
	}
}
@media screen and (max-width: 910px) {
	.site-header-menu {
		top: 0;
		height: initial;
	}
	.main-navigation {
		transform: none;
	}	
	.main-navigation .primary-menu li a {
		padding-left: 1.05em; /* 20px */
	}
}
@media screen and (max-width: 740px) {
	section h2,
	article h2,
	h2.entry-title,
	h2.page-title {
		padding-top: 50px;
		padding-bottom: 30px;
		font-size: 2em;
	}

	.site-branding .site-title,
	.site-branding .bigger {
		font-size: 2em;
	}
}
@media screen and (max-width: 680px) {
	#header-image {
		/*height: 400px;*/
	}
}
@media screen and (max-width: 560px) {
	#header-image {
		/*height: 300px;*/
	}
	.site-branding .site-title,
	.site-branding .bigger {
		font-size: 1.5em;
	}
}
@media screen and (max-width: 400px) {
	#header-image {
		/*height: 200px;*/
	}
	.site-branding .site-title,
	.site-branding .bigger {
		font-size: 1.25em;
	}
}

/* content */
@media screen and (max-width: 1400px) {
	#the_team .member .excerpt,
	#the_team .member .excerpt .read-more {
		padding: 30px 20px;
	}
	#the_team .member .excerpt h3 {
		margin-bottom: 20px;
	}
	#the_team .member .excerpt p {
		line-height: 1.4;
	}
	#the_team .member .excerpt em p {
		font-size: 1em;
		letter-spacing: 0;
	}
	#the_team .motto p {
		font-size: 1em;
	}
}
@media screen and (max-width: 1200px) {
	#the_team .member,
	#the_team .motto {
		width: 33.333%;
	}
	#the_team .member .excerpt,
	#the_team .member .excerpt .read-more {
		padding: 40px 30px;
	}

	#the_team .member .excerpt p {
		line-height: 1.5;
	}
	#the_team .member .excerpt em p {
		font-size: 1.1em;
		letter-spacing: 1px;
	}
	#the_team #motto_two {
		background-color: #eff1f4;
	}
	#the_team #motto_two p {
		color: #333;
	}

	#career figcaption {
		padding-right: 20px;
	}
	#career #text-wrapper {
		padding: 20px 20px;
		padding-top: 40px;
	}
}
@media screen and (max-width: 1160px) {
	#expertise #left_column {
		padding-right: 10px;
	}
	#expertise #right_column {
		padding-left: 10px;
	}
}
@media screen and (max-width: 1000px) {
	#expertise figure {
		height: 400px;
	}
}
@media screen and (max-width: 960px) {
	section h2,
	article h2,
	h2.entry-title,
	h2.page-title,
	.wrapper {
		padding-left: 20px;
		padding-right: 20px;
	}
	#to_top {
		right: 20px;
		bottom: 20px;
	}

	#the_team .member,
	#the_team .motto {
		width: 50%;
	}
	#the_team .member .excerpt,
	#the_team .member .excerpt .read-more {
		padding: 30px 20px;
	}

	#the_team .motto p {
		font-size: 1.25em;
	}
	#the_team #motto_two {
		background-color: #525c66;
	}
	#the_team #motto_two p {
		color: #fff;
	}
	#expertise figure {
		background-position: center top;
	}

	#career {
		background-color: #282f33;
	}
	#career figure {
		width: 100%;
		height: 400px;
		min-height: initial;
		order: 2;
		background-attachment: fixed;
	}
	#career #text-wrapper {
		width: 100%;
		background-color: #525c66;
		color: #fff;
		order: 1;
	}

	#contact_us .column {
		width: calc(32.8% - 20px);
		margin: 0 10px;
	}

	footer {
		padding: 0 20px;
	}
}
@media screen and (max-width: 780px) {
	.site-info br {
		display: initial;
	}
	.site-info .proudly {
		float: none;
	}
}
@media screen and (max-width: 740px) {
	section h2,
	article h2,
	h2.entry-title,
	h2.page-title {
		padding-top: 40px;
		padding-bottom: 30px;
		font-size: 2em;
		line-height: 1.1;
	}

	#the_team .member .excerpt p {
		line-height: 1.4;
	}
	#the_team .member .excerpt em p {
		font-size: 1em;
		letter-spacing: 0;
	}
	#the_team .motto p {
		font-size: 1em;
	}

	#expertise .expertises-columns {
		float: none;
		max-width: 100%;
		padding: 0 !important;
	}

	#expertise #intro,
	#expertise .item h3 {
		margin-bottom: 25px;
		font-size: 1.25em;
	}
	#expertise .item h3 {
		margin-bottom: 15px;
		font-size: 1.25em;
		line-height: 1.25;
	}
	#expertise .item p:last-of-type {
		margin-bottom: 25px;
	}
	#expertise figure,
	#career figure {
		height: 300px;
	}

	#contact_us h3 {
		font-size: 1.25em;
	}
	#contact_us p {
		line-height: 1.5;
	}
}
@media screen and (max-width: 680px) {
	#contact_us .column {
		width: 100%;
		margin: 0;
	}
	#contact_us .column p {
		margin-bottom: 40px;
	}
	#contact_us .column:nth-of-type(3n) p:last-of-type {
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 560px) {
	section h2,
	article h2,
	h2.entry-title,
	h2.page-title {
		padding-top: 30px;
		padding-bottom: 20px;
		letter-spacing: 10px;
	}
	article h2, .entry-header h2.entry-title {
		letter-spacing: 1px;
	}

	#the_team .member,
	#the_team .motto {
		width: 100%;
	}

	#the_team .member .excerpt p {
		line-height: 1.5;
	}
	#the_team .member .excerpt em p {
		font-size: 1.1em;
		letter-spacing: 1px;
	}
	#the_team .motto p {
		font-size: 1.25em;
		line-height: 1.5;
	}

	#expertise figure,
	#career figure {
		height: 200px;
	}
}
@media screen and (max-width: 420px) {
	section h2,
	article h2,
	h2.entry-title,
	h2.page-title {
		letter-spacing: 5px;
	}

	#the_team .member .excerpt p {
		line-height: 1.4;
	}
	#the_team .member .excerpt em p {
		font-size: 1em;
		letter-spacing: 0;
	}
	#the_team .member .excerpt,
	#the_team .member .excerpt .read-more {
		padding: 30px 20px;
	}
	#the_team .member .excerpt h3 {
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 380px) {
	#the_team .motto p {
		font-size: 1em;
	}
}

/* Articles */
@media screen and (max-width: 740px) {
	.articles h3 {
		font-size: 1.75em;
	}
	.featured-post .post-summary p {
		font-size: 1.125em;
	}
}

/* Single member */
@media screen and (max-width: 960px) {
	.page-content p,
	.entry-content p,
	.page-content h1,
	.page-content h2,
	.page-content h3,
	.page-content h4,
	.page-content h5,
	.page-content h6 {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.page-content > *:not(aside) {
		font-size: 1em;
	}
	.page-content p:first-of-type {
		margin-top: 20px;
	}
	.page-content ul,	
	.page-content ol {
		padding-left: 45px;
		padding-right: 45px;
	}

	.page-content aside {
		margin-left: 20px;
		margin-right: 0;
		padding-right: 0;
	}
	.page-content aside p {
		line-height: 1.55;
	}
	.page-content aside p:first-of-type {
		margin-top: 0;
	}
}
@media screen and (max-width: 740px) {
	.page-content > * {
		float: none !important;
		width: 100% !important;
	}

	.member .page-content aside {
		width: calc(100% - 40px) !important;
		margin-top: 20px;
	}
	.member .page-content aside p {
		text-align: initial;
		line-height: 1.7;
	}
}
@media screen and (max-width: 420px) {
	.post-thumbnail {
		width: 100%;
		margin-bottom: 20px;
	}

	.page-content p {
		line-height: 1.6;
	}
	.page-content aside p {
		text-align: initial;
		line-height: 1.5;
	}
}

/* Posts */
@media screen and (max-width: 960px) {
	#posts-grid {
		max-width: 100%;
		padding: 0 20px;
		margin: 0;
	}
	.navigation.pagination,
	.search-form {
		padding: 0 20px;
	}
	.featured-post .post-excerpt .post-thumbnail {
		margin-bottom: 20px;
	}

	.post .entry-content p {
		font-size: 1em;
	}
}
@media screen and (max-width: 680px) {
	.articles {
		max-width: 100%;
	}
	input[type="search"].search-field {
		max-width: calc(100% - 62px);
	}
}

/* Cookie Plug-in */
#cookie-notice {
	background-color: rgb(40, 47, 51, .95) !important;
}
.cookie-notice-container {
	max-width: 1000px;
	margin: 0 auto;
	padding: 10px 20px;
	text-align: left;
}
.cn-button.bootstrap {
	margin: 0;
	margin-left: 10px;
	padding: 0;
	vertical-align: initial;
	line-height: inherit;
	text-decoration: underline;
	color: #FF6E49;
	background: none;
	border: none;
	box-shadow: none;
	text-shadow: none;
	transition: opacity .2s;
}
.cn-button.bootstrap:hover {
	color: #FF6E49;
	opacity: .5;
	background: none;
}

.cookie-notice-revoke-container {
	width: initial;
	right: 45px;
	bottom: 5px;
}
.cookie-notice-revoke-container .cn-button.bootstrap {
	display: block;
	margin: 0;
	padding: .5rem;
	border-radius: 0;
	background-color: rgb(255, 255, 255, .75) !important;
	text-decoration: none;
}
.cookie-notice-revoke-container .cn-button.bootstrap:hover {
	opacity: 1;
	text-decoration: underline;
}




/* ==========================================================================
Dynamically controlled elements
========================================================================== */

/* Contacts */
.error_message {
	display: none;
}

/* ==========================================================================
Helper classes
========================================================================== */

/*
* Hide visually and from screen readers
*/

.hidden {
	display: none !important;
}

/*
* Hide only visually, but have it available for screen readers:
* http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*/

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	width: 0 !important;
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
}

/*
* Extends the .visuallyhidden class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

/*
* Hide visually and from screen readers, but maintain layout
*/

.invisible {
	visibility: hidden;
}

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    `contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/

.clearfix:before,
.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clearfix:after {
	clear: both;
}

/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */

@media only screen and (min-width: 35em) {
	/* Style adjustments for viewports that meet the condition */
}

@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 1.25dppx),
(min-resolution: 120dpi) {
	/* Style adjustments for high resolution devices */
}

/* ==========================================================================
Print styles.
Inlined to avoid the additional HTTP request:
http://www.phpied.com/delay-loading-your-print-css/
========================================================================== */

@media print {
	*,
	*:before,
	*:after,
	*:first-letter,
	*:first-line {
		background: transparent !important;
		color: #000 !important; /* Black prints faster:
		http://www.sanbeiji.com/archives/953 */
		box-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " (" attr(href) ")";
	}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	/*
	* Don't show links that are fragment identifiers,
	* or use the `javascript:` pseudo protocol
	*/

	a[href^="#"]:after,
	a[href^="javascript:"]:after {
		content: "";
	}

	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	/*
	* Printing Tables:
	* http://css-discuss.incutio.com/wiki/Printing_Tables
	*/

	thead {
		display: table-header-group;
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}