@-webkit-viewport {
	width: device-width;
	zoom: 1.0;
}
@-moz-viewport {
	width: device-width;
	zoom: 1.0;
}
@-ms-viewport {
	width: device-width;
	zoom: 1.0;
}
@viewport {
	width: device-width;
	zoom: 1.0;
}

/* ------------------------------------------------------
   Variables for easy find and replace


	$link:					#e85505;
	$link-hover:			#ae550d;

	$second-bg-color: #F6F6F6;
	$second-font-color: #707070;
	$table-border-color: #D6D6D6;

	$body-font:				sans-serif;
	$heading-font:			Helvetica;


	Table of Contents for search based navigation


BASE STYLES

**** Box Model Reset

**** Typography
---- Lists
---- Breadcrumbs
---- Quotations
---- Text level elements
---- Links

**** Content Design Patterns
---- Buttons
---- Expando Styles
---- Highlight box
---- Date Pattern
---- Site Messages
---- TinyMCE Templates

**** Animations
---- MegaMenuIn

**** Images

**** Forms
---- Form Help
---- Form Errors
---- Horizontal Form
---- Oldschool Table based form styles
---- Search Form
---- Submit Bar
---- Captcha

**** Tables
---- No Styles Table

**** Helper classes
---- Clearfix
---- Floats and positioning
---- Visually Hidden

GLOBAL TEMPLATE

**** Template Layout
---- Header
---- Footer
---- site search

**** Widgets and modules
---- Related Links
---- Article Category Subscribe
---- Simple Image Gallery
---- Gallery
---- Gallery Preview
---- Children Page Gallery
---- Job Search
---- Order Form
---- Videos



**** Print styles

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

/* ------------------------------------------------------
**** Box Model Reset
------------------------------------------------------ */

html {
	box-sizing: border-box;
}
*, *:before, *:after {
	box-sizing: inherit;
}

/* ------------------------------------------------------
**** Fonts
------------------------------------------------------ */

/*

Chevin
font-family: 'Chevin W01', Helvetica, Arial, sans-serif;
font-weight: 200;
font-weight: 600;

Brandon Grotesque
font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
font-weight: 500;

Museo Sans
font-family: "museo-sans", Helvetica, Arial, sans-serif;
font-weight: 300; + italic
font-weight: 500;

*/

/* ---- Iconfont ---- */
@font-face {
	font-family: 'icomoon';
	src:    url('../fonts/icomoon/fonts/icomoon.eot?yh1nsx');
	src:    url('../fonts/icomoon/fonts/icomoon.eot?yh1nsx#iefix') format('embedded-opentype'),
	url('../fonts/icomoon/fonts/icomoon.ttf?yh1nsx') format('truetype'),
	url('../fonts/icomoon/fonts/icomoon.woff?yh1nsx') format('woff'),
	url('../fonts/icomoon/fonts/icomoon.svg?yh1nsx#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

.icon-before:before,
.icon-after:after {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
}

.icon-before.icon-zoom-in:before,
.icon-after.icon-zoom-in:after {
    content: "\e91d";
}
.icon-before.icon-zoom-out:before,
.icon-after.icon-zoom-out:after {
    content: "\e920";
}
.icon-before.icon-camera:before,
.icon-after.icon-camera:after {
    content: "\e919";
}
.icon-before.icon-charity:before,
.icon-after.icon-charity:after {
    content: "\e91a";
}
.icon-before.icon-heart:before,
.icon-after.icon-heart:after {
    content: "\e91b";
}
.icon-before.icon-open-sign:before,
.icon-after.icon-open-sign:after {
    content: "\e91c";
}
.icon-before.icon-wine:before,
.icon-after.icon-wine:after {
    content: "\e91e";
}
.icon-before.icon-government:before,
.icon-after.icon-government:after {
    content: "\e91f";
}
.icon-before.icon-check:before,
.icon-after.icon-check:after {
    content: "\e917";
}
.icon-before.icon-cross:before,
.icon-after.icon-cross:after {
    content: "\e918";
}
.icon-before.icon-info:before,
.icon-after.icon-info:after {
    content: "\e915";
}
.icon-before.icon-link:before,
.icon-after.icon-link:after {
    content: "\e916";
}
.icon-before.icon-lightbulb:before,
.icon-after.icon-lightbulb:after {
	content: "\e909";
}
.icon-before.icon-cog:before,
.icon-after.icon-cog:after {
	content: "\e90a";
}
.icon-before.icon-speech-bubbles:before,
.icon-after.icon-speech-bubbles:after {
	content: "\e90b";
}
.icon-before.icon-drawing-tools:before,
.icon-after.icon-drawing-tools:after {
	content: "\e90c";
}
.icon-before.icon-spanners:before,
.icon-after.icon-spanners:after {
	content: "\e90d";
}
.icon-before.icon-flowchart:before,
.icon-after.icon-flowchart:after {
	content: "\e90e";
}
.icon-before.icon-desktop:before,
.icon-after.icon-desktop:after {
	content: "\e90f";
}
.icon-before.icon-mobile:before,
.icon-after.icon-mobile:after {
	content: "\e910";
}
.icon-before.icon-megaphone:before,
.icon-after.icon-megaphone:after {
	content: "\e911";
}
.icon-before.icon-book:before,
.icon-after.icon-book:after {
	content: "\e912";
}
.icon-before.icon-graph:before,
.icon-after.icon-graph:after {
	content: "\e913";
}
.icon-before.icon-shirt:before,
.icon-after.icon-shirt:after {
	content: "\e914";
}
.icon-before.icon-arrow-down:before,
.icon-after.icon-arrow-down:after {
	content: "\e900";
}
.icon-before.icon-arrow-left:before,
.icon-after.icon-arrow-left:after {
	content: "\e901";
}
.icon-before.icon-arrow-right:before,
.icon-after.icon-arrow-right:after {
	content: "\e902";
}
.icon-before.icon-arrow-up:before,
.icon-after.icon-arrow-up:after {
	content: "\e903";
}
.icon-before.icon-email:before,
.icon-after.icon-email:after {
	content: "\e904";
}
.icon-before.icon-facebook:before,
.icon-after.icon-facebook:after {
	content: "\e905";
}
.icon-before.icon-phone:before,
.icon-after.icon-phone:after {
	content: "\e906";
}
.icon-before.icon-twitter:before,
.icon-after.icon-twitter:after {
	content: "\e907";
}
.icon-before.icon-visit:before,
.icon-after.icon-visit:after {
	content: "\e908";
}



/* ------------------------------------------------------
**** Typography
------------------------------------------------------ */

html {
	font-size: 62.5%;
}

body {
	line-height: 1.5;
	font-size: 2em;
	color: #222;
	font-family: "museo-sans", Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* BP 2 */
@media screen and (max-width: 1000px) {
	body {
		font-size: 1.7em;
	}
}

/* BP 4 */
@media screen and (max-width: 600px) {
	body {
		font-size: 1.5em;
	}
}


/* ---- Headings ---- */

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	margin: 2.5rem 0 1.5rem 0;
	font-weight: bold;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
	font-weight: normal;
	line-height: 1;
	color: #8a7b7b;
}


h1, .h1 {
	font-weight: 500;
	font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
	font-size: 4.5rem;
	line-height: 1.1;
	color: #FA7850;
}

h2, .h2 {
	font-weight: 500;
	font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
	font-size: 3.5rem;
	line-height: 1;
	color: #FA7850;
}

h3, .h3 {
	font-size: 2.4rem;
	line-height: 1.3;
}

h4, .h4 {
	font-size: 2.1rem;
}

h5, .h5 {
	font-size: 1.9rem;
}

h6, .h6 {
	font-size: 1.7rem;
}

/* BP 2 */
@media screen and (max-width: 1000px) {

	h1,
	.h1,
	h2,
	.h2,
	h3,
	.h3,
	h4,
	.h4,
	h5,
	.h5,
	h6,
	.h6 {
		margin: 2rem 0 1.3rem 0;
	}

	h1, .h1 {
		font-size: 3.7rem;
		line-height: 1;
	}

	h2, .h2 {
		font-size: 3rem;
	}

	h3, .h3 {
		font-size: 2.2rem;
		line-height: 1.1;
	}

	h4, .h4 {
		font-size: 2rem;
	}

	h5, .h5 {
		font-size: 1.8rem;
	}

	h6, .h6 {
		font-size: 1.6rem;
	}

}

/* BP 4 */
@media screen and (max-width: 600px) {

	h1,
	.h1,
	h2,
	.h2,
	h3,
	.h3,
	h4,
	.h4,
	h5,
	.h5,
	h6,
	.h6 {
		margin: 1rem 0;
	}

	h1, .h1 {
		font-size: 2.7rem;
	}

	h2, .h2 {
		font-size: 2.3rem;
	}

	h3, .h3 {
		font-size: 2rem;
	}

	h4, .h4 {
		font-size: 1.8rem;
	}

	h5, .h5 {
		font-size: 1.6rem;
	}

	h6, .h6 {
		font-size: 1.5rem;
	}

}

.heading-inline {
	display: inline;
	float: left;
	padding: 0;
}

p,
ol,
ul,
dl,
address {
	margin: 0 0 1.5rem;
}

small {
	font-size: 1.4rem;
}

/* ---- Lists ---- */

ul,
ol {
	padding: 0 0 0 2rem;
}


li ul,
li ol {
	list-style-type: none;
	margin: 1rem 0;
}

ul.inline,
ol.inline {
	list-style-type: none;
	margin-left: 0;
}
ul.inline > li,
ol.inline > li {
	display: inline-block;
	padding-left: 12px;
	padding-right: 12px;
}

.feat-list li {
	margin-bottom: 16px;
}

@media screen and (min-width: 48em) {/*  768px */
    .feat-list {
    	padding-left: 20px;
    }
}


/* ---- Breadcrumbs ---- */

.breadcrumb {
	list-style-type: none;
	margin: 1.5rem 0;
	padding: 10px 0;
	border-top: 1px solid #f3f1f1;
	border-bottom: 1px solid #f3f1f1;
	font-size: 1.4rem;
	color: #444;
}
.breadcrumb > li {
	display: inline;
}
.breadcrumb > li a {
	color: ;
}
.breadcrumb > li:before {
	content: "\00a0//\00a0";
}
.breadcrumb > li:first-child:before {
	content: none;
}


/* ---- Quotations ---- */

blockquote {
	margin: 1.5rem;
	padding: 15px 20px 15px;
	background: #f6f6f6;
	font-style: italic;
}

/* ---- Text level elements ---- */

abbr[title] {
	border-bottom: 1px dotted #c6bfbf;
	cursor: help;
}

b, strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

ins {
	background-color: #f6f6f6;
	color: #473f3f;
	text-decoration: none;
}

mark {
	background-color: #f6f6f6;
	color: #473f3f;
	font-style: italic;
	font-weight: bold;
}

pre,
code,
kbd,
samp {
	font-family: Monaco, Courier New, monospace;
	color: #484040;
	background: #efefef;
	background: rgba(0, 0, 0, .07);
	padding: 0 2px;
	margin: 0 -2px;
}

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

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

sup {
	top: -.5em;
}

sub {
	bottom: -.25em;
}


/* ---- Links ---- */

a {
	color: #FA7850;
	word-break: break-word;
}

a:hover,
a:focus {
	color: #E35F36;
}

/* Address `outline` inconsistency between Chrome and other browsers. */
a:focus {
	outline: thin dotted;
}

/* Improve readability when focused and also mouse hovered in all browsers. */
a:active,
a:hover {
	outline: 0;
}


/* ------------------------------------------------------
**** Design Patterns

Reusable bits of badass code that we probably use a lot

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

.box {
	padding: 15px;
}

@media screen and (min-width: 22.5em) {/*  360px */
    .box {
    	padding: 15px 20px;
    }
}

@media screen and (min-width: 35em) { /* 560px */
	.box {
		padding: 15px 30px;
	}
}

@media screen and (min-width: 48em) {/*  768px */
    .box {
		padding: 20px 30px;
    }
}

.pull-box-wrap {
	overflow: hidden;
}

.pull-box-right {
	margin-left: -5px;
	padding-right: 0;
	position: relative;
}

.pull-box-right:after {
	content: '\00a0';
	padding-right: 0;
	position: absolute;
	top: 0px;
	left: 100%;
	bottom: 0px;
	width: 2000px;
	background: inherit;
}

.bg-grey.pull-box-right:after {
	background: #ececec;
}

.pull-box-right *:first-child {
	margin-top: 8px;
}

@media only screen and (min-width: 62em) { /* 992px */

	.pull-box-right {
		margin-left: -35px;
	}
}


/* ---- Buttons ---- */

.button {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	line-height: 1;
	color: #202B40;
	text-decoration: none;
	border-radius: 45px;
	padding: 9px 25px 11px;
	text-transform: lowercase;
	border: 3px solid #FA7850;
	outline: none;
	font-weight: 500;
	font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
	font-size: 2.2rem;
	background: none;
	transition: all 200ms ease-in-out;
}

/* Firefox: Get rid of the inner focus border */
.button::-moz-focus-inner {
	padding: 0;
	border: 0;
}


.button:hover,
.button:focus {
	background-color: #FA7850;
	color: #fff;
}

/* Small */
.button-small {
	font-size: 1.7rem;
	padding: 5px 16px 7px;
}

/* Large */
.button-large {
	font-size: 3rem;
	padding: 8px 30px 12px;
}

/* Block */
.button--block {
	display: block;
}

.button--sentence-case {
	text-transform: none;
	padding-top: 12px;
}

/* Outline white */
.button--outline-white {
	border-color: #FFF;
}
.button.button--outline-white:hover,
.button.button--outline-white:focus {
	background-color: #FFFFFF;
	color: #202B40;
}


/* Outline white */
.button--navy {
	border-color: #202b40;
	background-color: #202b40;
	color: #ffffff;
}
.button.button--navy:hover,
.button.button--navy:focus {
	background-color: #FFFFFF;
	color: #202B40;
}

/* Disabled/unavailable button style */

.button[disabled],
.button-disabled,
.button-disabled:hover,
.button-disabled:focus,
.button-disabled:active {
	border: none;
	background-image: none;
	opacity: 0.40;
	cursor: default;
	box-shadow: none;
}

/* Gets the buttons to line up with form inputs when you want them to */

.button.inline {
	margin-bottom: 0.75em;
}

/* BP 2 */
@media screen and (max-width: 1000px) {
	.button {
		padding: 7px 20px 9px;
		font-size: 1.9rem;
	}

	/* Small */
	.button-small {
		font-size: 1.6rem;
		padding: 4px 12px 5px;
	}

	/* Large */
	.button-large {
		font-size: 2.3rem;
		padding: 8px 22px 10px;
	}
}

/* BP 3 */
@media screen and (max-width: 760px) {
	/* Large becomes regular */
	.button,
	.button-large {
		font-size: 1.9rem;
		padding: 7px 20px 9px;
	}
}


/* ---- Expando Styles ---- */

.expando-opener-heading {
	color: #e85505;
}

.expando-opener-heading:hover {
	color: #ae550d;
}

a.expando-opener-link:before,
.expando-opener-heading:before {
	content:"\003e ";
	margin-right: 5px;
	display: inline-block;
	top: -2px;
	position: relative;
}

.expando-opener-heading.expanded:before {
	transform: rotate(90deg);

}


hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #d7d7d7;
	margin: 2.5rem 0;
	padding: 0;
}

/* BP 3 */
@media screen and (max-width: 760px) {
	hr {
		margin: 2rem 0;
	}
}

/* ---- Highlight ---- */
.highlight,
.highlight--right,
.highlight--left {
	margin: 0 0 1.5rem;
	padding: 25px;
	background: #f6f6f6;
}

@media screen and (min-width: 1000px) {
	.highlight--left {
		float: left;
		width: 45%;
		margin-right: 20px;
	}

	.highlight--right {
		float: right;
		width: 45%;
		margin-left: 20px;
	}
}

.highlight *:last-child,
.highlight--right *:last-child,
.highlight--left *:last-child {
	margin-bottom: 0;
}


/* ---- Date Pattern ---- */

.calendar-date {
	background: #e85505;
	color: #fff;
	border-radius: 6px;
	padding: 0px 0 5px;
	width: 60px;
	text-align: center;
}
.calendar-date-text {
	color: #fff;
	text-decoration: none; /* Used if the date is a link */
	font-size: 2.4rem;
	line-height: 1;
	margin: 0;
	padding: 0;
}

.calendar-date-text span {
	font-size: 1.2rem;
	line-height: 1;
	text-transform: uppercase;
}


/* ---- Site Messages ---- */
ul.messages,
.field-error__list {
	list-style: none;
	margin: 16px 0 25px;
	padding: 0 !important;
	border: none !important;
	background: none !important;
	zoom: normal;
}
ul.messages li,
.field-error__list__item {
	margin: 0 0 15px !important;
	padding: 12px 20px 11px !important;
	vertical-align: bottom;
	text-align: left;
	font-size: 1.8rem;
	line-height: 1.2em;
	font-family: "museo-sans", Helvetica, Arial, sans-serif;
	letter-spacing: 0.06em;
}
ul.messages .error,
.field-error__list__item {
	background: #E04D4D !important;
	border-left: 5px solid #B72323;
	color: #FFF !important;
}
ul.messages .confirm {
	color: #FFF !important;
	background: #6DBB5A !important;
	border-left: 5px solid #439230;
}

/* BP 4 */
@media screen and (max-width: 600px) {
	ul.messages li,
	.field-error__list__item {
		padding: 9px 14px 8px !important;
		font-size: 1.4rem;
	}
}


/* ---- TinyMCE Templates ---- */

/* These styles are for client use in the TinyMCE Template system */
/* prefixed with ct- (content template) to avoid clashing with skin template columns */

.ct-col-group {
}

/* two columns */
@media screen and (min-width: 500px) {
	.ct-col--one-half {
		float: left;
		width: 48.148148148148%;
		margin-left: 3.561253561254%;
	}
	.ct-col--one-half:first-child {
		margin-left: 0;
	}
}

/* three columns */
@media screen and (min-width: 560px) {
	.ct-col--one-third {
		float: left;
		width: 30.95916429249733%;
		margin-left: 3.561253561254%;
	}
	.ct-col--one-third:first-child {
		margin-left: 0;
	}
}


/* ------------------------------------------------------
**** Animations
------------------------------------------------------ */

/* ---- Mega menu in ---- */
@keyframes megaMenuIn {
	from {
		opacity: 0;
		transform: translate3d(0, -30px, 0);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

/* ------------------------------------------------------
**** Images
------------------------------------------------------ */

img {
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
	height: auto;
}


/* ------------------------------------------------------
**** Forms
------------------------------------------------------ */

input, textarea, select, .hidden-input-label {
	background: #ececec;
	border-radius: 3px;
	border: 0;
	padding: 13px 20px;
	font-weight: normal;
	font-size: 16px;
	font-size: 1.6rem;
	outline: none;
	color: #000;
}
/* Style tooltip labels */
.input-tooltip label.-vis-hidden {
	bottom: 110%;
	left: 50px;
	right: 50px;
	margin: auto;
	background: #24292f;
	padding: 10px 10px;
	color: #FFF;
	text-align: center;
	font-size: 1.4rem;
	line-height: 1.2;
	border-radius: 3px;
	transition: all 250ms ease-in;
	opacity: 0;
}
/* Full width tooltip labels */
.input-area-fullwidth label.-vis-hidden {
	bottom: 103%;
	left: 0;
	right: 0;
	width: 130px !important;
}

textarea {
	resize: vertical;
	width: 100%;
}
input.error, textarea.error, select.error {
	background: #FDF6F5;
	outline: 2px solid #EE522E;
	border-radius: 0px;
}
input:focus, textarea:focus, select:focus {
	outline: 2px solid #ddd;
}
::-webkit-input-placeholder {
	color: #363636;
	font-weight: normal;
	font-size: 16px;
	font-size: 1.6rem;
	overflow: visible;
}

:-moz-placeholder { /* Firefox 18- */
	color: #363636;
	font-weight: normal;
	font-size: 16px;
	font-size: 1.6rem;
	overflow: visible;
}

::-moz-placeholder {  /* Firefox 19+ */
	color: #363636;
	font-weight: normal;
	font-size: 16px;
	font-size: 1.6rem;
	overflow: visible;
}

:-ms-input-placeholder {
	color: #363636;
	font-weight: normal;
	font-size: 16px;
	font-size: 1.6rem;
	overflow: visible;
}
select::-ms-expand {
	display: none;
}
select {
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
}
select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #000;
}
.info-box .input-row:first-of-type {
	margin-top: 20px;
}
.info-box .input-row:last-of-type {
	margin-bottom: 10px;
}
.input-row {
	margin: 53px 0 0;
}
.input-row input[type="text"], .input-row select, .hidden-input-label {
	display: inline-block;
	margin: 0;
	width: 100%;
}
.input-row .input-area:last-child, .input-row input[type="text"]:last-child, .input-row select:last-child, .input-row .hidden-input-label:last-child {
	margin-right: 0;
}
.input-area,
.input-area-fullwidth {
	position: relative;
}
.input-tooltip input:focus + label,
.input-tooltip textarea:focus + label {
	height: auto;
	width: auto;
	clip: auto;
	overflow: visible;
	opacity: 1;
	position: absolute;
}
.input-tooltip input:focus + label:after,
.input-tooltip textarea:focus + label:after {
	content: " ";
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #24292f;
	position: absolute;
	bottom: -10px;
	left: 0;
	right: 0;
	margin: auto;
}
input#start-time:checked + label,
input#finish-time:checked + label  {
	background-color: #fa7850;
}

/* Hidden inputs */
.hidden-input-label {
	background: #202b40;
	color: #FFF;
	padding-top: 13px;
	padding-bottom: 13px;
}
input:checked.hidden-input + .hidden-input-label {
	background-color: #fa7850;
	color: #FFF;
}

.hidden-input-label:hover {
	background-color: #293750;
	color: #FFF;
}
input[type=text].field-error, input[type=password].field-error, textarea.field-error, .textbox.field-error {
	background: #FDF6F5;
	outline: 2px solid #EE522E;
	border-radius: 0px;
	border: none !important;
}

/* Labels */
label {
	color: #364250;
	font-weight: 100;
	font-size: 18px;
	font-size: 1.8rem;
	vertical-align: middle !important;
	cursor: pointer;
}

/* Selects */
select {
	width: 100%;
	cursor: pointer;
	-webkit-appearance: none;
	background: #EEE url(../images/select-bg.png) right top no-repeat;
	margin-top: 0;
	margin-bottom: 0;
	color: #4E4E4E;
	padding-right: 44px;
}

/* Text Areas */
.input-row textarea {
	width: 100%;
	line-height: 170%;
}

/* Inline lists */
.input-row.inline-list p {
	display: inline;
	font-weight: 100 !important;
	font-size: 1.8rem;
	margin-right: 15px;
}
.input-row.inline-list .prettycheckbox {
	margin-bottom: -9px;
}
.input-row.inline-list .prettycheckbox label {
	margin: 4px 14px 0 2px;
}

/* BP 3 */
@media screen and (max-width: 760px) {
	.input-row.inline-list p {
		display: block;
		font-size: 1.6rem;
		margin: 0 0 6px;
	}
	.input-row.inline-list .prettycheckbox,
	.input-row.inline-list .prettyradio {
		display: block;
		margin: 0;
	}
}

/* Submit button */
input[type="submit"] {
	min-width: 280px;
	cursor: pointer;
}

/* ---- Forms in cols hackity hack ---- */
.form-col .widget-Form {
	margin-top: -16px;
}
.form-col p.h2 {
	background-color: #FFF;
	display: inline-block;
	margin-bottom: 0;
	padding: 0 10px;
	margin: 0 0 0 14px !important;
	position: relative;
	z-index: 1;
}
.form-col table.form-section {
	border: 1px solid #d7d7d7;
	padding: 20px;
}
.form-col table.form-section,
.form-col .form-section tbody,
.form-col .form-section tr,
.form-col .form-section th,
.form-col .form-section td {
	display: block;
	background-color: transparent;
}
.form-col .form-section tr {
	padding-bottom: 10px;
}
.form-col .form-section input {
	width: 100%;
}
.form-col .form-section th {
	color: #364250;
	font-weight: 100;
	font-size: 18px;
	font-size: 1.8rem;
	vertical-align: middle !important;
}
.form-col .form-section .field-info {
	padding: 0;
	margin: 0;
	color: #000;
	text-transform: uppercase;
	text-align: right;
}
.form-col .form-section span.field-info:before {
	content: none;
}
.form-col .form-section td.nothing {
	display: none;
}
.form-col .form-section td.nothing + td + td {
	display: none;
}



/* ------------------------------------------------------
**** Tables
------------------------------------------------------ */

table {
	border-collapse: collapse;
	border: 1px solid #d7d7d7;
}

th,
td {
	padding: 5px 10px;
	border: 1px solid #d7d7d7;
}

th,
thead td {
	background: #f6f6f6;
}


/* ---- Content tables & Form section tables & Checkbox list tables (shared styles) ---- */
.table--content-standard,
.form-section,
.checkbox-list {
	width: 100%;
	margin: 2rem 0;
}
.table--content-standard caption,
.form-section caption {
	text-align: left;
	padding-bottom: 13px;
}
.table--content-standard th,
.table--content-standard thead td,
.form-section th,
.checkbox-list th {
	font-weight: bold;
	background-color: #F0F0F0;
	font-size: 1.7rem;
}
.table--content-standard td,
.form-section td,
.checkbox-list td {
	background-color: #FFF;
}
.table--content-standard th,
.table--content-standard td,
.form-section th,
.form-section td,
.checkbox-list th,
.checkbox-list td {
	border: 1px solid #d7d7d7;
	padding: 12px 15px;
	text-align: left;
}

/* ---- Content tables ---- */

/* Small */
.table--content-standard.table--content-small {
	font-size: 1.3rem;
}
.table--content-standard.table--content-small th,
.table--content-standard.table--content-small td {
	padding: 5px 10px;
}
.table--content-standard.table--content-small th,
.table--content-standard.table--content-small thead td {
	font-size: 1.4rem;
}

/* ---- Form section tables ---- */

.form-section td.field-info {
	vertical-align: middle;
	font-size: 1rem;
}
.checkbox-list td.check {
	width: 10px;
	text-align: center;
}
.form-section .checkbox-list {
	margin: 0;
}

/* Form sections in sidebar */
.sidebar > .form-section,
.sidebar > .form-section > tbody,
.sidebar > .form-section > tbody > tr,
.sidebar > .form-section > tbody > tr > th,
.sidebar > .form-section > tbody > tr > td {
	display: block;
	width: 100%;
}
.sidebar .form-section > tbody > tr > td {
	border-left: 1px solid #d7d7d7;
}
.sidebar .form-section .field-info {
	text-align: right;
}
.sidebar .form-section td.field-info:empty,
.sidebar .form-section td.nothing {
	display: none !important;
}
.sidebar span.field-info:before {
	content: "^\00a0";
}
.sidebar .form-section > tbody > tr > th:first-child {
	width: 100%;
}

/* Responsiveness */
@media all and (min-width: 651px) {
	.form-section > tbody > tr > th:first-child {
		width: 25%;
	}
}

@media screen and (max-width: 600px) {
	.form-section,
	.form-section > tbody,
	.form-section > tbody > tr,
	.form-section > tbody > tr > th,
	.form-section > tbody > tr > td {
		display: block;
		width: 100%;
	}
	.form-section > tbody > tr > td {
		border-left: 1px solid #d7d7d7;
	}
	.form-section .field-info {
		text-align: right;
	}
	.form-section td.field-info:empty,
	.form-section td.nothing {
		display: none !important;
	}
	span.field-info:before {
		content: "^\00a0";
	}
}

/* ---- Responsive table ---- */
table.responsive {
	overflow: auto;
	overflow-y: hidden;
	overflow-x: auto;
	display: block;
}

/* ---- No Styles Table ---- */
.table__no-styles {
	border-collapse: separate !important;
	border: none !important;
	background: none !important;
	min-width: 0 !important;
}

.table__no-styles th,
.table__no-styles thead td,
.table__no-styles td {
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
}




/* ------------------------------------------------------
**** Helper classes
------------------------------------------------------ */

/* ---- Grid ---- */
.grid:before,
.grid:after {
	content: " ";
	display: table;
}

.grid:after {
	clear: both;
}

.grid-col {
	margin-right: 3.684210526315789%;
	float: left;
}
.grid-col:last-child {
	margin-right: 0;
}
/* 1 col */
.grid-col-1 {
	width: 4.956140350877%;
}
/* 2 col */
.grid-col-2 {
	width: 13.596491228070%;
}
/* 3 col */
.grid-col-3 {
	width: 22.236842105263%;
}
/* 4 col */
.grid-col-4 {
	width: 30.877192982456%;
}
/* 5 col */
.grid-col-5 {
	width: 39.517543859649%;
}
/* 6 col */
.grid-col-6 {
	width: 48.157894736842%;
}
/* 7 col */
.grid-col-7 {
	width: 56.798245614035%;
}
/* 8 col */
.grid-col-8 {
	width: 65.438596491228%;
}
/* 9 col */
.grid-col-9 {
	width: 74.078947368421%;
}
/* 10 col */
.grid-col-10 {
	width: 82.719298245614%;
}
/* 11 col */
.grid-col-11 {
	width: 91.359649122807%;
}
/* 12 col */
.grid-col-12 {
	width: 100%;
}

/* BP 1 */
@media screen and (max-width: 1270px) {
	/* 1 col */
	.grid-col-1-bp1 {
		width: 4.956140350877%;
	}
	/* 2 col */
	.grid-col-2-bp1 {
		width: 13.596491228070%;
	}
	/* 3 col */
	.grid-col-3-bp1 {
		width: 22.236842105263%;
	}
	/* 4 col */
	.grid-col-4-bp1 {
		width: 30.877192982456%;
	}
	/* 5 col */
	.grid-col-5-bp1 {
		width: 39.517543859649%;
	}
	/* 6 col */
	.grid-col-6-bp1 {
		width: 48.157894736842%;
	}
	/* 7 col */
	.grid-col-7-bp1 {
		width: 56.798245614035%;
	}
	/* 8 col */
	.grid-col-8-bp1 {
		width: 65.438596491228%;
	}
	/* 9 col */
	.grid-col-9-bp1 {
		width: 74.078947368421%;
	}
	/* 10 col */
	.grid-col-10-bp1 {
		width: 82.719298245614%;
	}
	/* 11 col */
	.grid-col-11-bp1 {
		width: 91.359649122807%;
	}
	/* 12 col */
	.grid-col-12-bp1 {
		width: 100%;
	}
}

/* BP 2 */
@media screen and (max-width: 1000px) {
	/* 1 col */
	.grid-col-1-bp2 {
		width: 4.956140350877%;
	}
	/* 2 col */
	.grid-col-2-bp2 {
		width: 13.596491228070%;
	}
	/* 3 col */
	.grid-col-3-bp2 {
		width: 22.236842105263%;
	}
	/* 4 col */
	.grid-col-4-bp2 {
		width: 30.877192982456%;
	}
	/* 5 col */
	.grid-col-5-bp2 {
		width: 39.517543859649%;
	}
	/* 6 col */
	.grid-col-6-bp2 {
		width: 48.157894736842%;
	}
	/* 7 col */
	.grid-col-7-bp2 {
		width: 56.798245614035%;
	}
	/* 8 col */
	.grid-col-8-bp2 {
		width: 65.438596491228%;
	}
	/* 9 col */
	.grid-col-9-bp2 {
		width: 74.078947368421%;
	}
	/* 10 col */
	.grid-col-10-bp2 {
		width: 82.719298245614%;
	}
	/* 11 col */
	.grid-col-11-bp2 {
		width: 91.359649122807%;
	}
	/* 12 col */
	.grid-col-12-bp2 {
		width: 100%;
	}

	.grid-2-cols-bp2 .grid-col:nth-child(2n+2) {
		margin-right: 0;
	}
	.grid-2-cols-bp2 .grid-col {
		margin-bottom: 20px;
	}
}

/* BP 3 */
@media screen and (max-width: 760px) {
	/* 1 col */
	.grid-col-1-bp3 {
		width: 4.956140350877%;
	}
	/* 2 col */
	.grid-col-2-bp3 {
		width: 13.596491228070%;
	}
	/* 3 col */
	.grid-col-3-bp3 {
		width: 22.236842105263%;
	}
	/* 4 col */
	.grid-col-4-bp3 {
		width: 30.877192982456%;
	}
	/* 5 col */
	.grid-col-5-bp3 {
		width: 39.517543859649%;
	}
	/* 6 col */
	.grid-col-6-bp3 {
		width: 48.157894736842%;
	}
	/* 7 col */
	.grid-col-7-bp3 {
		width: 56.798245614035%;
	}
	/* 8 col */
	.grid-col-8-bp3 {
		width: 65.438596491228%;
	}
	/* 9 col */
	.grid-col-9-bp3 {
		width: 74.078947368421%;
	}
	/* 10 col */
	.grid-col-10-bp3 {
		width: 82.719298245614%;
	}
	/* 11 col */
	.grid-col-11-bp3 {
		width: 91.359649122807%;
	}
	/* 12 col */
	.grid-col-12-bp3 {
		width: 100%;
	}
}

/* BP 4 */
@media screen and (max-width: 600px) {
	/* 1 col */
	.grid-col-1-bp4 {
		width: 4.956140350877%;
	}
	/* 2 col */
	.grid-col-2-bp4 {
		width: 13.596491228070%;
	}
	/* 3 col */
	.grid-col-3-bp4 {
		width: 22.236842105263%;
	}
	/* 4 col */
	.grid-col-4-bp4 {
		width: 30.877192982456%;
	}
	/* 5 col */
	.grid-col-5-bp4 {
		width: 39.517543859649%;
	}
	/* 6 col */
	.grid-col-6-bp4 {
		width: 48.157894736842%;
	}
	/* 7 col */
	.grid-col-7-bp4 {
		width: 56.798245614035%;
	}
	/* 8 col */
	.grid-col-8-bp4 {
		width: 65.438596491228%;
	}
	/* 9 col */
	.grid-col-9-bp4 {
		width: 74.078947368421%;
	}
	/* 10 col */
	.grid-col-10-bp4 {
		width: 82.719298245614%;
	}
	/* 11 col */
	.grid-col-11-bp4 {
		width: 91.359649122807%;
	}
	/* 12 col */
	.grid-col-12-bp4 {
		width: 100%;
	}
}


/* ---- Clearfix ---- */

.clear {
	height: 0;
	clear: both;
	display: block;
}

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

.-clearfix:after {
	clear: both;
}


/* Image Replacement */
.-ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
}

.-ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}

.-hidden {
	display: none !important;
	visibility: hidden;
}

.-vis-hidden,
input.hidden-input {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

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

.-invisible {
	visibility: hidden;
}

/* Angle Brackets */
.-r-arrow-after:after {
	content: "\00a0\003e";
}
.-r-arrow-before:before {
	content: "\003e\00a0";
}
.-l-arrow-after:after {
	content: "\00a0\003c";
}
.-l-arrow-before:before {
	content: "\003c\00a0";
}

/* Hide */
.hide {
	display: none;
}

/* Ellipsis */
.ellipsis-2:after {
	content: "..";
}
.ellipsis-3:after {
	content: "...";
}

/* ---- Floats and positioning ---- */

.left {
	margin: 0 15px 15px 0;
	float: left;
}

.right {
	margin: 0 0 15px 15px;
	float: right;
}

.center {
	display: block;
	margin: 30px auto;
}


/* ---- Text align ---- */
.text-align--left {
	text-align: left;
}
.text-align--center {
	text-align: center;
}
.text-align--right {
	text-align: right;
}

/* ---- Contact list ---- */
.contact-list {
	list-style: none;
	padding: 0;
	margin: 0;
}
.contact-list:before,
.contact-list:after {
	content: " ";
	display: table;
}

.contact-list:after {
	clear: both;
}
.contact-list__item {
	float: left;
	width: 33.33333%;
	text-align: center;
	position: relative;
}
.contact-list__item:before,
.contact-list__item:after {
	content: " ";
	height: 2px;
	position: absolute;
	top: 74px;
	display: block;
	background-color: #FFF;
}
.contact-list__item:first-child:before,
.contact-list__item:last-child:after {
	content: none;
}
.contact-list__item:before {
	right: 50%;
	margin-right: 102px;
	left: 0;
}
.contact-list__item:after {
	left: 50%;
	margin-left: 102px;
	right: 0;
}
.contact-list__item__icon {
	font-size: 8rem;
	border-radius: 50%;
	background-color: #202b40;
	width: 144px;
	height: 144px;
	position: relative;
	margin: 0 auto 25px;
}
.contact-list__item__icon.icon-before:before {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
}
.contact-list__item__title {
	font-weight: 500;
	font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
	font-size: 4rem;
	text-transform: lowercase;
	margin-bottom: 8px;
}
.contact-list__item__detail {
	font-size: 3.2rem;
	color: #202b40;
	margin-bottom: 0;
}
.contact-list__item__detail__link {
	color: inherit;
	text-decoration: none;
	font-weight: 500;
	font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
}
.contact-list__item__detail__link:hover,
.contact-list__item__detail__link:focus {
	color: #000;
}
.contact-list__item__detail__button {
	margin: 0 auto;
	max-width: 200px;
	display: block;
}
.contact-list__item__subdetail {
	margin-top: 25px;
	font-weight: 500;
	font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
	font-size: 2.5rem;
	margin-bottom: 0;
}
.contact-list__item__subdetail a {
	text-decoration: none;
	color: inherit;
}
.contact-list__item__note {
	text-transform: lowercase;
	font-size: 2rem;
	margin-bottom: 0;
	margin-top: 12px;
}

/* Orange */
.bg-orange .contact-list__item__icon {
	color: #FFF;
}
.bg-orange .contact-list__item__title {
	color: #FFF;
}
.bg-orange .contact-list__item__note {
	color: #FFF;
}

/* BP 2 */
@media screen and (max-width: 1000px) {
	.contact-list__item__title {
		font-size: 3rem;
	}
	.contact-list__item__subdetail {
		margin-top: 19px;
		font-size: 2rem;
	}
	.contact-list__item__note {
		font-size: 1.5rem;
		margin-top: 10px;
	}
	.contact-list__item__icon {
		font-size: 5rem;
		width: 110px;
		height: 110px;
	}
	.contact-list__item:before,
	.contact-list__item:after {
		top: 55px;
	}
	.contact-list__item:before {
		margin-right: 82px;
	}
	.contact-list__item:after {
		margin-left: 82px;
	}
	.contact-list__item__detail {
		font-size: 2.4rem;
	}
	.contact-list__item__detail__button {
		max-width: none;
		display: inline-block;
	}
}

/* BP 3 */
@media screen and (max-width: 760px) {
	.contact-list__item__title {
		font-size: 3rem;
	}
	.contact-list__item__icon {
		font-size: 3.5rem;
		width: 70px;
		height: 70px;
	}
	.contact-list__item:before,
	.contact-list__item:after {
		top: 34px;
	}
	.contact-list__item:before {
		margin-right: 60px;
	}
	.contact-list__item:after {
		margin-left: 60px;
	}
	.contact-list__item__subdetail {
		font-size: 1.7rem;
	}
	.contact-list__item__note {
		font-size: 1.3rem;
	}
}

/* BP 4 */
@media screen and (max-width: 600px) {
	.contact-list__item__title {
		font-size: 2.5rem;
	}
	.contact-list__item__icon {
		font-size: 3rem;
		width: 60px;
		height: 60px;
	}
	.contact-list__item {
		float: none;
		width: 100%;
		margin-bottom: 31px;
	}
	.contact-list__item:last-child {
		margin-bottom: 0;
	}
	.contact-list__item:before,
	.contact-list__item:after {
		content: none;
	}
	.contact-list__item__icon {
		margin-bottom: 10px;
	}
	.grid-2-cols-bp2 .grid-col:last-child {
		margin-bottom: 0;
	}
}

/* ------------------------------------------------------
**** Template Layout
------------------------------------------------------ */

* {
	margin: 0;
}

html,
body {
	background: #FFF;
	height: 100%;
}

#wrap {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	min-height: 100%;
}

/* BP 4 */
@media screen and (max-width: 600px) {
	#wrap {
		margin-top: 38px;
	}
}


.container {
	width: 1140px;
	margin: 0 auto;
}



/* Extra BP */
@media screen and (min-width: 1341px) {
	.container.container--wide {
		width: 1280px;
	}
}

/* BP 1 */
@media screen and (max-width: 1270px) {
	.container {
		width: 900px;
	}
}

/* BP 2 */
@media screen and (max-width: 1000px) {
	.container {
		width: 700px;
	}
}

/* BP 3 */
@media screen and (max-width: 760px) {
	.container {
		width: 540px;
	}
}

/* BP 4 */
@media screen and (max-width: 600px) {
	.container {
		width: 88%;
		margin: 0 6%;
	}
}


/* ---- Sections ---- */
.section {
	padding: 80px 0;
	position: relative;
}

.section--small {
	padding: 40px 0;
	position: relative;
}

/* BP 1 */
@media screen and (max-width: 1270px) {
	.section {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.section--small {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}
/* BP 2 */
@media screen and (max-width: 1000px) {
	.section {
		padding-top: 35px;
		padding-bottom: 35px;
	}

	.section--small {
		padding-top: 20px;
		padding-bottom: 20px;
	}
}

/* BP 3 */
@media screen and (max-width: 760px) {
	.section {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.section--small {
		padding-top: 15px;
		padding-bottom: 15px;
	}
}

/* BP 4 */
@media screen and (max-width: 600px) {
	.section {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.section--small {
		padding-top: 10px;
		padding-bottom: 10px;
	}
}


/* ---- Background colours ---- */
.bg-blue {
	background-color: #202b40;
}
.bg-white {
	background-color: #fff;
}
.bg-grey {
	background-color: #ececec;
}
.bg-orange {
	background-color: #fa7850;
	color: #202b40;
}
.bg-orange h2 {
	color: #FFF;
}
.bg-darkorange {
	background-color: #e35f36;
	color: #FFF;
}

.bg--important-bits {
	background-repeat: no-repeat;
	background-position: top -170px right -60px;
	background-image: url(../images/bg-important-bits.svg);
}

.important-bits__heading {
	margin-bottom: 16px;
}

@media screen and (max-width: 1199px) {
    .bg--important-bits {
		padding-top: 60px;
		background-position: top -70px right -38px;
		background-size: 350px 350px;
    }
}

@media screen and (max-width: 991px) {
    .bg--important-bits {
		padding-top: 60px;
		background-position: top -60px right -28px;
		background-size: 175px 175px;
    }
	.important-bits__heading {
		margin-bottom: 16px;
		padding-right: 40px;
	}
}

@media screen and (max-width: 559px) {
    .bg--important-bits {
		padding-top: 60px;
		background-position: top -51px right -28px;
		background-size: 150px 150px;
    }
	.important-bits__heading {
		margin-bottom: 8px;
		padding-right: 40px;
	}
}



/* ---- Header ---- */
.section.section--header-bar {
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	right: 0;
	padding: 0;
}
.section.section--header-bar,
.section.section--header-bar .container {
	height: 68px;
}

.header-logo a {
	text-decoration: none;
	color: #FFF;
	display: block;
}
.header-logo__img {
	margin-right: 19px;
	position: relative;
	z-index: 1;
	display: block;
	width: 71px;
	height: 80px;
	max-height: none;
	max-width: none;
	float: left;
}
.header-logo__title {
	text-transform: lowercase;
	font-weight: 500;
	font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
	font-size: 4.7rem;
	margin: 0;
	transition-delay: 300ms;
	white-space: nowrap;
	padding-top: 14px;
}

.section.section--header-bar,
.header-logo__title,
#nav-button {
	transition-timing-function: ease;
	transition-duration: 200ms;
	transition-property: all;
}

#nav-button {
	animation-fill-mode: forwards;
	animation-duration: 200ms;
}
.header-scrolled-happened #nav-button {
	animation-name: navButton;
}

/* Scrolled */
.header-scrolled .section.section--header-bar {
	background-color: #202b40;
	border-bottom: 2px solid #181F2D;
}
.header-scrolled .header-logo__title {
	transform: translateY(-90px);
	transition-delay: initial;
}
.header-scrolled #nav-button {
	animation-name: navButtonScrolled;
}

@keyframes navButtonScrolled {
	40% {
		transform: translate(0, -93px);
	}
	50% {
		transform: translate(0, -93px);
	}
	100% {
		transform: translate(82px, -93px);
	}
}
@keyframes navButton {
	0% {
		transform: translate(82px, -93px);
	}
	40% {
		transform: translate(0, -93px);
	}
	50% {
		transform: translate(0, -93px);
	}
	100% {
		transform: translate(0, 0);
	}
}

/* BP 2 */
@media screen and (max-width: 1000px) {
	.header-logo__img {
		width: 56px;
		height: 63px;
	}
	.header-logo__title {
		font-size: 3.5rem;
	}
	.section.section--header-bar,
	.section.section--header-bar .container {
		height: 53px;
	}
	@keyframes navButtonScrolled {
		40% {
			transform: translate(0, -72px);
		}
		50% {
			transform: translate(0, -72px);
		}
		100% {
			transform: translate(69px, -72px);
		}
	}
	@keyframes navButton {
		0% {
			transform: translate(69px, -72px);
		}
		40% {
			transform: translate(0, -72px);
		}
		50% {
			transform: translate(0, -72px);
		}
		100% {
			transform: translate(0, 0);
		}
	}
}
/* BP 4 */
@media screen and (max-width: 600px) {
	.section.section--header-bar {
		background-color: #202b40;
		border-bottom: 2px solid #181F2D;
	}
	.header-scrolled .header-logo__title {
		transform: none;
	}
	.header-scrolled #nav-button,
	#nav-button {
		animation: none;
	}

	.header-logo__img {
		width: 40px;
		height: 45px;
	}
	.header-logo__title {
		font-size: 2rem;
		padding-top: 4px;
		float: left;
	}
	.section.section--header-bar,
	.section.section--header-bar .container,
	.header-logo {
		height: 38px;
	}
}

/* ---- Menu button ---- */
#nav-button {
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	outline: none;
	border: none;
	padding: 0;
	position: relative;
	width: 50px;
	height: 50px;
	background: none;
	vertical-align: top;
	margin: 19px 0 0 10px;
	display: block;
	vertical-align: top;
	clear: both;
}

/* Hover */
#nav-button:hover .nav-button-line {
	background-color: #D8D8D8;
}

.nav-button-line {
	height: 4px;
	background-color: #FFF;
	position: absolute;
	display: block;
	left: 6px;
	animation-fill-mode: forwards;
	animation-duration: 300ms;
	right: 6px;
}
.nav-button-top {
	top: 8px;
}
.nav-button-middle {
	top: 22px;
}
.nav-button-bottom {
	top: 36px;
}


/* Animations active */
.nav-happened .nav-button-top {
	animation-name: mobileMenuBtnTopClose;
}
.nav-happened .nav-button-middle {
	animation-name: mobileMenuBtnMiddleClose;
}
.nav-happened .nav-button-bottom {
	animation-name: mobileMenuBtnBottomClose;
}

/* Close button */
.nav-active #nav-button .nav-button-top {
	animation-name: mobileMenuBtnTopOpen;
}
.nav-active #nav-button .nav-button-middle {
	animation-name: mobileMenuBtnMiddleOpen;
}
.nav-active #nav-button .nav-button-bottom {
	animation-name: mobileMenuBtnBottomOpen;
}
@keyframes mobileMenuBtnTopClose {
	0% {
		transform: translate(0, 14px) rotate(45deg)
	}
	50%, 70% {
		transform: translate(0, 14px);
	}
	100% {
		transform: translate(0, 0);
	}
}
@keyframes mobileMenuBtnTopOpen {
	0% {
		transform: translate(0, 0);
	}
	50%, 70% {
		transform: translate(0, 14px);
	}
	100% {
		transform: translate(0, 14px) rotate(45deg);
	}
}
@keyframes mobileMenuBtnBottomClose {
	0% {
		transform: translate(0, -14px) rotate(-45deg);
	}
	50%, 70% {
		transform: translate(0, -14px);
	}
	100% {
		transform: translate(0, 0);
	}
}
@keyframes mobileMenuBtnBottomOpen {
	0% {
		transform: translate(0, 0);
	}
	50%, 70% {
		transform: translate(0, -14px);
	}
	100% {
		transform: translate(0, -14px) rotate(-45deg);
	}
}
@keyframes mobileMenuBtnMiddleClose {
	0%, 40% {
		opacity: 0;
	}
	50%, 100% {
		opacity: 1;
	}
}
@keyframes mobileMenuBtnMiddleOpen {
	0%, 40% {
		opacity: 1;
	}
	50%, 100% {
		opacity: 0;
	}
}

/* BP 2 */
@media screen and (max-width: 1000px) {
	#nav-button {
		width: 44px;
		height: 44px;
		margin: 10px 0 0 6px;
	}
	.nav-button-top {
		top: 10px;
	}
	.nav-button-middle {
		top: 21px;
	}
	.nav-button-bottom {
		top: 32px;
	}

	@keyframes mobileMenuBtnTopClose {
		0% {
			transform: translate(0, 11px) rotate(45deg)
		}
		50%, 70% {
			transform: translate(0, 11px);
		}
		100% {
			transform: translate(0, 0);
		}
	}
	@keyframes mobileMenuBtnTopOpen {
		0% {
			transform: translate(0, 0);
		}
		50%, 70% {
			transform: translate(0, 11px);
		}
		100% {
			transform: translate(0, 11px) rotate(45deg);
		}
	}
	@keyframes mobileMenuBtnBottomClose {
		0% {
			transform: translate(0, -11px) rotate(-45deg);
		}
		50%, 70% {
			transform: translate(0, -11px);
		}
		100% {
			transform: translate(0, 0);
		}
	}
	@keyframes mobileMenuBtnBottomOpen {
		0% {
			transform: translate(0, 0);
		}
		50%, 70% {
			transform: translate(0, -11px);
		}
		100% {
			transform: translate(0, -11px) rotate(-45deg);
		}
	}
}

/* BP 4 */
@media screen and (max-width: 600px) {
	#nav-button {
		width: 34px;
		height: 34px;
		margin: 0;
		position: absolute;
		top: 1px;
		right: 6%;
	}
	.nav-button-top {
		top: 7px;
	}
	.nav-button-middle {
		top: 16px;
	}
	.nav-button-bottom {
		top: 25px;
	}

	.nav-button-line {
		height: 3px;
		left: 3px;
		right: 3px;
	}

	@keyframes mobileMenuBtnTopClose {
		0% {
			transform: translate(0, 9px) rotate(45deg)
		}
		50%, 70% {
			transform: translate(0, 9px);
		}
		100% {
			transform: translate(0, 0);
		}
	}
	@keyframes mobileMenuBtnTopOpen {
		0% {
			transform: translate(0, 0);
		}
		50%, 70% {
			transform: translate(0, 9px);
		}
		100% {
			transform: translate(0, 9px) rotate(45deg);
		}
	}
	@keyframes mobileMenuBtnBottomClose {
		0% {
			transform: translate(0, -9px) rotate(-45deg);
		}
		50%, 70% {
			transform: translate(0, -9px);
		}
		100% {
			transform: translate(0, 0);
		}
	}
	@keyframes mobileMenuBtnBottomOpen {
		0% {
			transform: translate(0, 0);
		}
		50%, 70% {
			transform: translate(0, -9px);
		}
		100% {
			transform: translate(0, -9px) rotate(-45deg);
		}
	}
}

/* ---- Navigation ---- */
.section--nav {
	transition: opacity 300ms ease;
	opacity: 0;
	padding: 0;
	z-index: 99;
}
.nav-active .section--nav {
	opacity: 1;
}

.nav-wrapper {
	transition: visibility 0ms 300ms;
	visibility: hidden;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99;
	padding: 67px 0 0 0;
	background: rgba(11, 15, 21, 0.95);
}
.nav-active .nav-wrapper {
	visibility: visible;
	transition: none;
}

#nav {
	max-width: 385px;
	margin: 0 auto;
	padding: 90px 0;
	animation: navListFadeOut 300ms cubic-bezier(0.42, 1.37, 0.46, 0.99);
	animation-fill-mode: forwards;
}
.nav-active #nav {
	animation-name: navListFadeIn;
}


.nav-active {
	overflow: hidden;
}

@keyframes navListFadeIn {
	from {
		transform: scale(0);
	}
}
@keyframes navListFadeOut {
	to {
		transform: scale(0);
	}
}



.nav-list {
	list-style: none;
	padding: 0;
	margin: 0;
	text-transform: lowercase;
	font-weight: 500;
	font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
	font-size: 6.6rem;
	line-height: 1.4;
	display: block;
}
.nav-item {
	display: block;
}
.nav-list a {
	text-decoration: none;
	color: #FFF;
	display: block;
	white-space: nowrap;
	vertical-align: top;
}
.nav-list a:before {
	margin: 20px 26px 0 0;
	font-size: 47px;
	vertical-align: top;
	display: inline-block;
	background: #FA7850;
	border-radius: 50%;
	padding: 8px;
	text-align: center;
}
.nav-list a:hover,
.nav-list a:focus {
	color: #DDD;
}
.nav-list a:hover:before,
.nav-list a:focus:before {
	color: #FFF;
	background: #E35F36;
}

/* BP 2 */
@media screen and (max-width: 1000px),
screen and (max-height: 680px) {
	#nav {
		max-width: 315px;
	}
	.nav-list {
		font-size: 5rem;
	}
	.nav-list a:before {
		margin: 14px 24px 0 0;
		font-size: 35px;
	}
}
/* BP 4 */
@media screen and (max-width: 600px),
screen and (max-height: 550px) {
	#nav {
		max-width: 220px;
	}
	.nav-list {
		font-size: 3.5rem;
	}
	.nav-list a:before {
		margin: 5px 20px 0 0;
		font-size: 28px;
	}
	.nav-list a {
		padding-top: 4px;
		padding-bottom: 4px;
	}
}

@media screen and (max-width: 430px),
screen and (max-height: 410px) {
	#nav {
		max-width: 160px;
	}
	.nav-list {
		font-size: 2.6rem;
	}
	.nav-list a:before {
		margin: 5px 13px 0 0;
		font-size: 22px;
		padding: 5px;
	}
	.nav-list a {
		padding-top: 2px;
		padding-bottom: 2px;
	}
}

@media screen and (max-width: 760px),
screen and (max-height: 550px) {
	#nav {
		padding: 20px 0;
	}
}
@media screen and (max-width: 600px) and (max-height: 550px) {
	#nav {
		padding: 0;
	}
}
/* BP 4 */
@media screen and (max-width: 600px) {
	.nav-wrapper {
		padding-top: 55px;
	}
}

/* ---- Heading centered ---- */
.heading-center {
	text-align: center;
	margin-bottom: 40px;
}
.heading-center__subheading {
	font-family: 'Chevin W01', Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-size: 2rem;
	line-height: 1.2;
}
.heading-center__subheading__link {
	color: inherit;
	text-decoration: none;
}
.heading-center__subheading__link:hover,
.heading-center__subheading__link:focus {
	color: inherit;
	text-decoration: underline;
}
.heading-center__subheading__link:before {
	content: "\003e\00a0";
}

/* Link list */
.heading-center__subheading--list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.heading-center__subheading--list__item {
	display: inline-block;
}
.heading-center__subheading--list__item:after {
	content: " ";
	height: 22px;
	width: 2px;
	background-color: #dddddd;
	display: inline-block;
	vertical-align: top;
	margin: 1px 10px 0;
}
.heading-center__subheading--list__item:last-child:after {
	content: none;
}
.heading-center__subheading--list__item.heading-center__subheading--list__item--active a {
	color: #fa7850;
}
.heading-center__subheading--list__item.heading-center__subheading--list__item--active a:hover,
.heading-center__subheading--list__item.heading-center__subheading--list__item--active a:focus {
	color: #fa7850;
	text-decoration: none;
}
.heading-center__subheading--list a {
	color: inherit;
	text-decoration: none;
}
.heading-center__subheading--list a:hover,
.heading-center__subheading--list a:focus {
	color: inherit;
	text-decoration: underline;
}

/* BP 2 */
@media screen and (max-width: 1000px) {
	.heading-center {
		margin-bottom: 30px;
	}
}
/* BP 3 */
@media screen and (max-width: 760px) {
	.heading-center {
		margin-bottom: 25px;
	}
	.heading-center__subheading {
		font-size: 1.7rem;
	}
	.heading-center__subheading--list__item:after {
		height: 20px;
		margin: 1px 8px 0;
	}
}
/* BP 4 */
@media screen and (max-width: 600px) {
	.heading-center {
		margin-bottom: 20px;
	}
	.heading-center__subheading {
		font-size: 1.5rem;
	}
}


/* ---- About us ---- */
.about-us-content {
	position: relative;
}
.about-us-text {
	width: 745px;
	margin-right: 0;
	margin-left: auto;
}
.about-us-img {
	position: absolute;
	top: 10px;
	left: -280px;
}

/* BP 1 */
@media screen and (max-width: 1270px) {
	.about-us-text {
		width: 605px;
	}
	.about-us-img {
		left: -340px;
	}
}

/* BP 2 */
@media screen and (max-width: 1000px) {
	.about-us-text {
		width: 515px;
	}
	.about-us-img {
		left: -210px;
		max-width: 370px;
		width: 100%;
	}
}

/* BP 3 */
@media screen and (max-width: 760px) {
	.about-us-text {
		width: auto;
	}
	.about-us-img {
		position: relative;
		top: auto;
		left: auto;
		margin: 40px auto 20px;
		display: block;
		padding: 0 39px;
	}
}

/* BP 4 */
@media screen and (max-width: 600px) {
	.about-us-img {
		margin: 30px auto 20px;
	}
}

/* ---- Portfolio grid ---- */
.portfolio-grid {
	list-style: none;
	padding: 0;
	margin: 0 0 30px;
}
.portfolio-grid:before,
.portfolio-grid:after {
	content: " ";
	display: table;
}
.portfolio-grid:after {
	clear: both;
}

.portfolio-grid__item__logo,
.portfolio-grid__item__details,
.portfolio-grid__item a:before {
	transition: all 350ms cubic-bezier(0.4, 0.72, 0.59, 1);
}
.portfolio-grid__item {
	width: 33.333333%;
	float: left;
	position: relative;
	height: 380px;
	overflow: hidden;
}
.portfolio-grid__item a:before {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	background-repeat: no-repeat;
	transform: scale(1.1);
}
.portfolio-grid__item a {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.portfolio-grid__item__background {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: red;
	z-index: 1;
}
.portfolio-grid__item__logo {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	width: 262px;
	height: 166px;
	z-index: 3;
}
.portfolio-grid__item__logo__img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
}
.portfolio-grid__item__details {
	position: absolute;
	bottom: 0;
	transform: translateY(137%) scale(1.7);
	left: 0;
	right: 0;
	background-color: #000;
	padding: 23px 35px 29px;
	z-index: 2;
}
.portfolio-grid__item__details__title {
	font-weight: 500;
	font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
	font-size: 3.5rem;
	line-height: 1.2;
	color: #FFF;
	margin: 0 0 9px;
}
.portfolio-grid__item__details__link.arrow-link {
	color: #FFF;
	margin: 0;
}
.portfolio-grid__item__details__link.arrow-link:hover,
.portfolio-grid__item__details__link.arrow-link:focus {
	color: #FFF;
}

/* Hover */
.portfolio-grid__item a:hover .portfolio-grid__item__details {
	transform: translateY(0) scale(1);
}
.portfolio-grid__item a:hover .portfolio-grid__item__logo {
	transform: translate(-50%, -82%) scale(0.6);
}
.portfolio-grid__item a:hover:before {
	transform: scale(1);
}

/* BP 1 */
@media screen and (max-width: 1270px) {
	.portfolio-grid__item {
		height: 300px;
	}
	.portfolio-grid__item__logo {
		width: 180px;
		height: 120px;
	}
	.portfolio-grid__item__details__title {
		font-size: 3rem;
		margin-bottom: 5px;
	}
	.portfolio-grid__item__details {
		padding: 18px 25px 19px;
	}
}

/* BP 2 */
@media screen and (max-width: 1000px) {
	.portfolio-grid__item {
		height: 233px;
	}
	.portfolio-grid__item__logo {
		width: 120px;
		height: 70px;
	}
	.portfolio-grid__item__details__title {
		font-size: 1.8rem;
		margin-bottom: 2px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.portfolio-grid__item__details {
		padding: 14px 20px 13px;
	}
	.portfolio-grid__item .portfolio-grid__item__logo,
	.portfolio-grid__item a:hover .portfolio-grid__item__logo {
		transform: translateX(-50%);
		top: 50px;
	}

	.portfolio-grid__item .portfolio-grid__item__details {
		transform: none;
	}
	.portfolio-grid__item a:before {
		transform: none;
	}
	.portfolio-grid__item:before {
		transform: scale(1);
	}
}

/* BP 3 */
@media screen and (max-width: 760px) {
	.portfolio-grid__item {
		height: 213px;
		width: 50%;
	}
	.portfolio-grid__item .portfolio-grid__item__logo,
	.portfolio-grid__item a:hover .portfolio-grid__item__logo {
		top: 37px;
	}
	.portfolio-grid__item:nth-child(1n+9) {
		display: none;
	}
	.portfolio-grid__item__details__title {
		font-size: 1.7rem;
	}
}

/* BP 4 */
@media screen and (max-width: 600px) {
	.portfolio-grid {
		margin-bottom: 20px;
	}
	.portfolio-grid__item {
		height: auto;
		width: 100%;
	}
	.portfolio-grid__item__logo {
		width: 110px;
		height: 100%;
		position: absolute;
		left: 0;
		bottom: 0;
		margin-right: auto;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
	}
	.portfolio-grid__item__logo__img {
		max-width: 68px;
		max-height: 50px;
	}
	.portfolio-grid__item .portfolio-grid__item__logo,
	.portfolio-grid__item a:hover .portfolio-grid__item__logo {
		top: 34px;
	}
	.portfolio-grid__item .portfolio-grid__item__logo,
	.portfolio-grid__item a:hover .portfolio-grid__item__logo {
		top: 0;
		transform: none;
	}
	.portfolio-grid__item__details {
		left: 0;
		top: 0;
		position: relative;
		float: left;
		height: 100%;
		padding: 14px 20px 13px 130px;
		min-height: 71px;
		width: 100%;
	}
	.portfolio-grid__item a {
		position: relative;
	}
	.portfolio-grid__item__details__title {
		overflow: visible;
		text-overflow: initial;
		white-space: normal;
	}
	.portfolio-grid__item a:before,
	.portfolio-grid__item a:after {
		content: " ";
		display: table;
	}

	.portfolio-grid__item a:after {
		clear: both;
	}
	.portfolio-grid .portfolio-grid__item:before {
		background-image: none;
	}
}

/* ---- Arrow link ---- */
.arrow-link {
	color: inherit;
	text-decoration: none;
	font-family: 'Chevin W01', Helvetica, Arial, sans-serif;
	font-weight: 600;
}
.arrow-link:hover,
.arrow-link:focus {
	color: inherit;
	text-decoration: underline;
}
.arrow-link:before {
	content: "\003e\00a0";
}

/* ---- Fact circles ---- */
.fact-circles {
	list-style: none;
	padding: 0;
	margin: 50px 0 35px;
	text-align: center;
}
.fact-circles:before,
.fact-circles:after {
	content: " ";
	display: table;
}
.fact-circles:after {
	clear: both;
}
.fact-circle {
	text-align: center;
	float: left;
	width: 20%;
}
.fact-circle-percentage {
	position: relative;
	font-weight: 500;
	font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
	font-size: 7.1rem;
	line-height: 1.1;
	color: #FA7850;
	display: block;
	width: 160px;
	height: 160px;
	padding: 42px 0 0 7px;
	margin: 0 auto 25px;
}
.fact-circle-text {
	display: block;
	padding: 0 20px;
	font-size: 1.8rem;
}
.fact-circle-percentage__amount {
	z-index: 1;
	position: relative;
}
.fact-circle-percentage__symbol {
	font-size: 2.9rem;
	vertical-align: top;
	margin-top: 8px;
	display: inline-block;
	position: relative;
	z-index: 1;
}
.fact-circle-percentage__pie {
	transform: rotate(90deg) rotateY(180deg);
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
}
.fact-circle-percentage__pie__piece {
	transition: all 1500ms ease-in-out;
}

/* BP 1 */
@media screen and (max-width: 1270px) {
	.fact-circle-percentage__pie,
	.fact-circle-percentage {
		width: 140px;
		height: 140px;
	}
	.fact-circle-percentage {
		padding: 41px 0 0 3px;
		font-size: 5.5rem;
	}
	.fact-circle-percentage__symbol {
		font-size: 2.2rem;
	}
}

/* BP 2 */
@media screen and (max-width: 1000px) {
	.fact-circles {
		margin-top: 30px;
		margin-bottom: 20px;
	}
	.fact-circle-percentage__pie,
	.fact-circle-percentage {
		width: 100px;
		height: 100px;
	}
	.fact-circle-percentage {
		padding: 32px 0 0 3px;
		font-size: 3.4rem;
		margin-bottom: 17px;
	}
	.fact-circle-percentage__symbol {
		font-size: 1.7rem;
	}
	.fact-circle-text {
		padding: 0 15px;
		font-size: 1.6rem;
		line-height: 1.4;
	}
}

/* BP 3 */
@media screen and (max-width: 760px) {
	.fact-circle {
		width: 25%;
	}
	.fact-circle:nth-child(1n+5) {
		display: none;
	}
}

/* BP 4 */
@media screen and (max-width: 600px) {
	.fact-circle {
		width: 33.33333%;
	}
	.fact-circle:nth-child(1n+4) {
		display: none;
	}
}

/* Extra BP */
@media screen and (max-width: 430px) {
	.fact-circles {
		margin-top: 15px;
		margin-bottom: 10px;
	}
	.fact-circle-percentage__pie,
	.fact-circle-percentage {
		width: 68px;
		height: 68px;
	}
	.fact-circle-percentage {
		padding: 21px 0 0 3px;
		font-size: 2.7rem;
		margin-bottom: 14px;
	}
	.fact-circle-percentage__symbol {
		font-size: 1.3rem;
		margin-top: 3px;
	}
	.fact-circle-text {
		padding: 0 5px;
		font-size: 1.4rem;
	}
}

/* Extra BP */
@media screen and (max-width: 360px) {
	.fact-circle {
		width: 50%;
		margin-bottom: 25px;
	}
	.fact-circle:nth-child(4) {
		display: block;
	}
	.fact-circle:nth-child(1n+3) {
		margin-bottom: 0;
	}
}

/* ---- Blog previews ---- */
.blog-previews {
	list-style: none;
	padding: 0;
	margin: 0;
}

/* ---- Shield ---- */
.shield {
	background-color: #fa7850;
	padding: 7px 8px 2px;
	color: #FFF;
	display: inline-block;
	text-align: center;
	position: relative;
	width: 90px;
	margin-bottom: 20px;
}
.shield.icon-before:before {
	font-size: 70px;
	display: block;
}
.shield:after {
	content: " ";
	width: 0;
	height: 0;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	border-style: solid;
	border-width: 20px 45px 0 45px;
	border-color: #fa7850 transparent transparent transparent;
}

.shield-text {
	text-align: center;
	margin-top: 20px;
}
.shield-text .shield {
	margin-bottom: 35px;
}

/* ---- Testimonial section ---- */
.testimonial-quote {
	background: none;
	padding: 0;
	margin: 0;
	font-style: normal;
}
.testimonial-quote__body {
	font-style: italic;
	position: relative;
	padding: 0 100px;
}
.testimonial-quote__body:before,
.testimonial-quote__body:after {
	font-weight: 500;
	font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
	font-size: 11.2rem;
	line-height: 1;
	position: absolute;
}
.testimonial-quote__body:before {
	content: open-quote;
	left: -16px;
	top: -14px;
}
.testimonial-quote__body:after {
	content: close-quote;
	right: 15px;
	bottom: -64px;
}
.testimonial-quote__author {
	text-align: right;
	display: block;
	font-style: normal;
	font-weight: bold;
	font-size: 1.7rem;
}

/* BP 3 */
@media screen and (max-width: 760px) {
	.testimonial-quote__body {
		padding: 0 50px;
	}
	.testimonial-quote__body:before,
	.testimonial-quote__body:after {
		font-size: 8rem;
	}
	.testimonial-quote__body:before {
		top: -9px;
		left: -11px;
	}
	.testimonial-quote__body:after {
		bottom: -45px;
		right: 11px;
	}
	.testimonial-quote__author {
		font-size: 1.5rem;
	}
}

/* BP 4 */
@media screen and (max-width: 600px) {
	.testimonial-quote__body {
		padding: 0 30px;
	}
	.testimonial-quote__body:before,
	.testimonial-quote__body:after {
		font-size: 5rem;
	}
	.testimonial-quote__body:before {
		top: -5px;
		left: -7px;
	}
	.testimonial-quote__body:after {
		bottom: -28px;
		right: 8px;
	}
	.testimonial-quote__author {
		font-size: 1.4rem;
	}
}

/* ---- Social list ---- */
.social-list {
	list-style: none;
	padding: 0;
	margin: 0 0 30px;
}
.social-list__item {
	display: inline-block;
}
.social-list__item a {
	text-decoration: none;
	font-size: 6.8rem;
	cursor: pointer;
	display: block;
	color: inherit;
}
.social-list__item a:before {
	display: block;
}

.bg-orange .social-list__item a {
	color: #FFF;
}
.bg-orange .social-list__item a:hover,
.bg-orange .social-list__item a:focus {
	color: #202b40;
}

/* ---- Date shield ---- */
.date-shield {
	color: #FFF;
	text-align: center;
	width: 76px;
	display: block;
	padding-bottom: 11px;
}
.date-shield span {
	display: block;
}
.date-shield__header {
	background-color: #fa7850;
	font-family: 'Chevin W01', Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-size: 1.7rem;
	line-height: 1.2;
	padding: 4px 0;
	text-transform: lowercase;
}
.date-shield__body {
	background-color: #202b40;
	font-weight: 500;
	font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
	font-size: 4rem;
	line-height: 1;
	padding: 9px 0 4px;
	position: relative;
}
.date-shield__body:after {
	content: " ";
	position: absolute;
	top: 100%;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 38px 0 38px;
	border-color: #202b40 transparent transparent transparent;
}
.date-shield__body__year {
	font-size: 1.5rem;
}

/* BP 2 */
@media screen and (max-width: 1000px) {
	.date-shield {
		width: 60px;
		padding-bottom: 11px;
	}
	.date-shield__header {
		font-size: 1.6rem;
		padding: 3px 0;
	}
	.date-shield__body {
		font-size: 3.3rem;
		padding: 7px 0 3px;
	}
	.date-shield__body:after {
		border-width: 10px 30px 0 30px;
	}
	.date-shield__body__year {
		font-size: 1.4rem;
	}
}

/* BP 3 */
@media screen and (max-width: 760px) {
	.date-shield {
		width: 50px;
	}
	.date-shield__header {
		font-size: 1.4rem;
		padding: 3px 0;
	}
	.date-shield__body {
		font-size: 2.7rem;
		padding: 7px 0 2px;
	}
	.date-shield__body:after {
		border-width: 8px 25px 0 25px;
	}
	.date-shield__body__year {
		font-size: 1.3rem;
	}
}

/* ---- Contact ---- */

/* BP 2 */
@media screen and (max-width: 1000px) {
	.section--contact .social-list__item a {
	 	font-size: 5.5rem;
	}
}
/* BP 3 */
@media screen and (max-width: 760px) {
	.section--contact .social-list__item a {
		font-size: 5rem;
	}
}
/* BP 4 */
@media screen and (max-width: 600px) {
	.section--contact .social-list__item a {
		font-size: 4.5rem;
	}
	.section--contact .social-list {
		margin-bottom: 20px;
	}
}


/* ---- Footer ---- */
.section.section--footer {
	color: #fdb098;
	padding-top: 20px;
	padding-bottom: 20px;
}
.footer__list {
	text-align: right;
}
.footer__list p {
	margin: 0;
	display: inline-block;
}
.footer__list p:after {
	content: " ";
	height: 20px;
	width: 1px;
	background-color: #fdb098;
	display: inline-block;
	vertical-align: middle;
	margin: 0 4px 0 8px;
}
.footer__list p:last-child:after {
	content: none;
}
.section.section--footer a {
	color: inherit;
	text-decoration: none;
}
.section.section--footer a:hover,
.section.section--footer a:focus {
	color: #FFF;
}

/* BP 2 */
@media screen and (max-width: 1000px) {
	.section.section--footer {
		padding-top: 15px;
		padding-bottom: 15px;
		font-size: 1.5rem;
	}
}
/* BP 3 */
@media screen and (max-width: 760px) {
	.section.section--footer {
		padding-top: 12px;
		padding-bottom: 12px;
		font-size: 1.3rem;
	}
	.footer__list {
		text-align: center;
	}
}
/* BP 4 */
@media screen and (max-width: 600px) {
	.footer__list p {
		display: block;
	}
	.footer__list p:after {
		content: none;
	}
}


/* ---- Blog previews ---- */
.blog-preview__header {
	margin: 0 0 29px;
}
.blog-preview__header:before,
.blog-preview__header:after {
	content: " ";
	display: table;
}
.blog-preview__header:after {
	clear: both;
}
.blog-preview__header .date-shield {
	float: left;
	margin: 0 28px 0 0;
}
.blog-preview__header__title {
	font-weight: 500;
	font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
	font-size: 3rem;
	line-height: 1.2;
	margin: 7px 0 0;
	overflow: hidden;
}
.blog-preview__header__title a {
	color: inherit;
	text-decoration: none;
}
.blog-posted-by {
	text-transform: uppercase;
	font-size: 1.5rem;
}
.blog-posted-by,
.blog-posted-by a {
	color: #7c7c7c;
}
.blog-posted-by a {
	text-decoration: none;
}
.blog-posted-by a:hover,
.blog-posted-by a:focus {
	text-decoration: underline;
	color: #000;
}
.blog-preview__link a {
	color: #FA7850;
}
.blog-preview__link a:hover,
.blog-preview__link a:focus {
	color: #E35F36;
}

/* BP 1 */
@media screen and (max-width: 1270px) {
	.blog-preview__header__title {
		font-size: 2.4rem;
		margin: 0;
	}
	.blog-preview__header .date-shield {
		margin-right: 20px;
	}
}

/* BP 2 */
@media screen and (max-width: 1000px) {
	.blog-preview__header {
		margin-bottom: 20px;
	}
	.blog-posted-by {
		font-size: 1.4rem;
		margin-bottom: 9px;
	}
}

/* BP 3 */
@media screen and (max-width: 760px) {
	.blog-preview__header .date-shield {
		float: none;
		margin: 0 0 13px;
	}
	.blog-preview__header__title {
		overflow: visible;
	}
	.blog-preview__header__title {
		font-size: 2rem;
	}
}

/* BP 4 */
@media screen and (max-width: 600px) {
	.blog-preview__header .date-shield {
		float: left;
		margin: 0 20px 0 0;
	}
	.blog-preview__header__title {
		margin-top: 5px;
	}
	.blog-preview {
		margin-bottom: 15px;
	}
	.blog-preview:last-child {
		margin-bottom: 0;
	}
	.blog-posted-by {
		display: none;
	}
}


/* ---- Our staff ---- */
.our-staff-item {
	text-align: center;
	margin: 0 0 60px;
}
.our-staff__image {
	padding: 0 30px;
	margin: 0 0 26px;
}
.our-staff__quote {
	margin: 0 0 9px;
	line-height: 1.2;
}
.our-staff__name {
	margin: 0 0 5px;
}
.our-staff__title {
	margin: 0;
	font-size: 1.5rem;
}

/* ---- Clients list ---- */
.clients-list__category .shield-text .shield:before {
	content: "\e90b";
}
.clients-list__category__list {
	list-style: none;
	padding: 0;
	margin: 0 0 60px;
	text-align: center;
}
.clients-list__category__list__item a {
	color: inherit;
	display: block;
	text-decoration: none;
	margin: 7px 0;
}
.clients-list__category__list__item a:hover,
.clients-list__category__list__item a:focus {
	text-decoration: underline;
}
.clients-list__category__list__item a:after {
	margin-left: 4px;
	display: inline-block;
	font-size: 27px;
	color: #797979;
	vertical-align: middle;
}
.clients-list__category__list__item a:hover:after,
.clients-list__category__list__item a:focus:after {
	color: #202b40;
}

.clients-list__category--design-creative .shield-text .shield:before {
	content: "\e90c";
}
.clients-list__category--education-learning .shield-text .shield:before {
	content: "\e912";
}


.clients-list__category--events-tourism .shield-text .shield:before {
	content: "\e919";
}
.clients-list__category--food-wine .shield-text .shield:before {
	content: "\e91e";
}
.clients-list__category--government-council .shield-text .shield:before {
	content: "\e90c";
}
.clients-list__category--health-medicine-science .shield-text .shield:before {
	content: "\e91b";
}
.clients-list__category--private-sector .shield-text .shield:before {
	content: "\e91c";
}
.clients-list__category--not-for-profits .shield-text .shield:before {
	content: "\e91a";
}


/* ---- Inner banner---- */
.section--inner-banner {
	padding: 180px 0 70px;
}
.inner-banner__text {
	color: #FFF;
	z-index: 5;
	position: relative;
}
.inner-banner__text__title {
	text-transform: lowercase;
	font-weight: 500;
	font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
	font-size: 11.5rem;
	margin: 0 0 29px;
	line-height: 0.8;
}
/* Lines */
.inner-banner-lines {
	position: fixed;
	top: 465px;
	left: 50%;
	margin-right: -50%;
	transform: translateX(-50%) rotate(-45deg);
}
.inner-banner-line {
	background-color: #2c3f69;
	height: 2px;
	width: 775px;
	margin: 2px 0;
	position: absolute;
	top: 0;
	left: 0;
}

.inner-banner-line--1 {
	left: -1106px;
	top: -479px;
}
.inner-banner-line--2 {
	left: 370px;
	top: -147px;
}
.inner-banner-line--3 {
	left: -180px;
	top: 172px;
}
.inner-banner-line--4 {
	left: 240px;
	top: 211px;
}
.inner-banner-line--5 {
	left: 10px;
	top: 470px;
}


/* BP 1 */
@media screen and (max-width: 1270px) {
	.inner-banner__text__title {
		font-size: 9.5rem;
		margin-bottom: 0;
	}
	.inner-banner-line--1 {
		left: -1008px;
		top: -414px;
	}
	.inner-banner-line--2 {
		left: 320px;
		top: -177px;
	}
	.inner-banner-line--3 {
		left: -200px;
		top: 142px;
	}
	.inner-banner-line--4 {
		left: 330px;
		top: 181px;
	}
	.inner-banner-line--5 {
		left: 10px;
		top: 330px;
	}
}
/* iPad */
@media screen and (max-width: 1024px) {
	.inner-banner-lines {
		position: absolute;
	}
}
/* BP 2 */
@media screen and (max-width: 1000px) {
	.inner-banner__text__title {
		font-size: 8rem;
	}
	.inner-banner-line--1 {
		left: -918px;
		top: -364px;
	}
	.inner-banner-line--2 {
		left: 260px;
		top: -237px;
	}
	.inner-banner-line--3 {
		left: -250px;
		top: 112px;
	}
	.inner-banner-line--4 {
		left: 330px;
		top: 151px;
	}
	.inner-banner-line--5 {
		left: 10px;
		top: 230px;
	}
}

/* BP 3 */
@media screen and (max-width: 760px) {
	.inner-banner__text__title {
		font-size: 6rem;
	}
	.section--inner-banner {
		padding: 160px 0 50px;
	}
	.inner-banner-line--1 {
		left: -828px;
		top: -344px;
	}
	.inner-banner-line--2 {
		left: 240px;
		top: -257px;
	}
	.inner-banner-line--3 {
		left: -320px;
		top: 12px;
	}
	.inner-banner-line--4 {
		left: 290px;
		top: 35px;
	}
	.inner-banner-line--5 {
		left: 10px;
		top: 110px;
	}
}

/* BP 4 */
@media screen and (max-width: 600px) {
	.inner-banner__text__title {
		font-size: 3.6rem;
	}
	.section--inner-banner {
		padding: 45px 0 40px;
	}
	.inner-banner-line {
		width: 200px;
	}
	.inner-banner-line--1 {
		left: -121px;
		top: -430px;
	}
	.inner-banner-line--2 {
		left: 310px;
		top: -307px;
	}
	.inner-banner-line--3 {
		left: 250px;
		top: -100px;
	}
	.inner-banner-line--4 {
		left: 390px;
		top: -87px;
	}
	.inner-banner-line--5 {
		left: 270px;
		top: -52px;
	}
}

/* Extra BP */
@media screen and (max-width: 430px) {
	.inner-banner__text__title {
		font-size: 3rem;
	}
	.section--inner-banner {
		padding: 30px 0;
	}
	.inner-banner-line--1 {
		left: -49px;
		top: -390px;
	}
	.inner-banner-line--2 {
		left: 297px;
		top: -337px;
	}
	.inner-banner-line--3 {
		left: 240px;
		top: -170px;
	}
	.inner-banner-line--4 {
		left: 362px;
		top: -157px;
	}
	.inner-banner-line--5 {
		left: 270px;
		top: -128px;
	}
}


/* ---- Icon circles ---- */
.what-we-do-item {
	text-align: center;
	margin-top: 40px;
	margin-bottom: 40px;
}
.what-we-do-item .icon-circle {
	margin-bottom: 20px;
}


.icon-circle {
	text-align: center;
}
.icon-circle a {
	margin: 0 auto;
	text-decoration: none;
	color: #202b40;
	display: block;
	border-radius: 50%;
	background-color: #ececec;
	height: 210px;
	width: 210px;
	position: relative;
}
.icon-circle a:hover,
.icon-circle a:focus {
	background-color: #fa7850;
	color: #FFF;
}
.icon-circle .icon-before:before {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	font-size: 90px;
}

/* ---- Expanding List ---- */
.expanding-list {
	list-style: none;
	padding: 0;
	margin: 0 0 40px;
}
.expanding-list__item {
	margin-bottom: 10px;
}
.expanding-list__item__title {
	margin: 0;
}
.expanding-list__item__button {
	-webkit-appearance: none;
	padding: 10px 60px 10px 60px;
	border: none;
	outline: none;
	display: block;
	width: 100%;
	text-align: left;
	position: relative;
	background: #ececec;
	font-size: 1.9rem;
}
.expanding-list__item__button:hover,
.expanding-list__item__button:focus {
	background-color: #dddddd;
}
.expanding-list__item__button:before {
	content: "\e917";
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size: 32px;
	position: absolute;
	top: 5px;
	left: 20px;
	color: #202b40;
}
.expanding-list__item__button:after {
	content: "\e900";
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size: 32px;
	position: absolute;
	top: 6px;
	right: 20px;
	color: #b3b3b3;
}
.expanding-list__item--active .expanding-list__item__button:after {
	transform: rotate(180deg);
}
.expanding-list__item__content {
	display: none;
	padding: 20px 20px;
}

/* BP 4 */
@media screen and (max-width: 600px) {
	.expanding-list__item__content {
		padding: 15px 15px 3px;
	}
	.expanding-list__item__button {
		font-size: 1.6rem;
		padding: 10px 39px 10px 46px;
	}
	.expanding-list__item__button:before {
		font-size: 25px;
		top: 7px;
		left: 10px;
	}
	.expanding-list__item__button:after {
		font-size: 23px;
		top: 8px;
		right: 10px;
	}
}

/* ---- Site search ---- */

/* ie on the /search page */


@media screen and (min-width: 600px) {
	.site-search-form input[type="text"] {
		width: 60%;
		margin: 0 1.5% 0 0;
	}

}

/* ------------------------------------------------------
**** Widgets

Widgets & Modules that ship with sprout.
If they don't they belong in seperate partial file

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

/* ---- Catch all ---- */
.sidebar .widget {
	margin-bottom: 25px;
}

/* ---- Related Links ---- */
.widget-RelatedLinks {
	margin-bottom: 25px;
}
/* resets, don't touch */
.widget-RelatedLinks ul {
	padding: 0;
	margin:  0;
}
.widget-RelatedLinks li {
	list-style: none;
}
.widget-RelatedLinks a {
	text-decoration: none;
}
/* styles */
.widget-RelatedLinks li.depth1 {
	border-bottom: 1px solid #d6d6d6;
	position: relative;
}
.widget-RelatedLinks li.depth1:last-child {
	border-bottom: none;
}
.widget-RelatedLinks li.depth1 > a {
	display: block;
	padding: 10px 18px 10px 0;
	transition: all 150ms ease-out;
}
.widget-RelatedLinks li.depth1.on > a,
.widget-RelatedLinks li.depth1 > a:hover {
	background-color: #eee;
	padding-left: 10px;
}
.widget-RelatedLinks li.depth1.on > a:hover {
	padding-left: 15px;
}
.widget-RelatedLinks li.on > a:after,
.widget-RelatedLinks li.depth1:hover > a:after,
.widget-RelatedLinks li.depth2 a:hover:after {
	content: ">";
	position: absolute;
	right: 10px;
	color: #000;
	top: 9px;
}

/* Children */

.widget-RelatedLinks li.depth2 {
	font-size: 1.4rem;
}
.widget-RelatedLinks li.depth2 a {
	background: #f6f6f6;
}
.widget-RelatedLinks li.depth2.on a,
.widget-RelatedLinks li.depth2.on a:hover {
	background: #eee;
}
.widget-RelatedLinks li.depth2 a:before {
	content: "- ";
}
.widget-RelatedLinks li.depth2 {
	border-top: 1px solid #d6d6d6;
}

.widget-RelatedLinks li.depth2 a {
	transition: all 150ms ease-out;
	position: relative;
	padding: 10px 25px 10px 25px;
	display: block;
}
.widget-RelatedLinks li.depth2 a:hover {
	background: #eee;
}


/* ---- Simple Image Gallery ---- */
.widget-GallerySimple {
	margin: 15px -10px;
}

.widget-GallerySimple h3 {
	padding: 10px;
}

.widget-GallerySimple .gallery-simple-thumb {
	width: 33.333%;
	padding: 10px;
	float: left;
}
.widget-GallerySimple .gallery-simple-thumb img {
	width: 100%;
}

/* ---- Children Page Gallery ---- */
.children-gallery-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.widget-ChildrenGallery .children-gallery-list-item {
	width: 22%;
	float: left;
	margin: 0 4% 20px 0;
	position: relative;
}
.widget-ChildrenGallery .children-gallery-list-item:nth-child(4n+4) {
	margin-right: 0;
}
.widget-ChildrenGallery .children-gallery-list-item-link {
	display: block;
	text-decoration: none;
	color: inherit;
}
.widget-ChildrenGallery .children-gallery-list-item-link:hover {
	text-decoration: underline;
}
.widget-ChildrenGallery .children-gallery-list-item-image {
	margin-bottom: 9px;
}
.widget-ChildrenGallery .children-gallery-list-item-link:hover .children-gallery-list-item-image {
	opacity: 0.9;
}
.widget-ChildrenGallery .children-gallery-list-item-title {
	margin: 0;
}
.widget-ChildrenGallery .children-gallery-list-item-anchor {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

@media screen and (max-width: 760px) {
	.widget-ChildrenGallery .children-gallery-list-item {
		width: 30.666666%;
	}
	.widget-ChildrenGallery .children-gallery-list-item:nth-child(4n+4) {
		margin-right: 4%;
	}
	.widget-ChildrenGallery .children-gallery-list-item:nth-child(3n+3) {
		margin-right: 0;
	}
}

@media screen and (max-width: 600px) {
	.widget-ChildrenGallery .children-gallery-list-item {
		width: 48%;
	}
	.widget-ChildrenGallery .children-gallery-list-item:nth-child(3n+3) {
		margin-right: 4%;
	}
	.widget-ChildrenGallery .children-gallery-list-item:nth-child(2n+2) {
		margin-right: 0;
	}
}

/* ---- Contact page ---- */
.section--content--contact fieldset {
	margin: 0;
	border: none;
	padding: 0;
}
.section--content--contact .info-box legend {
	margin: 0 0 5px;
}
.section--content--contact .contact-form-section {
	border: 1px solid #ececec;
	margin-bottom: 40px;
	position: relative;
	padding: 30px;
}
.section--content--contact .contact-form-section:last-child {
	margin-bottom: 0;
}
.section--content--contact .input-row {
	margin: 0;
}
.section--content--contact .input-row + .input-row {
	margin-top: 20px;
}

/* BP 2 */
@media screen and (max-width: 1000px) {
	.section--content--contact .contact-form-section {
		padding: 20px;
		margin-bottom: 30px;
	}
}
/* BP 3 */
@media screen and (max-width: 760px) {
	.section--content--contact .nothing-firm-yet-row {
		margin-bottom: 40px;
	}
	.section--content--contact .nothing-firm-yet-row:last-child {
		margin-bottom: 0;
	}
	.nothing-firm-yet-row .grid-col-12-bp3 {
		margin-bottom: 20px
	}
}
/* BP 4 */
@media screen and (max-width: 600px) {
	.nothing-firm-yet-row .grid-col-12-bp4 {
		margin-bottom: 20px
	}
	.section--content--contact .nothing-firm-yet-row {
		margin-bottom: 30px;
	}
	.section--content--contact .nothing-firm-yet-row .grid-col:last-child {
		margin-bottom: 0;
	}
}


/* ---- Order Form ---- */
.widget-OrderForm .product {
	width: 30%;
	margin-right: 5%;
	float: left;
}
.widget-OrderForm .product:nth-child(3n+3) {
	margin-right: 0;
}

/* ---- Videos ---- */
.widget-Video {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px; height: 0; overflow: hidden;
}

.widget-Video iframe,
.widget-Video object,
.widget-Video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ---- Partner widget ---- */
.partner-image {
	margin: 0 0 0 auto;
	display: block;
	max-width: 330px;
	width: 100%;
}
/* BP 4 */
@media screen and (max-width: 600px) {
	.partner-image {
		margin: 0 auto 20px;
		max-width: 230px;
	}
}


/* ---- Blog ---- */

/* - Blog hub - */
#blog-hub-posts,
#blog-posts {
	margin: 0 -2%;
}
.blog-post-preview {
	border: 1px solid #ececec;
	padding: 22px 25px;
	width: 47%;
	margin: 0 0 20px 2%;
	float: left;
	background: #fff;
}
.blog-post-preview .blog-post-featured-img-small {
	width: 100%;
	display: block;
}
.view-more-link-wrapper {
	position: relative;
	margin-bottom: 30px;
}
.view-more-link {
	background-color: rgba(32, 43, 64, 0.9);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	color: #FFF;
	margin: 0;
	opacity: 0;
	transition: opacity 200ms ease;
}
.view-more-link__text {
	margin: 0;
	position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}
.view-more-link__text:before {
	font-size: 6rem;
	vertical-align: top;
	margin-top: -15px;
	display: inline-block;
}
.blog-post-img-link:hover .view-more-link,
.blog-post-img-link:focus .view-more-link {
	opacity: 1;
}
.project-screenshots-area a:hover .view-more-link,
.project-screenshots-area a:focus .view-more-link {
	opacity: 1;
}

.blog-post-preview .side {
	float: left;
	width: 98px;
	border-right: 1px solid #ececec;
	text-align: center;
	padding-right: 20px;
}
.blog-post-preview .side .date-shield {
	margin-bottom: 30px;
}
.blog-post-preview .share p {
	margin: 0 0 10px;
	text-transform: uppercase;
	font-size: 1.4rem;
}
.blog-post-preview .social-list {
	margin: 0;
}
.blog-post-preview .social-list__item {
	display: block;
}
.blog-post-preview .social-list__item a {
	font-size: 3rem;
}
.blog-post-preview .social-list__item a:hover:before,
.blog-post-preview .social-list__item a:focus:before {
	color: #fa7850;
}
.blog-post-preview a.blog-link {
	color: #f1633a;
}
.blog-post-preview .excerpt {
	padding: 0  20px 0;
	overflow: hidden;
}
.blog-post-preview .excerpt__title a {
	text-decoration: none;
}
.blog-post-preview .excerpt__title h2 {
	margin: 0 0 5px;
}
.blog-post-preview .excerpt .author {
	font-size: 1.4rem;
	text-transform: uppercase;
}
.blog-post-preview .excerpt p {
	font-size: 1.7rem;
	margin: 0 0 20px;
}
.blog-post-preview .excerpt p:last-child {
	margin-bottom: 0;
}

/* Refine bar */
.blog-refine-bar {
	margin: 37px 0;
}
.blog-refine-bar a,
.blog-refine-bar button {
	text-transform: uppercase;
	font-size: 1.6rem;
	padding: 6px 12px;
	text-decoration: none;
	margin: 0 3px;
	color: #222;
	display: inline-block;
	border-radius: 35px;
	-webkit-appearance: none;
	border: none;
	outline: none;
	background: transparent;
}
.blog-refine-bar .on {
	background: #fa7850;
	color: #FFF;
}
.blog-refine-bar .on:hover {
	background: #E36F4C;
	color: #FFF;
}
.blog-refine-bar a:hover,
.blog-refine-bar button:hover {
	background: #ececec;
}

/* BP 2 */
@media screen and (max-width: 1000px) {
	.blog-post-preview .side {
		width: 82px;
	}
	.blog-post-preview {
		padding: 17px 20px;
	}
}

/* BP 3 */
@media screen and (max-width: 760px) {
	.blog-post-preview .side .share {
		display: none;
	}
	.blog-post-preview .side {
		width: auto;
		float: left;
		border: none;
		padding: 0;
		margin: 0 15px 10px 0;
		position: relative;
	}
	.blog-post-preview .side .date-shield {
		margin-bottom: 10px;
	}
	.blog-post-preview .excerpt {
		padding: 0;
		overflow: visible;
	}
	.view-more-link-wrapper {
		margin-bottom: 20px;
	}
	.blog-post-preview .excerpt .author + p {
		clear: both;
	}
	.blog-post-preview .excerpt p {
		margin: 0 0 15px;
	}
	.excerpt__title {
		overflow: hidden;
	}


	.blog-post-preview .date-shield {
		width: 40px;
	}
	.blog-post-preview .date-shield__header {
		font-size: 1.3rem;
		padding: 2px 0;
	}
	.blog-post-preview .date-shield__body {
		font-size: 2.2rem;
		padding: 5px 0 2px;
	}
	.blog-post-preview .date-shield__body:after {
		border-width: 6px 20px 0 20px;
	}
	.blog-post-preview .date-shield__body__year {
		font-size: 1.2rem;
	}
}

/* BP 4 */
@media screen and (max-width: 600px) {
	.blog-post-preview {
		padding: 13px 15px;
	}
}

/* Extra BP */
@media screen and (max-width: 430px) {
	#blog-hub-posts,
	#blog-posts {
		margin: 0;
	}
	.blog-post-preview {
		width: 100%;
		margin: 0 0 20px;
		float: none;
	}

	.blog-refine-bar {
		margin: 25px 0;
	}
}


/* -- Blog post -- */
.blog-post-featured-img {
	margin: 20px 0 50px;
}

#blog-post-section .blog-post .blog-date p {
	color: #ffc400;
}
#blog-post-section .blog-post .side {
	float: left;
	width: 180px;
	border-right: 1px solid #ececec;
	text-align: center;
	margin: 0 50px 0 0;
}
.side-col {
	padding: 23px 20px;
	border-bottom: 1px solid #ececec;
}
.side-col:last-child {
	border-bottom: none;
}

.blog-author-pic p {
	margin: 0;
}
.blog-author-pic a {
	display: block;
	font-size: 1.5rem;
	text-transform: uppercase;
}
.blog-author-pic img {
	margin-bottom: 18px;
	max-width: 100px;
}

.blog-subscribe p {
	margin-bottom: 0;
}

.blog-date .date-shield {
	margin: 0 auto;
}

#blog-post-section .blog-post .blog-date p {
	color: #ffc400;
}

.blog-post .side .share p {
	margin: 0 0 10px;
	text-transform: uppercase;
	font-size: 1.7rem;
}
.blog-post .side .social-list {
	margin: 0;
}
.blog-post .side .social-list__item {
	display: block;
}
.blog-post .side .social-list__item a {
	font-size: 3.5rem;
}
.blog-post .side .social-list__item a:hover,
.blog-post .side .social-list__item a:focus {
	color: #E35F36;
}

.blog-post .side a img {
	display: block;
	margin: 15px auto;
}
#blog-post-section .blog-post .share a:hover img {
	opacity: 0.5;
	transition: opacity 300ms ease-in;
}
#blog-post-section .blog-post .excerpt {
	float: left;
	width: 910px;
}

#blog-post-section .blog-post .excerpt h3:before,
#blog-post-section .blog-post .excerpt h3:after {
	display: none;
}
#blog-post-section .blog-post .excerpt .author {
	font-size: 1.6rem;
	text-transform: uppercase;
	margin: 10px 0 20px;
}


.blog-article__footer .share-item {
	display: inline;
	vertical-align: middle;
}
.blog-article__footer .fb_iframe_widget span {
	display: block;
}

/* BP 1 */
@media screen and (max-width: 1270px) {
	#blog-post-section .blog-post .side {
		width: 150px;
		margin-right: 40px;
	}
	#blog-post-section .blog-post .excerpt {
		width: 710px;
	}
}

/* BP 2 */
@media screen and (max-width: 1000px) {
	#blog-post-section .blog-post .side {
		width: 150px;
		margin-right: 30px;
	}
	.blog-author-pic img {
		max-width: 80px;
	}
	#blog-post-section .blog-post .excerpt {
		width: 520px;
	}
	.side-col {
		padding: 20px 10px;
	}
}

/* BP 3 */
@media screen and (max-width: 760px) {
	#blog-post-section .blog-post .excerpt {
		width: 100%;
	}
	#blog-post-section .blog-post .side {
		width: 100%;
		float: none;
		margin: 0 0 20px;
		border-right: none;
		border-bottom: 1px solid #ececec;
	}
	.side-col {
		padding: 0;
		border-bottom: none;
		margin: 0 0 23px;
		vertical-align: top;
	}
	.blog-subscribe.side-col {
		display: none;
	}
	.blog-date.side-col {
		display: inline-block;
	}
	.blog-post .side .share {
		display: inline-block;
		margin-left: 20px;
	}
	.blog-post .side .social-list__item {
		display: inline-block;
	}
	.blog-post-featured-img {
		margin: 20px 0 30px;
	}

}
/* BP 4 */
@media screen and (max-width: 600px) {
	.blog-refine-bar a,
	.blog-refine-bar button {
		font-size: 1.4rem;
		padding: 3px 10px;
		margin: 0 1px;
	}
}

/* ---- Screens slider ---- */
.screens-slider-wrapper {
	position: relative;
	text-align: center;
	margin: 0 0 23px;
}
.screens-slider-list-wrapper {
	position: absolute;
	top: 19px;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 0;
	width: 420px;
}
.screens-slider-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.screens-slider-bg {
	position: relative;
	z-index: 1;
	pointer-events: none;
}

/* BP 1 */
@media screen and (max-width: 1270px) {
	.screens-slider-list-wrapper {
		top: 15px;
		width: 334px;
	}
}

/* BP 2 */
@media screen and (max-width: 1000px) {
	.screens-slider-list-wrapper {
		top: 19px;
		width: 420px;
	}
	.screens-slider-wrapper {
		margin-bottom: 20px;
	}
}

/* BP 4 */
@media screen and (max-width: 600px) {
	.screens-slider-list-wrapper {
		top: 5.4%;
		width: 61.8%;
	}
	.screens-slider-bg {
		width: 80%;
	}
	.screens-slider-wrapper {
		margin-bottom: 25px;
	}
}

/* ---- Info box ---- */
.info-box {
	border: 1px solid #ececec;
	padding: 30px;
}
.info-box h2 {
	margin-top: 0;
}

/* ---- Project ---- */
#project-detail .share {
	margin: 30px 0 0;
}
#project-detail .share p {
	text-transform: uppercase;
	margin: 0 0 8px;
}
#project-detail .social-list__item a {
	font-size: 3.5rem;
}

.project-zoom {
	z-index: 2;
}
.project-screenshots-display {
	position: relative;
	z-index: 4;
	margin: 0 auto;
	display: block;
}
.project-screenshots-image-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
}
.project-screenshots-area {
	display: none;
	position: relative;
}
.project-screenshots-area a {
	display: block;
}
.project-screenshots-area--active {
	display: block;
}

.screenshot-gallery .mfp-img {
	max-height: none !important;
}
.screenshot-gallery .mfp-arrow {
	position: fixed;
}

/* Desktop */
.project-screenshots-area--desktop .project-screenshots-image-wrapper {
	top: 25px;
	width: 570px;
}

/* Tablet */
.project-screenshots-area--tablet .project-screenshots-image-wrapper {
	top: 54px;
	width: 320px;
}

/* Mobile */
.project-screenshots-area--mobile .project-screenshots-image-wrapper {
	top: 47px;
	width: 250px;
}


/* BP 1 */
@media screen and (max-width: 1270px) {
	/* Desktop */
	.project-screenshots-area--desktop .project-screenshots-image-wrapper {
		top: 16px;
		width: 394px;
	}
}

/* BP 2 */
@media screen and (max-width: 1000px) {
	/* Desktop */
	.project-screenshots-area--desktop .project-screenshots-image-wrapper {
		top: 13px;
		width: 305px;
	}
}

/* BP 3 */
@media screen and (max-width: 760px) {
	/* Desktop */
	.project-screenshots-area--desktop .project-screenshots-image-wrapper {
		top: 17px;
		width: 418px;
	}
	.project-screenshots {
		margin-bottom: 30px;
	}

	/* Tablet */
	.project-screenshots-area--tablet .project-screenshots-display {
		max-width: 300px
	}
	.project-screenshots-area--tablet .project-screenshots-image-wrapper {
		top: 10.2%;
		width: 49.2%;
	}

	/* Mobile */
	.project-screenshots-area--mobile .project-screenshots-display {
		max-width: 220px
	}
	.project-screenshots-area--mobile .project-screenshots-image-wrapper {
		top: 39px;
		width: 208px;
	}
}

/* BP 4 */
@media screen and (max-width: 600px) {
	/* Desktop */
	.project-screenshots-area--desktop .project-screenshots-image-wrapper {
		top: 6%;
		width: 77%;
	}
	/* Tablet */
	.project-screenshots-area--tablet .project-screenshots-image-wrapper {
		top: 30px;
		width: 178px;
	}
	.project-screenshots-area--tablet .project-screenshots-display {
		max-width: 200px
	}

	/* Mobile */
	.project-screenshots-area--mobile .project-screenshots-display {
		max-width: 160px;
	}
	.project-screenshots-area--mobile .project-screenshots-image-wrapper {
		top: 28px;
		width: 151px;
	}

}

/* BP 4 */
@media screen and (max-width: 430px) {

}

/* ------------------------------------------------------
**** Print styles
------------------------------------------------------ */

@media print {
	* {
		background: transparent !important;
		color: #000 !important; /* Black prints faster: h5bp.com/s */
		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 for images, or javascript/internal links
	*/

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

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

	thead {
		display: table-header-group; /* h5bp.com/t */
	}

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

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

	@page {
		margin: 0.5cm;
	}

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

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