/****** FILE: site/css/normalize.css *****/
/*! normalize.css v1.1.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

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

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

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

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Prevent system color scheme's background color being used in Firefox, IE,
 *    and Opera.
 * 2. Prevent system color scheme's text color being used in Firefox, IE, and
 *    Opera.
 * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 4. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    background: #fff; /* 1 */
    color: #000; /* 2 */
    font-size: 100%; /* 3 */
    -webkit-text-size-adjust: 100%; /* 4 */
    -ms-text-size-adjust: 100%; /* 4 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

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

/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * 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;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

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

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

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

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

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

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

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

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

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */

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

/**
 * Address margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

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

/**
 * Improve readability of pre-formatted text in all browsers.
 */

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

/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */

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

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/**
 * Address margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */

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

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

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

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */

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

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

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

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

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

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

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

/**
 * Re-set default cursor for disabled elements.
 */

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

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

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

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

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

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

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

/**
 * Remove inner padding and border in Firefox 3+.
 */

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

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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


/****** FILE: site/css/icons.css *****/
@font-face {
	font-family: 'icon-fonts';
	src:url('../fonts/icon-fonts.eot');
	src:url('../fonts/icon-fonts.eot#iefix') format('embedded-opentype'),
		url('../fonts/icon-fonts.woff') format('woff'),
		url('../fonts/icon-fonts.ttf') format('truetype'),
		url('../fonts/icon-fonts.svg#icon-fonts') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icon-fonts';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-cloud-download:before {
	content: "\e608";
}

.icon-uniF000:before {
	content: "\f000";
}

.icon-icon-search:before {
	content: "\e009";
}

.icon-pinterest:before {
	content: "\e00a";
}

.icon-angle-left:before {
	content: "\f104";
}

.icon-angle-right:before {
	content: "\f105";
}

.icon-linkedin:before {
	content: "\e00b";
}

.icon-facebook:before {
	content: "\e00d";
}

.icon-angle-up:before {
	content: "\f106";
}

.icon-angle-down:before {
	content: "\f107";
}

.icon-twitter:before {
	content: "\e00c";
}

.icon-cross:before {
	content: "\e00e";
}

.icon-arrow-right:before {
	content: "\e000";
}

.icon-arrow-left:before {
	content: "\e001";
}

.icon-new-tab:before {
	content: "\e002";
}

.icon-square-facebook:before {
	content: "\e003";
}

.icon-square-linkedin:before {
	content: "\e004";
}

.icon-square-mail:before {
	content: "\e005";
}

.icon-square-pinterest:before {
	content: "\e006";
}

.icon-square-twitter:before {
	content: "\e007";
}

.icon-square-youtube:before {
	content: "\e008";
}

.icon-email:before {
	content: "\e601";
}

.icon-gear:before {
	content: "\e602";
}

.icon-bar-chart:before {
	content: "\e603";
}

.icon-document-file:before {
	content: "\e604";
}

.icon-play-icon:before {
	content: "\e605";
}

.icon-checkmark:before {
	content: "\e600";
}

.icon-phone:before {
	content: "\e606";
}

.icon-location:before {
	content: "\e607";
}

/****** FILE: site/css/main.css *****/
/*
 * HTML5 Boilerplate
 *
 * 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,
button,
input,
select,
textarea {
	color: #000000;
}

body {
	font-size: 1em;
	line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * 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 images and the bottom of their containers: h5bp.com/i/440
 */

img {
	vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

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

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

textarea {
	resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
	margin-bottom: 50px;
	background: #FFE611;
	color: #000000;
	padding: 20px;
	font-size: 16px;
	text-align: center;
}

.chromeframe a[href] {
	color: #333333;
	text-decoration: underline;
}
.chromeframe a[href]:hover {
	color: #333333;
	text-decoration: none;
}
.chromeframe .icon {
	font-size: 20px;
	color: #cc0000;
	margin-right: 10px;
}





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

/*
 * Image replacement
 */

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	/* IE 6/7 fallback */
	*text-indent: -9999px;
}

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

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

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

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

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

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

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

/*
 * Hide visually and from screenreaders, 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;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
	*zoom: 1;
}


/****** FILE: site/css/typography.css *****/
body {
    min-width: 320px;
	font-size: 18px;
	line-height: 28px;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    -webkit-text-size-adjust: none;
}
a {
    color: #53585f;
    text-decoration: none;
	border-bottom: dotted 1px #53585f;
	-webkit-transition: all 250ms;
	transition: all 250ms;
}
	a:hover {
		color: #53585f;
		text-decoration: none;
		border-bottom: dotted 1px transparent;
	}
	a:link {
		-webkit-tap-highlight-color: #95c53e;
	}
	a:focus {
		outline: none;
	}

/* HEADERS */
.sectionTextWhite .typography,
.sectionTextWhite .typography h1,
.sectionTextWhite .typography h2,
.sectionTextWhite .typography h3,
.sectionTextWhite .typography h4,
.sectionTextWhite .typography h5,
.sectionTextWhite .typography h6,
.sectionTextWhite .typography a {
	color: #ffffff;
}
.sectionTextWhite .typography a {
	border-bottom-color: #ffffff;
}
.sectionTextWhite .typography a:hover {
	border-bottom-color: transparent;
}
.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #53585f;
    margin-bottom: 10px;
}
.typography h1 {
    margin: 20px 0 10px 0;
	font-size: 60px;
	line-height: 66px;
    font-weight: 300;
}
.typography h2 {
    margin: 15px 0;
    font-size: 32px;
    line-height: 40px;
}
.typography h3 {
    margin: 10px 0 15px 0;
    font-size: 28px;
    line-height: 34px;
}
.typography h4 {
    margin: 5px 0 15px 0;
    font-size: 24px;
    line-height: 28px;
}
.typography h5 {
    margin: 5px 0 15px 0;
    font-size: 20px;
    line-height: 24px;
}
.typography h6 {
    margin: 5px 0 15px 0;
    font-size: 20px;
    line-height: 24px;
	text-transform: uppercase;
}

/* PARAGRAGHS */
.typography p {
    margin: 0 0 25px 0;
}
	.typography p.white {
		color: #fff;
	}

.typography .intro {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 20px;
}
.typography em {
    font-style: italic;
}

::selection,
::-moz-selection { /* Applies style to highlighted portion of a page */
    background: #b80000;
    color: #fff;
    text-shadow: none;
}



/* LIST STYLES
-------------------------------------------- */
.typography ul,
.typography ol,
.typography dl {
    margin: 20px 0 20px 30px;
    padding: 0;
}
.typography ul li {
	list-style-type: disc;
}


/* TABLE STYLES
-------------------------------------------- */
.typography table {
    border-collapse: collapse;
    border: 1px solid #d4d4d4;
    border-spacing: 0;
    margin: 0 0 25px 0;
    text-align: left;
}
  .typography table tr:nth-child(even) {
      background-color: #ededed
  }
  .typography table tr.even,
  .typography table th,
  .typography thead td {
      background-color: #ededed
  }
  .typography table td,
  .typography table th {
      padding: 4px 10px;
      border: 1px solid #d4d4d4;
      vertical-align: top;
  }
  .typography table th {
      font-weight: bold;
  }

.typography table.plain-table {
    border: none;
}
  .typography table.plain-table tr:nth-child(even),
  .typography table.plain-table th,
  .typography table.plain-table thead td {
		background-color: transparent;
  }
  .typography table.plain-table td,
  .typography table.plain-table th {
		border-left: none;
		border-right: none;
  }

/* WYSIWYG EDITOR ALIGNMENT CLASSES
-------------------------------------------- */
.typography .left {
    text-align: left
}
.typography .center {
    text-align: center
}
.typography .right {
    text-align: right
}

/* IMAGES
-------------------------------------------- */
.typography img {
    margin: 6px 20px 10px 0;
    height: auto;
    float: left;
}
	.typography img.left,
	.typography img.right {
		max-width: 60%;
	}
	.typography img.left {
		float: left;
		margin: 6px 20px 10px 0;
	}
	.typography img.right {
		float: right;
		margin: 6px 0 10px 20px;
	}

.typography img.leftAlone {
    float: none;
	margin: 6px 0 10px 0;
}
.typography img.center {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.typography .captionImage {
	max-width: 100%;
	margin-top: 5px;
}
.typography .captionImage img { margin: 0; }
  .typography .captionImage.left {
    float: left;
    margin: 5px 30px 20px 0px;
  }
  .typography .captionImage.right{
    float: right;
    margin: 5px 0 20px 30px;
  }
  .typography .captionImage.left[style],
  .typography .captionImage.right[style] {
    max-width: 50%; /* Overides core width to make responsive */
  }
  .typography .captionImage.left img,
  .typography .captionImage.right img {
    float: none;
    max-width: none;
    width: 100%;
  }
  .typography .captionImage.left img {
    margin-right: -10px;
  }
  .typography .captionImage.right img {
    margin-left: -10px;
  }
  .typography .captionImage.right p {
    margin-left: -10px;
    text-align: left;
    margin-left: -10px;
  }
.typography .captionImage.leftAlone{
  float:none;
  margin: 0 20px 20px 0px;
}
.typography .captionImage.center{
  margin: 0 auto 20px;
}
.typography .captionImage p {
  clear: both;
  margin: 5px 0;
  font-style: italic;
  color: #888;
}


/* BLOCKQUOTES
-------------------------------------------- */
.typography blockquote {
	display: block;
	padding: 25px;
	margin: 0;
	position: relative;
	max-width: 440px;
}
	.typography blockquote:before,
	.typography blockquote:after {
		content: '\201C';
		font-size: 120px;
		color: #f9f7f4;
		position: absolute;
		z-index: 1;
		font-weight: bold;
		line-height: 1;
	}
	.typography blockquote:before {
		top: -20px;
		left: 0;
	}
	.typography blockquote:after {
		content: '\201D';
		bottom: -20px;
		right: 0;
		line-height: 0;
	}
	.typography blockquote p {
		margin: 0;
		position: relative;
		z-index: 2;
		font-size: 22px;
		line-height: 26px;
		font-weight: bold;
	}


.typography pre {
  background: #F7F7F7;
  border: 1px solid #E4E4E4;
  font-family: Courier, monospace;
  margin: 0 0 20px 0;
  padding: 15px;
  clear: both;
}

/* ADDRESS
-------------------------------------------- */
address {
  display: block;
  margin-bottom: 20px;
}


/****** FILE: site/css/layout.css *****/
header:after,
.main:after,
#Root:after,
.search-bar:after,
header .inner:after,
footer:after {
	height: 0;
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
}
html {
	background: #fff;
	-webkit-font-smoothing: antialiased;
}
html.lt-ie9 {
	min-width: 1280px;
	overflow: auto;
}
body {
	min-width: 320px;
	color: #53585f;
	font-size: 18px;
	line-height: 28px;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	-webkit-text-size-adjust: none;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: 700;
	color: #53585f;
}
h2 span {
	font-weight: 400;
}

p {
	margin: 0 0 25px 0;
}
a {
	color: #53585f;
	text-decoration: none;
	border-bottom: dotted 1px #53585f;
	-webkit-transition: all 250ms;
	transition: all 250ms;
}
	a:hover {
		color: #58b6c1;
		text-decoration: none;
		border-bottom: dotted 1px #58b6c1;
	}
	a:link {
		-webkit-tap-highlight-color: #58b6c1;
	}
	a:focus {
		outline: none;
	}

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

.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.onlyPrint {
	display: none;
}
.white {
	color: #fff !important;
}

a#SkipToContent,
a#SkipToNavigation {
	opacity: 0;
	z-index: -1;
	position: fixed;
	top: 75px;
	left: 15px;
	background: #000;
	color: #fff;
	padding: 7px 10px;
	font-size: 15px;
	line-height: 20px;
}
a#SkipToContent:focus,
a#SkipToNavigation:focus {
	opacity: 1;
	z-index: 99999;
}
.ie8 a#SkipToContent,
.ie8 a#SkipToNavigation {
	display: none;
}

#PrintHeader {
	display: none;
}

/* ----- HEADER ------------------------------------- */
#Header {
	position: fixed;
	top: -89px;
	left: 0;
	right: 0;
	z-index: 9999;
	box-shadow: 0 0 10px 3px #000;
	-webkit-transition: top 250ms;
	transition: top 250ms;
}
#Header,
#Header .inner {
	background: #000;
}
#Header.open {
	top: 0;
}
#Header.open:hover {
	transition-delay: 250ms;
}
#Header a.logo {
	display: block;
	float: left;
	padding: 6px 0 0 0;
	margin: 20px 0;
	border-bottom: none;
}
#Header a.logo > span.text {
	vertical-align: sub;
	margin-left: 6px;
	color: #58b6c1;
	font-size: 28px;
	font-weight: 300;
	font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
}
#Header a.logo.current > img {
	height: 36px !important;
	width: auto !important;
}
#Header a.logo.plastykstudios {
	width: 68px;
	margin-right: 20px;
	padding: 6px 20px 7px 0;
	border-right: dotted 1px #6d6d6d;
}
#Header a.logo:hover {
	border-bottom: none;
}
#Header a.logo img {
	max-width: 100%;
	height: auto !important;
}
#Header a.logo.plastykstudios img {
	opacity: 0.7;
}

#NavigationToggle {
	z-index: 999;
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -20px;
	color: #fff;
	font-size: 14px;
	line-height: 24px;
	cursor: pointer;
}
#NavigationToggle .hamburger {
	display: block;
	margin: 0 auto;
	padding-top: 10px;
	width: 34px;
	height: 34px;
	text-align: center;
	color: #b6b6b6;
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
	text-transform: uppercase;
	-webkit-transition: color 250ms;
	-o-transition: color 250ms;
	transition: color 250ms;
}
#NavigationToggle.open .hamburger {
	color: #fff;
}
@-webkit-keyframes dropLine {
	from { -webkit-transform: translateY(-80px); }
	to { -webkit-transform: translateY(0); }
}
@keyframes dropLine {
	from { transform: translateY(-80px); }
	to { transform: translateY(0); }
}
#NavigationToggle .hamburger span.lines,
#NavigationToggle .hamburger span.text {
	-webkit-transform: translateY(-80px);
	transform: translateY(-80px);
	-webkit-animation-name: dropLine;
	animation-name: dropLine;
}
#NavigationToggle .hamburger span.lines,
#NavigationToggle .hamburger span.lines:before,
#NavigationToggle .hamburger span.lines:after,
#NavigationToggle .hamburger span.text {
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-timing-function: cubic-bezier(.19,1,.22,1);
	-webkit-animation-duration: 500ms;
	-webkit-animation-delay: 450ms;

	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: cubic-bezier(.19,1,.22,1);
	animation-duration: 500ms;
	animation-delay: 450ms;
}

#NavigationToggle .hamburger span.lines,
#NavigationToggle .hamburger span.lines:before,
#NavigationToggle .hamburger span.lines:after {
	content: '';
	position: absolute;
	display: block;
	height: 4px;
	width: 34px;
	background: #fff;
	border-radius: 1px;
	-webkit-transition: all 250ms;
	-o-transition: all 250ms;
	transition: all 250ms;
}

@-webkit-keyframes dropLineBefore {
	from { top: -30px; }
	to { top: -10px; }
}
@keyframes dropLineBefore {
	from { top: -30px; }
	to { top: -10px; }
}
@-webkit-keyframes dropLineAfter {
	from { top: -10px; }
	to { top: 10px; }
}
@keyframes dropLineAfter {
	from { top: -10px; }
	to { top: 10px; }
}
#NavigationToggle .hamburger span.lines:before {
	top: -10px;
	-webkit-animation-name: dropLineBefore;
	animation-name: dropLineBefore;
}
#NavigationToggle .hamburger span.lines:after {
	top: 10px;
	-webkit-animation-name: dropLineAfter;
	animation-name: dropLineAfter;
}
#NavigationToggle .hamburger span.text {
	display: block;
	margin-top: 20px;
}

body.menuOpen #NavigationToggle .hamburger span.lines {
	background: transparent;
}
body.menuOpen #NavigationToggle .hamburger span.lines:before {
	-webkit-transform: rotate(45deg) translate(8px, 8px);
	-ms-transform: rotate(45deg) translate(8px, 8px);
	-o-transform: rotate(45deg) translate(8px, 8px);
	transform: rotate(45deg) translate(8px, 8px);
}
body.menuOpen #NavigationToggle .hamburger span.lines:after {
	-webkit-transform: rotate(-45deg) translate(6px, -6px);
	-ms-transform: rotate(-45deg) translate(6px, -6px);
	-o-transform: rotate(-45deg) translate(6px, -6px);
	transform: rotate(-45deg) translate(6px, -6px);
}

#Header .tab {
	z-index: -1;
	position: absolute;
	bottom: -40px;
	left: 50%;
	margin-left: -40px;
	width: 80px;
	height: 35px;
	padding-top: 45px;
	background: #000;
	background: rgba(0,0,0,0.75);
	border-bottom-left-radius: 50%;
	border-bottom-right-radius: 50%;
	cursor: pointer;
	-webkit-transition: bottom 250ms;
	transition: bottom 250ms;
}
#Header.open .tab {
	bottom: 0;
	transition-delay: 500ms;
}
#Header .tab span.line {
	position: relative;
	top: 0;
	display: block;
	height: 4px;
	width: 40px;
	margin: 6px auto 0 auto;
	background: #fff;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: -webkit-transform 250ms, top 250ms;
	-moz-transition: -moz-transform 250ms, top 250ms;
	-ms-transition: -ms-transform 250ms, top 250ms;
	-o-transition: -o-transform 250ms, top 250ms;
	transition: transform 250ms, top 250ms;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
#Header .tab span.line {
	height: 3px;
	margin-top: 4px;
	background: #686868;
}
#Header .tab span.line.first {
	margin-top: 3px;
}



/* ----- SEARCH  ----------------------------------- */
#Header #SearchBox {
	float: right;
}
#SearchButton {
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 42px;
	color: #53585f;
	text-align: center;
	vertical-align: middle;
}

#PlainSearchFormContainer {
	margin: 15px 0 25px 0;
}
#PlainSearchFormContainer #SearchForm {
	max-width: 270px;
	margin: 0 auto;
}
#PlainSearchFormContainer #SearchForm input[type='text'] {
	float: left;
	width: 230px;
	padding: 0 5px;
	height: 38px;
	line-height: 38px;
	background: none;
	border: solid 1px #d7d7d7 !important;
	color: #53585f;
	font-size: 16px;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
#PlainSearchFormContainer #SearchForm input[type='submit'] {
	float: right;
	min-width: 0;
	width: 38px;
	height: 38px;
	margin: 0;
	padding: 0;
	border: solid 1px #C2C2C2;
	background: #d7d7d7;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #666;
}
#PlainSearchFormContainer #SearchForm input[type='submit']:hover {
	background: #C0C0C0 !important;
}

/* ----- colour row --------------- */
.single-colour-row {
	width: 100%;
	height: 12px;
	background: #abdae0;
}
.colour-row {
	width: 100%;
	height: 12px;
	background: #1a8692;
}
#Footer .colour-row {
	margin-bottom: 10px;
}
	.colour-row .row {
		width: 20%;
		height: 12px;
		float: left;
	}
	.colour-row .one {
		background: #abdae0;
	}
	.colour-row .two {
		background: #82c8d0;
	}
	.colour-row .three {
		background: #58b6c1;
	}
	.colour-row .four {
		background: #2fa4b2;
	}
	.colour-row .five {
		background: #1a8692;
	}

/* ----- GENERAL ----------------------------- */
#MainContainer {
	position: relative;
}
	#Container {
		position: relative;
		left: 0;
		z-index: 99;
	}
	#ContainerOverlay {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.4);
		z-index: 99;
		visibility: hidden;
		opacity: 0;
		-webkit-transition: visibility 400ms, opacity 400ms;
		-moz-transition: visibility 400ms, opacity 400ms;
		-o-transition: visibility 400ms, opacity 400ms;
		transition: visibility 400ms, opacity 400ms;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
		body.menuOpen #ContainerOverlay {
			visibility: visible;
			opacity: 1;
		}

	#MobileNavigation {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		overflow: hidden;
		max-height: 0px;
		background: rgba(88, 182, 193, 0.87);
		-webkit-transition: all 300ms;
		-o-transition: all 300ms;
		transition: all 300ms;
	}
		body.menuOpen #MobileNavigation {
			max-height: 999px;
		}

	/* -- NAVIGATION MENU -- */
	#DynamicMobileMenu {
		position: absolute;
		left: 0;
		right: auto;
		top: 50%;
		width: 100%;
		display: block;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	#DynamicMobileMenu > ul {
		margin: 0;
		padding: 0 0 12px 0;
		width: 100%;
		list-style: none;
		text-align: left;
		display: block !important;
	}
	#DynamicMobileMenu li {
		display: none;
	}
	#DynamicMobileMenu li.showInHeader {
		display: block;
	}
	#DynamicMobileMenu li > a {
		position: relative;
		display: block;
		padding: 15px;
		border-bottom: none;
		text-align: center;
		color: #fff;
		font-size: 30px;
		line-height: 34px;
	}
	#DynamicMobileMenu li.current > a {
		background-color: #1a8692;
		color: #fff;
	}
	.no-touch #DynamicMobileMenu li > a:hover {
		background-color: #fff;
		color: #232323;
	}

	#DynamicMobileMenu > ul > li > ul {
		display: none;
	}
	#DynamicMobileMenu > ul > li.backLink {
		display: block;
	}
	#DynamicMobileMenu > ul > li.backLink > a {
		background: transparent;
		text-transform: uppercase;
		display: block;
		padding: 10px 35px;
		margin-bottom: 20px;
		font-size: 16px;
		line-height: 22px;
		position: relative;
		border-bottom: none;
		cursor: pointer;
	}
	#DynamicMobileMenu > ul > li.backLink > a:hover {
		background: #fff;
		color: #232323;
	}
	#DynamicMobileMenu > ul > li.hasMenu > a:after {
		content: '...';
		padding-left: 4px;
		margin-right: -20px;
		color: #fff;
		opacity: 0.75;
	}
	.no-touch #DynamicMobileMenu > ul > li.hasMenu > a:hover:after {
		color: #232323;
	}

/* ----- PRIMARY NAVIGATION ------------------------------------- */
#Navigation {
	display: none;


	float: right;
}
#Navigation .primary {
	max-width: 800px;
	/*overflow: hidden;*/
}
#Navigation .primary ul {
	display: none;
	margin: 0 30px 0 0;
	padding: 0;
	height: 90px;
}
#Navigation .primary ul.mainMenu {
	display: block;
}
#Navigation .primary li {
	display: none;
	position: relative;
	margin: 0;
	height: 90px;
}
#Header #Navigation .primary li.showInHeader {
	display: inline-block;
}
#Navigation .primary li a {
	display: block;
	padding: 0 10px;
	height: 90px;
	line-height: 90px;
	background: transparent;
	color: #53585f;
	font-size: 20px;
	text-align: center;
	border-bottom: none;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: 400;
}
#Navigation .primary li.section a,
#Navigation .primary li.current a,
#Navigation .primary li a.active {
	background: transparent;
	color: #3b91ce;
}
#Navigation .primary li:hover a,
#Navigation .primary li a:hover,
#Navigation .primary li a:focus {
	background: #3b91ce;
	color: #fff;
	border-bottom: none;
}

/* -- SUB MENU -- */
#Navigation .primary ul.mainMenu > li > ul {
	display: none;
	position: absolute;
	top: 90px;
	left: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 260px;
	height: auto;
	background: #F6F6F6;
	z-index: 100;
}
#Navigation .primary ul.mainMenu > li:hover > ul {
	display: block;
}
#Navigation .primary ul.mainMenu > li > ul > li {
	display: block;
	height: auto;
}
#Navigation .primary ul.mainMenu > li > ul > li > a {
	display: block;
	padding: 10px 17px;
	height: auto;
	background: transparent;
	border-bottom: none;
	text-align: left;
	font-size: 16px;
	line-height: 18px;
	color: #53585f;
}
#Navigation .primary ul.mainMenu > li > ul > li:hover > a {
	background: #e5e5e5;
	color: #53585f;
}
#Navigation .primary ul.mainMenu > li > ul > li.current > a,
#Navigation .primary ul.mainMenu > li > ul > li.section > a {
	background: #3b91ce;
	color: #fff;
}

#Navigation .primary ul.mainMenu > li > ul > li > ul {
	display: none !important;
}

/* ----- LAYOUT GENERAL ----------------------------- */
#Container {
	background: #fff;
}
.bodyServicesPage #Container,
.outer.servicesPage {
	background: #fff;
}
.bodyNewsHolder #Container .outer,
.outer#sectionNewsHolder,
.bodyPortfolioHolder #Container .outer,
.outer.portfolioHolder {
	background: #58b6c1;
	color: #fff;
}
.bodyPortfolioHolder .typography h1,
.bodyPortfolioHolder .typography h2,
.bodyPortfolioHolder .typography h3,
.bodyPortfolioHolder .typography h4,
.bodyPortfolioHolder .typography h5,
.bodyPortfolioHolder .typography h6,
.bodyPortfolioHolder .typography p,
.outer.portfolioHolder .typography h1,
.outer.portfolioHolder .typography h2,
.outer.portfolioHolder .typography h3,
.outer.portfolioHolder .typography h4,
.outer.portfolioHolder .typography h5,
.outer.portfolioHolder .typography h6,
.outer.portfolioHolder .typography p {
	color: #fff;
}
.bodyPortfolioHolder .typography a,
.outer.portfolioHolder .typography a {
	color: #fff;
	border-color: #fff;
}

#sectionNewsHolder .one-column,
.bodyNewsHolder .one-column {
	min-height: 150px;
	text-align: left;
}

.main {
	position: relative;
	z-index: 11;
	padding-top: 95px;
}
.bodyHomePage .main,
.bodyProposalPage .main {
	padding-top: 0;
}

	.outer {
		position: relative;
		padding: 50px 0;
	}
	.outer.genericPage {
		padding: 20px 0;
	}

	.inner {
		position: relative;
		width: 1280px;
		margin: 0 auto;
	}
		#Content {
			padding: 20px 0;
		}
		.bodyNewsPage #Content {
			padding-top: 0;
		}

		.two-thirds {
			float: left;
			width: 64%;
			margin-right: 4%;
		}
		.one-third {
			float: left;
			width: 32%;
		}

		.one-column {
			padding: 10px 0;
			text-align: center;
		}
		.one-column h1,
		.bodyHomePage .one-column h2 {
			margin-bottom: 10px;
			margin-top: 20px;
			font-family: 'Open Sans', Helvetica, Arial, sans-serif;
			font-weight: 300;
			font-size: 60px;
			line-height: 66px;
			color: #53585f;
		}
		#sectionPortfolioHolder .one-column h1,
		.bodyPortfolioHolder .one-column h1,
		#sectionNewsHolder .one-column h1,
		#sectionNewsHolder .one-column h3{
			color: #fff;
		}
		.one-column h3 {
			font-weight: 400;
		}
		.one-column p {
			font-size: 24px;
			line-height: 26px;
			font-family: 'Open Sans', Helvetica, Arial, sans-serif;
			font-weight: 300;
		}

		.bodyHomePage .two-columns {
			border-top: solid 1px #cccccc;
			padding: 20px 0 40px 0;
		}
		.bodyHomePage .two-columns.border-bottom {
			border-bottom: solid 1px #cccccc;
		}
		.two-columns {
			margin: 30px 0;
		}
		.two-columns .col {
			float: left;
			width: 48%;
			margin-right: 4%;
		}
		.two-columns .col:nth-child(even) {
			margin-right: 0;
		}

		.two-columns .col h2 {
			font-size: 30px;
			line-height: 34px;
			margin: 15px 0 45px 0;
		}

		.two-columns .col .heading-bar {
			margin: 0 0 33px 0;
			width: 100%;
			font-size: 22px;
			line-height: 30px;
			font-family: 'Open Sans', Helvetica, Arial, sans-serif;
			font-weight: 400;
		}

/* ----- SEARCH RESULTS ----------------------------- */
.searchResults h1 {
	font-size: 36px;
	margin-bottom: 15px;
	text-align: center;
}
.searchResults p.searchQuery {
	margin-bottom: 10px;
	text-align: center;
	font-size: 20px;
	line-height: 24px;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: 300;
}

.searchResults {
	max-width: 900px;
	margin: 0 auto;
}
.searchResults ul#SearchResults {
	max-width: 900px;
	margin: 40px auto 0 auto;
	padding: 0;
}
	.searchResults ul#SearchResults li {
		border-top: 1px solid #e5e5e5;
		padding: 20px 0;
		list-style-type: none;
	}
	.searchResults ul#SearchResults a.searchResultHeader {
		font-family: 'Open Sans', Helvetica, Arial, sans-serif;
		font-size: 18px;
		font-weight: 400;
		border-bottom: none;
	}
	.searchResults ul#SearchResults p {
		margin: 12px 0;
	}

.searchResults #PageNumbers {
	border-top: 1px solid #e5e5e5;
	padding-top: 20px;
}
	.searchResults #PageNumbers a {
		padding: 0 5px
	}
	.searchResults #PageNumbers .pagination {
		float: left
	}
	.searchResults #PageNumbers p {
		float: right
	}
	.searchResults #PageNumbers .next,
	.searchResults #PageNumbers .prev {
		font-size: 14px
	}
	.searchResults #PageNumbers .next {
		margin-left: 15px
	}
	.searchResults #PageNumbers .prev {
		margin-right: 15px
	}

/* SCROLL TO TOP
----------------------------------------------------------- */

#ScrollToTop {
	display: none;
	z-index: 99;
	position: fixed;
	right: 20px;
	bottom: 90px;
	width: 60px;
	height: 60px;
	line-height: 58px;
	background: #abdae0;
	border-radius: 50%;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-size: 20px;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: 300;
	outline: none;
	cursor: pointer;
	-webkit-transition: -webkit-transform 500ms, background 500ms;
	-moz-transition: -moz-transform 500ms, background 500ms;
	-o-transition: -o-transform 500ms, background 500ms;
	transition: transform 500ms, background 500ms;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}
	#ScrollToTop:hover {
		background: #1a8692;
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
		-webkit-transform-origin: center center;
		-moz-transform-origin: center center;
		-o-transform-origin: center center;
		transform-origin: center center;
	}

/* ----- FOOTER ----------------------------------------- */
#Footer {
	color: #fff;
	background: #58b6c1;
	padding: 0 0 30px 0;
	font-size: 18px;
}
	#Footer a {
		color: #fff;
	}
	#Footer a:hover {
		color: #fff;
	}
	/* ----- FOOTER NAV ----- */
	#Footer #FooterNav {
		float: left;
	}
	#Footer #FooterNav {
		margin: 25px 0 0 0;
		padding: 0;
	}
		#Footer #FooterNav li {
			display: inline-block;
			padding: 0 15px 0 0;
			font-size: 18px;
			line-height: 50px;
		}
		#Footer #FooterNav li a {
			border-bottom: solid 1px transparent;
			color: #fff;
		}
		#Footer #FooterNav li a:hover,
		#Footer #FooterNav li.section a,
		#Footer #FooterNav li.current a {
			border-bottom: solid 1px #fff;
			color: #fff;
		}

	#Footer #MadeInAdelaide {
		float: right;
		margin-top: 25px;
		text-align: right;
		font-size: 18px;
		line-height: 50px;
	}
		/* ----- FOOTER SOCIAL ----- */
		#Footer #FooterSocial {
			display: inline-block;
			vertical-align: bottom;
			margin-left: 10px;
		}
		#Footer #FooterSocial a.icon {
			display: block;
			float: left;
			margin-left: 2px;
			font-size: 38px;
			line-height: 50px;
			text-align: center;
			border-bottom: none;
			color: #ffffff;
			background: #1a8692;
			-webkit-transition: all 250ms;
			transition: all 250ms;
			height: 50px;
			width: 54px;
			overflow: hidden;
		}
		#Footer #FooterSocial a.icon span {
			display: block;
			width: 0;
			height: 0;
			overflow: hidden;
			text-indent: -9999px;
		}
		#Footer #FooterSocial a.icon-facebook:hover {
			background: #365a9c;
		}
		#Footer #FooterSocial a.icon-twitter:hover {
			background: #00abf0;
		}
		#Footer #FooterSocial a.icon-linkedin:hover {
			background: #1683bb;
		}
		#Footer #FooterSocial a.icon-pinterest:hover {
			background: #cb2027;
		}

.footerAddress {
	padding: 20px 0;
	font-size: 16px;
	line-height: 24px;
}
.footerAddress > span {
	padding-right: 20px;
}

#PlastykStudios {
	padding: 45px 0 0 0;
	background: #F7F7F7;
	font-size: 0.1px;
}
#PlastykStudios a {
	display: inline-block;
	width: 30%;
	margin-left: 4%;
	vertical-align: bottom;
	border-bottom: none !important;
	text-align: center;
}
#PlastykStudios a:first-child {
	margin-left: 0;
}
#PlastykStudios a > img {
	max-width: 200px;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition:all 250ms;
	transition: all 250ms;
}
#PlastykStudios a:hover > img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}
#PlastykStudios .title {
	margin-top: 40px;
	padding: 20px 0;
	background: #53585f;
	text-align: center;
	color: #fff;
	font-size: 18px;
}
#PlastykStudios .title > span {
	font-weight: 600;
}

/* ----- HOME PAGE INTRO ----------------------------------------- */
#IntroContainer {
	position: relative;
	width: 100%;
	max-width: 1900px;
	margin: 95px auto 0 auto;
	text-align: center;
	box-sizing: border-box;
}
#Intro {
	z-index: 1;
	position: absolute;
	top: 140px;
	left: 0;
	right: 0;
	text-align: left;
}
#Intro h1 {
	margin: 0 300px 30px 0;
	color: #fff;
	font-size: 74px;
	line-height: 84px;
	font-weight: 300;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
#Intro .intro-text {
	color: #fff;
	font-size: 22px;
	line-height: 30px;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
#Intro .intro-text p {
	margin: 0;
	max-width: 820px;
}
#Intro .intro-text a {
	color: #fff;
	border-bottom: solid 1px transparent;
	-webkit-transition: border 250ms;
	-moz-transition: border 250ms;
	-ms-transition: border 250ms;
	-o-transition: border 250ms;
	transition: border 250ms;
}
#Intro .intro-text a:hover {
	border-bottom: solid 1px #fff;
}

/* ----- MOBILE QUICK BUTTONS ----------------------------------------- */
#MobileButtons {
	display: none;
}

/* ----- CONTACT FORM ----------------------------------------- */
.two-columns .col .contact-content p {
	font-size: 15px;
	line-height: 21px;
}

form#MailAppForm label.left,
form#Form_ContactForm label.left {
	z-index: 10;
	position: absolute;
	top: 0;
	left: 10px;
	margin: 0;
	line-height: 44px;
	color: #999;
}
form#MailAppForm label.error,
form#Form_ContactForm label.error {
	color: #53585f;
}
form#MailAppForm input.text,
form#Form_ContactForm input.text,
form#Form_ContactForm textarea,
form#Form_ContactForm .textajaxuniquetext,   /* Not sure if this is used? */
form#Form_ContactForm select,
form#Form_MailtastykForm input.text {
	background: #fff;
	border: solid 1px #d7d7d7 !important;
	color: #53585f;
	padding-left: 100px;
}
form#Form_MailtastykForm input.text {
	padding-left: 20px;
}
form#MailAppForm input.text:focus,
form#Form_ContactForm input.text:focus,
form#Form_ContactForm textarea:focus,
form#Form_ContactForm .textajaxuniquetext:focus,   /* Not sure if this is used? */
form#Form_ContactForm select:focus,
form#Form_MailtastykForm input.text:focus {
	border: solid 1px #53585f !important;
}


/* Colour placeholder text */
.bodySearchPage ::-webkit-input-placeholder {
   color: #d7d7d7;
   font-size: 16px;
}
.bodySearchPage :-moz-placeholder { /* Firefox 18- */
   color: #d7d7d7;
   font-size: 16px;
}
.bodySearchPage ::-moz-placeholder {  /* Firefox 19+ */
   color: #d7d7d7;
   font-size: 16px;
}
.bodySearchPage :-ms-input-placeholder {
   color: #d7d7d7;
   font-size: 16px;
}

/* ----- SERVICES PAGE ----------------------------------------- */
.bodyServicesPage .center p:first-child,
.bodyHomePage .servicesPage .center p:first-child {
	font-size: 22px;
	line-height: 30px;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

.bodyServicesPage .center img.left,
.bodyHomePage .servicesPage .center img.left {
	float: none;
	margin: 0;
}
.bodyHomePage .servicesPage .center a.btn {
	float: none;
	margin: 30px auto 0 auto;
}

#SkillLogos {
	margin: 30px 0 35px 0;
}
#SkillLogos a,
#SkillLogos a:hover {
	border-bottom: none;
}
#SkillLogos img {
	opacity: 0.45;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: all 250ms;
	transition: all 250ms;
}
#SkillLogos img:hover {
	opacity: 1;
	filter: none;
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}
	.lt-ie10 #SkillLogos img {
		filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	}
	.lt-ie10 #SkillLogos img:hover {
		filter: none;
	}
#CounterHolder {
	display: none;
	padding: 20px 0 50px 0;
	margin: 0 0 30px 0;
	border-bottom: solid 1px #cccccc;
	text-align: center;
}
	#CounterHolder .counter {
		position: relative;
		margin-bottom: 10px;
		max-width: 290px;
		width: 30%;
		margin-left: 2%;
		display: inline-block;
		vertical-align: top;
		text-align: center;
	}
	#CounterHolder .counter:first-child {
		margin-left: 0%;
	}
	#CounterHolder .counter p {
		margin-bottom: 5px;
	}
		#CounterHolder .counter .count {
			display: block;
			font-family: 'Open Sans', Helvetica, Arial, sans-serif;
			font-weight: 300;
			font-size: 80px !important;
			line-height: 65px !important;
			color: #fff;
			-webkit-transition: color 1500ms; /* match length of number counter */
			-moz-transition: color 1500ms;
			-o-transition: color 1500ms;
			transition: color 1500ms;
		}
		#CounterHolder .counter .count.counted {
			color: #2e8bcd;
		}
		#CounterHolder .counter .subtitle {
			font-size: 15px !important;
			font-family: 'Open Sans', Helvetica, Arial, sans-serif;
			font-weight: 300;
			margin-bottom: 20px;
			color: #95c53e;
		}
		#CounterHolder .counter .title {
			font-size: 20px !important;
			font-family: 'Open Sans', Helvetica, Arial, sans-serif;
			font-weight: 300;
		}
		#CounterHolder .counter .extra {
			font-size: 13px !important;
			line-height: 18px !important;
		}

/* HOMEPAGE */
p.littleMessage {
	margin: 0;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	text-align: center;
}
.contactForm .two-columns {
	border-top: none;
}

h2.sansita {
	padding-top: 40px;
	color: #95c53e;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: 300;
}



/* ----- BLOG ----------------------------------------- */
.post-summary {
	padding-bottom: 15px;
	margin-bottom: 20px;
	border-bottom: solid 1px #ccc;
}
.post-summary h2.title {
	margin-bottom: 0;
}
.post-summary h2.title > a {
	border-bottom: none;
}
p.blog-post-meta {
	font-size: 13px;
	line-height: 18px;
	font-style: italic;
}

.post-image a {
	border-bottom: none;
}
.blog-entry .post-image img {
	width: auto !important;
}


/* ----- MAIL TASTYK PAGE ------------------------------------------ */
img#Mailtastyklogo {
	max-width: 250px;
}
.one-third-col {
	width: 40%;
	float: left;
}
.two-thirds-col {
	width: 50%;
	float: left;
	margin-right: 10%;
}
.two-thirds-col h2 {
	font-size: 24px;
	margin-bottom: 5px;
}
.two-thirds-col .item {
	position: relative;
	padding: 0 0 5px 70px;
}
.two-thirds-col .item span.icon {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 54px;
	color: #000;
}
.two-thirds-col .item span.icon-email {
	font-size: 48px;
}

.bodyMailtastykPage h2 > a,
.bodyMailtastykPage h3 > a {
	border-bottom-color: #fff;
}
.bodyMailtastykPage .outer.steps,
.bodyMailtastykPage .outer.laststep {
	margin-bottom: 60px;
	padding: 30px 0 10px 0;
	background: #58b6c1;
	box-shadow: inset 0 67px 75px -75px rgba(0,0,0,0.5);
	color: #fff;
}
.bodyMailtastykPage .arrow.steps:after {
	border-top-color: #21b7ce;
}
.bodyMailtastykPage .outer.laststep {
	background: #58b6c1;
	margin-bottom: 0;
	padding: 60px 0;
	color: #fff;
}
.bodyMailtastykPage .outer.laststep h1,
.bodyMailtastykPage .outer.laststep h2,
.bodyMailtastykPage .outer.laststep h3,
.bodyMailtastykPage .outer.laststep h4,
.bodyMailtastykPage .outer.laststep h5,
.bodyMailtastykPage .outer.laststep h6 {
	color: #fff;
}
.bodyMailtastykPage .outer.pricing {
	padding-top: 0;
	margin-top: -20px;
}
.bodyMailtastykPage .steps h1 {
	font-family: 'Changa One', Helvetica, Arial, sans serif;
	font-weight: 400;
	font-size: 50px;
	line-height: 50px;
	color: #fff;
	float: left;
	margin: 0px 20px 100px 0;
}
.bodyMailtastykPage .steps h2 {
	margin-top: 5px;
	color: #fff;
}
.bodyMailtastykPage .steps p {
	font-size: 14px;
	line-height: 20px;
}
.bodyMailtastykPage .steps .one,
.bodyMailtastykPage .steps .two,
.bodyMailtastykPage .steps .three {
	float: left;
	width: 30%;
	margin-right: 5%;
}
.bodyMailtastykPage .steps .three {
	margin-right: 0;
}

ul.ticks {
	margin: -10px 0 0 0;
	padding: 0 0 30px 0;
}
ul.ticks li {
	list-style: none;
	padding-left: 0;
}
ul.ticks li:before {
	content: "\e600";
	color: #AAA;
	margin-right: 10px;
	-webkit-transition: color 250ms;
	-moz-transition: color 250ms;
	-o-transition: color 250ms;
	transition: color 250ms;
	font-family: 'icon-fonts';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


#MailtastykPricing {
	width: 100%;
	padding: 10px 0 0 0;
	text-align: center;
}
#MailtastykPricing .col {
	display: inline-block;
	width: 240px;
	margin-right: -4px;
	position: relative;
	text-align: left;
	vertical-align: top;
	overflow: hidden;
}
#MailtastykPricing .col > a {
	display: block;
	border: none;
	text-decoration: none;
}

#MailtastykPricing .col .bg {
	position: absolute;
	z-index: 2;
	top: 152px;
    overflow: hidden;
	width: 100%;
	height: 0;
	padding-left: 50%;
    padding-top: 25%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
	#MailtastykPricing .col .bg:after {
		content: '';
		display: block;
		width: 0;
		height: 0;
		margin-left: -500px;
		margin-top: -200px;
		border-left: 500px solid transparent;
		border-right: 500px solid transparent;
		border-top: 200px solid #abdae0;
		-webkit-transition: border 250ms;
		-moz-transition: border 250ms;
		-o-transition: border 250ms;
		transition: border 250ms;
	}
	#MailtastykPricing .col.two .bg:after {
		border-top: 200px solid #82c8d0;
	}
	#MailtastykPricing .col.three .bg:after {
		border-top: 200px solid #58b6c1;
	}
	#MailtastykPricing .col.four .bg:after {
		border-top: 200px solid #2fa4b2;
	}
	#MailtastykPricing .col.five .bg:after {
		border-top: 200px solid #1a8692;
	}

#MailtastykPricing .col:hover .bg:after,
#MailtastykPricing .col.chosen .bg:after {
	border-top: solid 200px #ed4e6e;
}

#MailtastykPricing .col .title {
	position: relative;
	z-index: 2;
	background: #abdae0;
	color: #fff;
	padding: 2px 20px 18px 20px;
	margin-bottom: 60px;
	text-align: center;
	font-family: 'Open Sans', Helvetica, Arial, sans serif;
	font-weight: 300;
	font-size: 18px;
	line-height: 30px;
	-webkit-transition: background 250ms;
	-moz-transition: background 250ms;
	-o-transition: background 250ms;
	transition: background 250ms;
}
	#MailtastykPricing .col.two .title {
		background: #82c8d0;
	}
	#MailtastykPricing .col.three .title {
		background: #58b6c1;
	}
	#MailtastykPricing .col.four .title {
		background: #2fa4b2;
	}
	#MailtastykPricing .col.five .title {
		background: #1a8692;
	}
	#MailtastykPricing .col:hover .title,
	#MailtastykPricing .col.chosen .title {
		background: #ed4e6e;
	}

	#MailtastykPricing .col .title .price {
		display: block;
		font-family: 'Changa One', Helvetica, Arial, sans serif;
		font-weight: 400;
		font-size: 82px;
		line-height: 75px;
		-webkit-font-smoothing: antialiased;
		-webkit-text-stroke: 1px rgba(256,256,256,0.5);
	}
	#MailtastykPricing .col .title .price.contact {
		font-size: 40px;
	}
	#MailtastykPricing .col .title .price > sup {
		font-size: 40px;
		top: -32px;
	}
	#MailtastykPricing .col .title .small {
		display: block;
		font-size: 14px;
		line-height: 16px;
		font-family: 'Open Sans', Helvetica, Arial, sans serif;
		font-weight: 300;
	}
	#MailtastykPricing .col .title .moreLink {
		position: absolute;
		bottom: -20px;
		left: 0;
		right: 0;
		margin: 0 60px;
		background: #eee;
		font-family: 'Changa One', Helvetica, Arial, sans serif;
		font-weight: 400;
		color: #ed4e6e;
		line-height: 28px;
		height: 28px;
		overflow: hidden;
		-webkit-transition: background 250ms;
		-moz-transition: background 250ms;
		-o-transition: background 250ms;
		transition: background 250ms;
	}
	#MailtastykPricing .col:hover .title .moreLink,
	#MailtastykPricing .col.chosen .title .moreLink {
		background: yellow;
	}
	#MailtastykPricing .col .title .moreLink span {
		position: relative;
		top: -28px;
		-webkit-transition: top 250ms;
		-moz-transition: top 250ms;
		-o-transition: top 250ms;
		transition: top 250ms;
	}
	#MailtastykPricing .col:hover .title .moreLink span,
	#MailtastykPricing .col.chosen .title .moreLink span {
		top: 0;
	}
	#MailtastykPricing .col .title .moreLink span sup {
		font-size: 10px;
	}

#MailtastykPricing .col .info {
	position: relative;
	z-index: 1;
	margin-top: -60px;
	overflow: hidden;
}
	#MailtastykPricing .col .info ul {
		margin: 0;
		padding: 60px 0 20px 10px;
		background: #F8F8F8;
		-webkit-transition: background 250ms;
		-moz-transition: background 250ms;
		-o-transition: background 250ms;
		transition: background 250ms;
	}
	#MailtastykPricing .col:hover .info ul,
	#MailtastykPricing .col.chosen .info ul {
		background: #ececec;
	}
	#MailtastykPricing .col .info ul li {
		list-style: none;
		padding-left: 20px;
		font-size: 14px;
		line-height: 28px;
		color: #7C7C7C;
		-webkit-transition: color 250ms;
		transition: color 250ms;
	}
	#MailtastykPricing .col .info ul li:before {
		content: "\e600";
		color: #DADADA;
		margin-right: 10px;
		font-family: 'icon-fonts';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		/* Better Font Rendering =========== */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		-webkit-transition: color 250ms;
		transition: color 250ms;
	}
	#MailtastykPricing .col:hover .info ul li,
	#MailtastykPricing .col.chosen .info ul li {
		color: #000;
	}
	#MailtastykPricing .col:hover .info ul li:before,
	#MailtastykPricing .col.chosen .info ul li:before {
		color: #AAA;
	}

	#MailtastykPricing .col .action {
		text-align: center;
		position: relative;
		top: -150px;
		-webkit-transition: top 250ms;
		-moz-transition: top 250ms;
		-o-transition: top 250ms;
		transition: top 250ms;
	}
	#MailtastykPricing .col:hover .action,
	#MailtastykPricing .col.chosen .action {
		top: 0;
	}
	#MailtastykPricing .col .action .tryLink {
		display: block;
		padding: 10px 30px 0 30px;
		background: #ed4e6e;
		border-bottom: none;
		color: yellow;
		font-size: 15px;
		line-height: 20px;
	}
	#MailtastykPricing .col .action .tryLink > span {
		display: block;
		color: #fff;
		font-size: 11px;
	}
	#MailtastykPricing .col .action .arrow {
		display: block;
		width: 0;
		height: 0;
		border-left: 120px solid transparent;
		border-right: 120px solid transparent;
		border-top: 49px solid #ed4e6e;
		border-bottom: none;
	}

.center-column {
	max-width: 480px;
	margin: 0 auto;
}

form#Form_MailtastykForm {
	margin-top: 30px;
}
form#Form_MailtastykForm #Design label.left {
	display: block;
	clear: left;
}
form#Form_MailtastykForm #Email {
	position: relative;
}
form#Form_MailtastykForm #Email:before,
form#Form_MailtastykForm #Email:after {
	opacity: 0;
	position: absolute;
	-webkit-transition: opacity 250ms;
	-moz-transition: opacity 250ms;
	transition: opacity 250ms;
}
form#Form_MailtastykForm #Email.focused:before,
form#Form_MailtastykForm #Email.focused:after {
	opacity: 1;
}
form#Form_MailtastykForm #Email:before {
	content: '';
	z-index: 3;
	bottom: 11px;
	right: -12px;
	border-right: solid 10px #ed4e6e;
	border-bottom: solid 10px transparent;
	border-top: solid 10px transparent;
	border-left: solid 10px transparent;
}
form#Form_MailtastykForm #Email:after {
	content: 'This email address will be used for all account correspondence.';
	z-index: 2;
	bottom: -10px;
	right: -252px;
	padding: 12px 20px;
	width: 200px;
	background: #ed4e6e;
	color: #fff;
	font-size: 14px;
	line-height: 20px;
}


/****** FILE: site/css/form.css *****/
/* GENERIC FORMS
----------------------------------------------- */
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
div.field {
    margin: 0 0 10px 0;
	position: relative;
}
form label {
    margin-bottom: 3px;
	font-size: 14px;
}
    form label.left {
        display: block;
	}

form input[type="text"],
form input.text,
form textarea,
form .textajaxuniquetext,   /* Not sure if this is used? */
form select {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    padding: 13px 20px;
    width: 100%;
	font-size: 14px;
	font-weight: 400;
	color: #333333;
    background: #fff;
	border-radius: 0 !important;
    border: none !important;
}
form select {
    padding: 9px 10px;
	line-height: 47px;
	text-indent: 0;
}
form textarea {
    resize: vertical; /* forces text area to be resized vertically only */
}
	form input:focus,
	form textarea:focus,
	form select:focus {
		outline:none !important;
	}
	form input[disabled],
	form textarea[disabled] {
		background-color: #f7f7f7;
		border: 1px solid #dad9d9;
	}

/* Radio and Checkbox */
.field .checkbox,
.field .radio {
    width: 13px;
    height: 13px;
    margin-right: 6px;
    margin-top: 3px;
    padding: 0;
}
ul.optionset {
	margin: 0;
	padding: 0;
}
ul.optionset li {
	list-style: none;
	line-height: 22px;
}
ul#Form_MailtastykForm_Plan li {
	line-height: 26px;
}

/* Messages */
form .message {
    padding: 5px 10px;
    background-color: #fef4ba;
    border: 1px solid #e8c805;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
form .message.empty {
	display: none !important;
}
form#Form_MailtastykForm .message {
	display: block;
	margin-top: 5px;
}
    form .good,
	p.goodMessage,
	form .bad,
	p.badMessage,
	p.error {
		padding: 7px 10px;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
    form .good,
	p.goodMessage {
		background-color: #ecf9d0;
		border: solid 1px #8fbe00;
		color: #5D7A04;
    }
	form .bad,
	p.badMessage,
	p.error {
		background-color: #f9d0d0;
		border: solid 1px #cf0000;
		color: #b80000;
	}
	form .middleColumn {
		position: relative;
	}
	form label.error {
		font-size: 12px;
		color: #fff;
	}

/* ACTIONS */
.Actions {
    margin-bottom: 20px;
	position: relative;
}
    a.btn,
	button,
	input[type="submit"],
	.Actions .action {
        float: right;
        display: inline-block;
		padding: 8px 15px 9px 15px;
		background: #2fa4b2;
        border-radius: 0;
        border: none;
		color: #fff;
		min-width: 170px;
		text-transform: uppercase;
		font-size: 15px;
		line-height: 20px;
		font-family: 'Open Sans', Helvetica, Arial, sans-serif;
		font-weight: 400;
		-webkit-transition: background 250ms;
		transition: background 250ms;
    }
    a.btn:hover,
	button,
	input[type="submit"]:hover,
	.Actions .action:hover {
        background: #abdae0;
    }
    a.btn.disabled,
	button.disabled,
	input[type="submit"].disabled,
	.Actions .action.disabled {
		cursor: default;
		background: #D4D4D4;
	}
    a.btn {
		position: relative;
		margin-bottom: 10px;
    }

    .ie7 input.action {
        width: 0;                     /* IE table-cell margin fix */
        overflow: visible;
    }
    input.action[class] {             /* IE ignores [class] */
        width: auto;                  /* cancel margin fix for other browsers */
    }

    .ie7 .Actions .action {
        float: left;
    }
	span.requiredAsterisk {
		color: #ad172b;
	}

/* AREA SPECIFIC */
/* LOGIN and FORGOT PASSWORD */
#Remember {
	min-height: 20px;
}
#ForgotPassword {
	clear: left;
	font-size: 12px;
	margin-top: 8px;
}
#MemberLoginForm_LostPasswordForm .Actions:after {
	display: none;
}
#MemberLoginForm_LoginForm .Actions input[type="submit"] {
	float: none;
}


/****** FILE: site/css/responsive.css *****/
@media screen and (max-width: 1480px) {
	#Intro {
		top: 100px;
	}
	#Intro h1 {
		margin-right: 20%;
		font-size: 80px;
		line-height: 88px;
	}
}
@media screen and (max-width: 1320px) {

	.inner {
		width: auto;
		padding: 0 15px;
	}
	#Header .inner {
		padding: 0 15px;
	}
	#ContentTop .inner {
		padding: 0;
	}
	#Content {
		float: none;
		width: auto;
		padding-right: 35px;
		padding-left: 35px;
	}

	#ScrollToTop {
		position: static;
		margin: 10px auto;
	}

	#Intro {
		top: 80px;
	}
	#Intro h1 {
		font-size: 60px;
		line-height: 68px;
	}
}
@media screen and (max-width: 1140px) {
	#Intro h1 {
		font-size: 50px;
		line-height: 58px;
	}
	#Intro .intro-text {
		font-size: 18px;
		line-height: 24px;
	}
	.bodyServicesPage .center p:first-child,
	.bodyHomePage .servicesPage .center p:first-child {
		font-size: 18px;
	}
	.news-columns.summary .item .info {
		padding-right: 20px;
	}
	.news-columns.summary .item h2 {
		font-size: 22px;
		line-height: 24px;
	}
	.news-columns.summary .item .summary {
		margin-top: 5px;
	}
	.news-columns.summary .item .summary p {
		font-size: 14px;
		line-height: 20px;
	}
}
@media screen and (max-width: 980px) {
	.center-column {
		margin: 0 10px;
	}
	.two-thirds,
	.one-third {
		float: none;
		width: auto;
		margin-right: 0;
	}
}
@media screen and (max-width: 939px) {
	#Intro {
		top: 40px;
	}
	#Footer {
		margin-top: 30px;
		padding-bottom: 10px;
	}
	.bodyPortfolioHolder #Footer {
		margin-top: 0;
	}
	#Footer #FooterNav {
		float: none;
		margin-top: 15px;
	}
	#Footer #FooterNav li {
		line-height: 20px;
	}
	#Footer #MadeInAdelaide {
		float: none;
		text-align: left;
		margin-top: 0;
	}
	#Footer #FooterSocial {
		display: block;
		margin-left: 0;
	}
	.footerAddress {
		padding: 20px 0;
	}
	.footerAddress > span {
		display: block;
	}
	.heading-ServicePage .lineBreak {
		display: block;
	}
	.one-third-col,
	.two-thirds-col {
		width: 100%;
		float: none;
		margin-right: 0;
	}
	.two-thirds-col {
		text-align: center;
		max-width: 640px;
		margin: 0 auto;
	}
	.two-thirds-col .item {
		padding: 0;
	}
	.two-thirds-col .item span.icon {
		position: static;
	}
	.one-third-col > img {
		max-width: 450px;
		margin: 0 auto;
		display: block;
		float: none;
	}
	#PrevNextControls {
		display: none;
	}
}
@media screen and (max-width: 820px) {
	#Intro h1 {
		margin-right: 0;
		font-size: 34px;
		line-height: 42px;
	}
	#Intro .intro-text {
		font-size: 14px;
	}
}
@media screen and (max-width: 767px) {
	#Header #Navigation,
	#ScrollToTop,
	#ContainerOverlay {
		display: none !important;
	}

	#Header {
		position: relative;
	    top: 0 !important;
	}
	.main {
		padding-top: 0;
	}
	#IntroContainer {
		margin-top: 0;
		height: 290px;
		overflow: hidden;
	}
	#IntroContainer img {
		height: 100%;
		width: auto;
		max-width: none;
	}

	.outer {
		padding: 30px 0 0 0;
	}
	.outer.portfolioHolder {
		padding-bottom: 30px;
	}

	.bodyHomePage .servicesPage .center a.btn {
		margin: 0 auto 30px auto;
	}
	.bodyHomePage h1 {
		margin-top: 0;
	}

	.news-columns .col,
	.two-columns .col {
		float: none;
		width: auto;
		margin-right: 0;
	}
	.aboutPlastyk .two-columns .col {
		padding: 0 15px;
	}
	.two-columns .col:nth-child(even) {
		margin-top: 40px;
	}
	.aboutPlastyk .two-columns .col h2 {
		font-size: 24px;
	}
	.aboutPlastyk .two-columns,
	.contactForm .two-columns {
		padding: 20px 0 0 0;
		margin: 30px 0 0 0;
	}
	.two-columns .col .heading-bar span.border-arrow {
		display: none;
	}
	.one-column {
		padding: 0;
	}
	.one-column h1,
	.bodyHomePage .one-column h2,
	#NewsDetails > h1 {
		font-size: 40px;
		line-height: 44px;
	}
	.typography h2,
	.heading-ServicePage {
		font-size: 26px;
		line-height: 34px;
	}
	.typography h2.changa {
		font-size: 34px;
		line-height: 38px;
	}
	.heading-ServicePage {
		padding: 15px 0;
	}
	.servicePageHeadingHolder {
		padding: 0;
	}

	/* BLOG/NEWS */
	#PlayGround .dog {
		right: 10px;
	}
	#NewsPaginator {
		display: none !important;
	}
	.bodyHomePage #NewsItemsContainer {
		height: auto;
		overflow: visible;
	}
	.bodyHomePage .news-columns.summary .item {
		margin-bottom: 20px;
	}
	#NewsItems {
		top: 0 !important;
	}
	#sectionNewsHolder .one-column,
	.bodyNewsHolder .one-column {
		padding-right: 200px;
	}
	#sectionNewsHolder .one-column h2,
	.bodyNewsHolder .one-column h2 {
		font-size: 24px;
		line-height: 28px;
	}
	.news-columns.summary .item .image,
	.news-columns.summary .item .info {
		float: none;
		width: auto !important;
	}
	.news-columns.summary .item .info {
		height: auto;
		padding-bottom: 45px;
	}
	.news-columns.summary .item .more {
		width: 100%;
		padding: 0 20px;
	}
	#OtherNews ul li {
		width: 49%;
		margin: 0 0 0 2%;
	}
	#OtherNews ul li:nth-child(2n+1) {
		margin-left: 0
	}

	#PlastykStudios {
		padding: 20px 0 0 0;
	}
	#PlastykStudios > .inner {
		padding: 0;
	}
	#PlastykStudios a {
		padding: 0 15px;
		margin-bottom: 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#PlastykStudios a > img {
		max-width: 100% !important;
	}
	#PlastykStudios .title {
		margin-top: 0;
	}
}
@media screen and (max-width: 640px) {
	body,
	.typography p {
		font-size: 14px !important;
		line-height: 22px !important;
	}

	#MobileButtons {
		position: relative;
		z-index: 12;
		display: block;
		padding: 10px;
	}
	#MobileButtons a {
		position: relative;
		display: block;
		padding: 0 10px;
		margin-bottom: 8px;
		width: 100%;
		height: 40px;
		line-height: 40px;
		background: #1a8692;
		border-bottom: none;
		color: #fff;
		font-size: 16px;
		font-family: 'Open Sans', Helvetica, Arial, sans serif;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#MobileButtons a:link {
		-webkit-tap-highlight-color: transparent;
	}
	#MobileButtons a span {
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		text-align: center;
		height: 40px;
		width: 40px;
		font-size: 24px;
		line-height: 40px;
		background: #363636;
	}

	#Footer #FooterNav li,
	#Footer #MadeInAdelaide,
	.footerAddress {
		font-size: 14px;
	}

	#GMap {
		pointer-events: none;
	}

	#Content,
	#ContentTop a.image {
		padding: 0 20px !important;
	}

	/* ----- PLAYGROUND ----- */
	a#MoreNewsItems {
		margin: 0 auto;
	}
	#sectionNewsHolder .one-column,
	.bodyNewsHolder .one-column {
		min-height: 0;
		padding-top: 10px;
		padding-bottom: 20px;
		padding-right: 115px;
	}
	#sectionNewsHolder .one-column {
		padding-top: 0;
	}
	#sectionNewsHolder .one-column h1,
	.bodyNewsHolder .one-column h1 {
		font-size: 32px;
		line-height: 38px;
	}
	#sectionNewsHolder .one-column h2,
	.bodyNewsHolder .one-column h2 {
		font-size: 18px;
		line-height: 24px;
	}
	#PlayGround .dog {
		width: 100px;
		top: -120px;
		right: 0;
	}

	#ContentTop .inner,
	#ContentTop a.image {
		padding: 0 !important;
	}
	#ContentTop a.image span.icon {
		margin: -30px 0 0 -30px;
		font-size: 60px;
		line-height: 60px;
	}

	.news-columns.summary .item .image {
		height: 160px;
	}

	.blog-entry .post-image img {
		float: none;
	}
}
@media screen and (max-width: 580px) {
	#Header a.logo {
		padding: 2px 0 0 0;
		margin: 15px 0;
	}
	#Header a.logo.plastykstudios {
		width: 45px;
		margin-right: 15px;
		padding: 7px 15px 6px 0;
	}
	#Header a.logo > span.text {
		display: none;
	}
	#NavigationToggle {
		right: 10px;
		margin-top: -18px;
		padding: 0 8px;
	}
	#NavigationToggle .hamburger {
		width: 28px;
		font-size: 9px;
		line-height: 9px;
	}
	#NavigationToggle .hamburger span.lines,
	#NavigationToggle .hamburger span.lines:before,
	#NavigationToggle .hamburger span.lines:after {
		height: 2px;
		width: 28px;
	}
	@-webkit-keyframes dropLineBefore {
		from { top: -30px; }
		to { top: -8px; }
	}
	@keyframes dropLineBefore {
		from { top: -30px; }
		to { top: -8px; }
	}
	@-webkit-keyframes dropLineAfter {
		from { top: -8px; }
		to { top: 8px; }
	}
	@keyframes dropLineAfter {
		from { top: -8px; }
		to { top: 8px; }
	}
	#NavigationToggle .hamburger span.lines:before {
		top: -8px;
	}
	#NavigationToggle .hamburger span.lines:after {
		top: 8px;
	}
	body.menuOpen #NavigationToggle .hamburger span.lines:before {
		-webkit-transform: rotate(45deg) translate(7px, 7px);
		-ms-transform: rotate(45deg) translate(7px, 7px);
		-o-transform: rotate(45deg) translate(7px, 7px);
		transform: rotate(45deg) translate(7px, 7px);
	}
	body.menuOpen #NavigationToggle .hamburger span.lines:after {
		-webkit-transform: rotate(-45deg) translate(5px, -5px);
		-ms-transform: rotate(-45deg) translate(5px, -5px);
		-o-transform: rotate(-45deg) translate(5px, -5px);
		transform: rotate(-45deg) translate(5px, -5px);
	}
	#NavigationToggle .hamburger span.text {
		margin-top: 16px;
	}
	#DynamicMobileMenu li > a {
		padding: 10px;
		font-size: 20px;
		line-height: 24px;
	}
}
@media screen and (max-width: 520px) {

	#Intro h1 {
		font-size: 22px;
		line-height: 28px;
		margin-bottom: 15px;
	}
	#Intro .intro-text {
		font-size: 13px;
		line-height: 22px;
	}

	.heading-ServicePage .lineBreak {
		display: none;
	}
	h2.staffPageHeading {
		text-align: center;
	}
	#sectionContactForm .one-column h3 {
		font-size: 18px;
		line-height: 24px;
	}
}
@media screen and (max-width: 479px) {

	#IntroContainer img {
		-webkit-transform: translateX(-25%);
		transform: translateX(-25%);
	}

	.results {
		margin-top: 30px;
	}
	.results .message {
		padding-bottom: 25px;
	}
	#StickyNavigation .primary li a {
		padding: 0 5px;
		font-size: 12px;
	}
	.one-third-col > img {
		max-width: 100%;
	}
	#Content {
		padding: 0 10px !important;
	}

	.bodyNewsPage a.image span.icon {
		margin: -20px 0 0 -20px;
		font-size: 40px;
		line-height: 40px;
	}

	#PlastykStudios a {
		padding: 0 5px;
	}
	#PlastykStudios .title {
		padding: 10px 0;
		font-size: 13px;
	}
}
@media screen and (max-width: 360px) {
	#IntroContainer {
		height: 300px;
	}
}

/* ----- HEIGHT MEDIA QUERY ----- */
@media screen and (max-height: 479px) {
	body.menuOpen {
		height: auto;
	}
}


/****** FILE: portfolio/css/portfolio.css *****/
h2.subTitle {
	font-size: 24px;
	line-height: 26px;
	font-family: 'Open Sans', Helvetica, Arial, sans serif;
	font-weight: 300;
	text-align: center;
	margin: 0 0 30px 0;
	opacity: 1;
	-webkit-transition: opacity 250ms;
	transition: opacity 250ms;
}
h2.subTitle.hidden {
	opacity: 0;
}
#PortfolioContainer {
	font-size: 0;
	line-height: 1;
}
.portfolioItem {
	display: inline-block;
	width: 240px;
	height: 240px;
	background: #fff;
	position: relative;
}
.portfolioItem.withLink {
	z-index: 1;
	-webkit-transition: z-index 250ms;
	-o-transition: z-index 250ms;
	transition: z-index 250ms;
}
.portfolioItem.withLink:hover {
	z-index: 10;
}
.portfolioItem.withLink .holder {
	cursor: pointer;
	-webkit-transition: -webkit-transform 250ms;
	-o-transition: -o-transform 250ms;
	transition: transform 250ms;
}
.portfolioItem.withLink:hover .holder {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.portfolioItem {
	display: none;
}
.no-js .portfolioItem {
	display: inline-block;
}
.portfolioItem img {
	position: relative;
	display: block;
	max-width: 100%;
	margin: 0;
	float: none;
}
.portfolioItem a {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border: solid 4px transparent !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.portfolioItem.withLink:hover a {
	border-color: #1a8692 !important;
}
.portfolioItem a > span.title {
	text-indent: -9999px;
	visibility: hidden;
}

.portfolioFilterList {
	text-align: center;
	margin: 10px 0 20px 0 !important;
}
.portfolioFilterButton {
	display: inline-block;
	width: 100px;
	margin: 0 4px 8px 4px;
	padding: 2px 0 2px 0 !important;
	background: #2fa4b2;
	border: 1px solid #fff;
	color: #fff;
	text-align: center;
	font-size: 16px;
	list-style-type: none !important;
	cursor: pointer;
	-webkit-transition: all 250ms;
	transition: all 250ms;
}
.portfolioFilterButton:hover {
	background: #abdae0;
}
.portfolioFilterButton.active {
	background: #53585f;
	border-color: #53585f;
}

#ViewMorePortfolioItems {
	margin: 30px 0 20px 0;
	text-align: center;
}
#ViewMorePortfolioItems span.button {
	z-index: 19;
	display: inline-block;
	padding: 9px 15px;
	min-width: 170px;
	background: #abdae0;
	border: none;
	text-align: center;
	color: #fff;
	font-size: 15px;
	line-height: 20px;
    text-transform: uppercase;
	cursor: pointer;
	-webkit-transition: all 250ms;
	transition: all 250ms;
}
#ViewMorePortfolioItems span.button:hover {
	background: #1a8692;
}

#PortfolioSlideshowContainer,
#PortfolioItemsList,
#PortfolioItemPopup {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}
#PortfolioItemPopup article {
	padding-top: 60px;
}
#PortfolioSlideshowWrapper {
	position: relative;
}

#PortfolioSlideshow {
	position: relative;
	overflow: hidden;
}
#PortfolioSlideshow .portfolioImage {
	width: 100%;
}
#PortfolioSlideshow .portfolioImage img {
	float: none;
	margin: 0;
}

#PortfolioSlideshowPager {
	text-align: center;
	margin-top: 10px;
}
#PortfolioSlideshowPager > .slideButton {
	width: 11px;
	height: 11px;
	display: inline-block;
	margin: 0 4px;
	background-color: #ffffff;
	border-radius: 50%;
	border: solid 2px #1a8692;
	cursor: pointer;
	-webkit-transition: 400ms all;
	transition: 400ms all;
}
#PortfolioSlideshowPager > .slideButton:hover,
#PortfolioSlideshowPager > .slideButton.cycle-pager-active {
	background-color: #abdae0;
	border: solid 2px #fff;
}
#PortfolioContent {
	max-width: 720px;
}
#PortfolioContent .icon-new-tab {
	font-size: 16px;
}
#PortfolioSlideshowPrevious,
#PortfolioSlideshowNext {
	position: absolute;
	z-index: 100;
	top: -60px;
	right: 0;
	cursor: pointer;
	height: 50px;
	width: 50px;
	text-align: center;
	background: #1a8692;
	-webkit-transition: background 250ms;
	-moz-transition: background 250ms;
	transition: background 250ms;
}
#PortfolioSlideshowPrevious:hover,
#PortfolioSlideshowNext:hover {
	background: #abdae0;
}
#PortfolioSlideshowPrevious {
	right: 60px;
}
#PortfolioSlideshowPrevious:after,
#PortfolioSlideshowNext:after {
	padding: 0 0 0 3px;
	font-family: 'icon-fonts';
	content: "\f105";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	font-size: 60px;
	line-height: 48px;
	transition: all 400ms;
	border: none;
}
#PortfolioSlideshowPrevious:after {
	content: "\f104";
	padding: 0 3px 0 0;
}

#PortfolioItemPopup .close {
	position: absolute;
	z-index: 200;
	top: 0;
	left: 0;
	padding: 0 10px 0 50px;
	height: 50px;
	line-height: 50px;
	background: #1a8692;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	font-size: 14px;
	font-family: 'Open Sans', Helvetica, Arial, sans serif;
	font-weight: 300;
	outline: none;
	cursor: pointer;
	-webkit-transition: background 250ms;
	-moz-transition: background 250ms;
	-ms-transition: background 250ms;
	-o-transition: background 250ms;
	transition: background 250ms;
}
#PortfolioItemPopup .close:before,
#PortfolioItemPopup .close:after {
	content: '';
	position: absolute;
	top: 9px;
	width: 0;
	height: 0;
	border-top: solid 16px transparent;
	border-bottom: solid 16px transparent;
	border-left: solid 16px transparent;
}
#PortfolioItemPopup .close:before {
	left: -1px;
	border-right: solid 16px #fff;
}
#PortfolioItemPopup .close:after {
	left: 0px;
	border-right: solid 16px #1a8692;
	-webkit-transition: border 250ms;
	-moz-transition: border 250ms;
	-ms-transition: border 250ms;
	-o-transition: border 250ms;
	transition: border 250ms;
}
#PortfolioItemPopup .close:hover {
	background: #abdae0;
}
#PortfolioItemPopup .close:hover:after {
	border-right: solid 16px #abdae0;
}

@media screen and (max-width: 1280px) {
	.portfolioItem {
		width: 20%;
		height: auto;
	}
}
@media screen and (max-width: 990px) {
	.portfolioItem {
		width: 25%;
		height: auto;
	}
}
@media screen and (max-width: 768px) {
	.portfolioImage iframe {
		height: 375px;
	}
}
@media screen and (max-width: 760px) {
	.bodyPortfolioHolder #Content > h1 {
		margin-right: 100px;
	}
	#PortfolioItemPopup article {
		padding-top: 60px;
	}
	#PortfolioItemPopup .close {
		height: 40px;
		line-height: 40px;
		top: 10px;
	}
	#PortfolioItemPopup .close:before,
	#PortfolioItemPopup .close:after {
		border-top: solid 10px transparent;
		border-bottom: solid 10px transparent;
		border-left: solid 10px transparent;
	}
	#PortfolioItemPopup .close:before,
	#PortfolioItemPopup .close:after,
	#PortfolioItemPopup .close:hover:after {
		border-right-width: 10px;
	}
	#PortfolioSlideshowPrevious,
	#PortfolioSlideshowNext {
		top: -50px;
		height: 40px;
		width: 40px;
	}
	#PortfolioSlideshowPrevious {
		right: 50px;
	}
	#PortfolioSlideshowPrevious:after,
	#PortfolioSlideshowNext:after {
		font-size: 42px;
		line-height: 38px;
	}
	.portfolioItem {
		width: 33%;
		height: auto;
	}
}
@media screen and (max-width: 639px) {
	.bodyPortfolioHolder #Content > h1 {
		margin-right: 80px;
	}
	#PortfolioItemPopup article {
		padding-top: 50px;
	}
	#PortfolioItemPopup .close {
		height: 30px;
		line-height: 30px;
		padding: 0 10px 0 30px;
	}
	#PortfolioItemPopup .close:before,
	#PortfolioItemPopup .close:after {
		top: 7px;
		border-top: solid 8px transparent;
		border-bottom: solid 8px transparent;
		border-left: solid 8px transparent;
	}
	#PortfolioItemPopup .close:before,
	#PortfolioItemPopup .close:after,
	#PortfolioItemPopup .close:hover:after {
		border-right-width: 8px;
	}
	#PortfolioSlideshowPrevious,
	#PortfolioSlideshowNext {
		display: none !important;
	}
	.portfolioImage iframe  {
		height: 280px;
	}
}
@media screen and (max-width: 480px) {
	.portfolioItem {
		width: 50%;
		height: auto;
	}
	.portfolioItem a {
		font-size: 18px;
		line-height: 22px;
	}
	.portfolioImage iframe {
		height: 151px;
	}
}


/****** FILE: site/css/magnific-popup.css *****/
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } 
}

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; 
}

/**
 * Simple fade transition,
 */
.mfp-fade.mfp-bg {
  opacity: 0.005; /*bug fix*/
  -webkit-transition: all 0.15s ease-out; 
  -moz-transition: all 0.15s ease-out; 
  transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out; 
  -moz-transition: all 0.15s ease-out; 
  transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}