@charset "UTF-8";
/* Let's kick things off... */
@import url("//hello.myfonts.net/count/2bd9fa");
/* mixins.scss */
/* Font size
==================== */
/**
 * Usage:
 *
 * @include font-size(14);
 */
/* Breakpoint
==================== */
/**
 * Usage:
 *
 * @include breakpoint(sm) {
 * // css	
 * }
 */
/* variables.scss */
/* Globals
==================== */
/* Typography
==================== */
@font-face {
  font-family: 'HelveticaNeueLTStd-Bd';
  src: url("../webfonts/2BD9FA_0_0.eot");
  src: url("../webfonts/2BD9FA_0_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/2BD9FA_0_0.woff") format("woff"), url("../webfonts/2BD9FA_0_0.ttf") format("truetype"); }
@font-face {
  font-family: 'HelveticaNeueLTStd-UltLt';
  src: url("../webfonts/2BD9FA_1_0.eot");
  src: url("../webfonts/2BD9FA_1_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/2BD9FA_1_0.woff") format("woff"), url("../webfonts/2BD9FA_1_0.ttf") format("truetype"); }
@font-face {
  font-family: 'HelveticaNeueLTStd-Roman';
  src: url("../webfonts/2BD9FA_2_0.eot");
  src: url("../webfonts/2BD9FA_2_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/2BD9FA_2_0.woff") format("woff"), url("../webfonts/2BD9FA_2_0.ttf") format("truetype"); }
@font-face {
  font-family: 'HelveticaNeueLTStd-Md';
  src: url("../webfonts/2BD9FA_3_0.eot");
  src: url("../webfonts/2BD9FA_3_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/2BD9FA_3_0.woff") format("woff"), url("../webfonts/2BD9FA_3_0.ttf") format("truetype"); }
@font-face {
  font-family: "SSSocialCircle";
  src: url("../webfonts/ss-social-circle.eot");
  src: url("../webfonts/ss-social-circle.eot?#iefix") format("embedded-opentype"), url("../webfonts/ss-social-circle.woff") format("woff"), url("../webfonts/ss-social-circle.ttf") format("truetype"), url("../webfonts/ss-social-circle.svg#SSSocialCircle") format("svg");
  font-weight: normal;
  font-style: normal; }
/* This triggers a redraw in IE to Fix IE8's :before content rendering. */
html:hover [class^="ss-"] {
  -ms-zoom: 1; }

.ss-icon, .ss-icon.ss-social-circle,
[class^="ss-"]:before, [class*=" ss-"]:before,
[class^="ss-"].ss-social-circle:before, [class*=" ss-"].ss-social-circle:before,
[class^="ss-"].right:after, [class*=" ss-"].right:after,
[class^="ss-"].ss-social-circle.right:after, [class*=" ss-"].ss-social-circle.right:after {
  font-family: "SSSocialCircle";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased; }

[class^="ss-"].right:before,
[class*=" ss-"].right:before {
  display: none;
  content: ''; }

.ss-facebook:before, .ss-facebook.right:after {
  content: ''; }

.ss-twitter:before, .ss-twitter.right:after {
  content: ''; }

.ss-linkedin:before, .ss-linkedin.right:after {
  content: ''; }

.ss-googleplus:before, .ss-googleplus.right:after {
  content: ''; }

.ss-appdotnet:before, .ss-appdotnet.right:after {
  content: ''; }

.ss-zerply:before, .ss-zerply.right:after {
  content: ''; }

.ss-reddit:before, .ss-reddit.right:after {
  content: ''; }

.ss-steam:before, .ss-steam.right:after {
  content: ''; }

.ss-tumblr:before, .ss-tumblr.right:after {
  content: ''; }

.ss-wordpress:before, .ss-wordpress.right:after {
  content: ''; }

.ss-blogger:before, .ss-blogger.right:after {
  content: ''; }

.ss-posterous:before, .ss-posterous.right:after {
  content: ''; }

.ss-quora:before, .ss-quora.right:after {
  content: ''; }

.ss-youtube:before, .ss-youtube.right:after {
  content: ''; }

.ss-vimeo:before, .ss-vimeo.right:after {
  content: ''; }

.ss-vine:before, .ss-vine.right:after {
  content: ''; }

.ss-letterboxd:before, .ss-letterboxd.right:after {
  content: ''; }

.ss-flickr:before, .ss-flickr.right:after {
  content: ''; }

.ss-instagram:before, .ss-instagram.right:after {
  content: ''; }

.ss-500px:before, .ss-500px.right:after {
  content: ''; }

.ss-etsy:before, .ss-etsy.right:after {
  content: ''; }

.ss-pinterest:before, .ss-pinterest.right:after {
  content: ''; }

.ss-svpply:before, .ss-svpply.right:after {
  content: ''; }

.ss-readmill:before, .ss-readmill.right:after {
  content: ''; }

.ss-dropbox:before, .ss-dropbox.right:after {
  content: ''; }

.ss-pinboard:before, .ss-pinboard.right:after {
  content: ''; }

.ss-delicious:before, .ss-delicious.right:after {
  content: ''; }

.ss-dribbble:before, .ss-dribbble.right:after {
  content: ''; }

.ss-behance:before, .ss-behance.right:after {
  content: ''; }

.ss-github:before, .ss-github.right:after {
  content: ''; }

.ss-octocat:before, .ss-octocat.right:after {
  content: ''; }

.ss-stackoverflow:before, .ss-stackoverflow.right:after {
  content: ''; }

.ss-paypal:before, .ss-paypal.right:after {
  content: ''; }

.ss-kickstarter:before, .ss-kickstarter.right:after {
  content: ''; }

.ss-foursquare:before, .ss-foursquare.right:after {
  content: ''; }

.ss-yelp:before, .ss-yelp.right:after {
  content: ''; }

.ss-skype:before, .ss-skype.right:after {
  content: ''; }

.ss-rdio:before, .ss-rdio.right:after {
  content: ''; }

.ss-spotify:before, .ss-spotify.right:after {
  content: ''; }

.ss-lastfm:before, .ss-lastfm.right:after {
  content: ''; }

.ss-soundcloud:before, .ss-soundcloud.right:after {
  content: ''; }

.ss-link:before, .ss-link.right:after {
  content: '🔗'; }

.ss-phone:before, .ss-phone.right:after {
  content: '📞'; }

.ss-mail:before, .ss-mail.right:after {
  content: '✉'; }

.ss-like:before, .ss-like.right:after {
  content: '👍'; }

.ss-rss:before, .ss-rss.right:after {
  content: ''; }

.ss-share:before, .ss-share.right:after {
  content: ''; }

.ss-apple:before, .ss-apple.right:after {
  content: ''; }

.ss-microsoft:before, .ss-microsoft.right:after {
  content: ''; }

.ss-windows:before, .ss-windows.right:after {
  content: ''; }

.ss-android:before, .ss-android.right:after {
  content: ''; }

.ss-blackberry:before, .ss-blackberry.right:after {
  content: ''; }

/* Legacy */
.ss-fivehundredpx:before, .ss-fivehundredpx.right:after {
  content: ''; }

/* Headings
==================== */
/* Grid
==================== */
/* Colours
==================== */
/* Links
==================== */
/* Break points
==================== */
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

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

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

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

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * 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 Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
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.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 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 and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 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 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/* base.scss */
/* Apply box layout to all elements
==================== */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(assets/polyfill/boxsizing.htc); }

/* Fluid images
==================== */
img {
  max-width: 100%; }

.img-link:hover {
  opacity: 0.8; }

.group:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0; }

* html .group {
  zoom: 1; }

/* IE6 */
*:first-child + html .group {
  zoom: 1; }

/* IE7 */
/* typography.scss */
html {
  color: #6D7072;
  font-size: 14px;
  font-family: "HelveticaNeueLTStd-Roman", Helvetica, Arial, sans-serif;
  line-height: 1.4em; }

body {
  background-color: #fff; }

p {
  margin: 0 0 14px; }

strong {
  font-weight: normal;
  font-family: "HelveticaNeueLTStd-Bd", Helvetica, Arial, sans-serif; }

/* Headings
==================== */
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 1em;
  color: #6D7072;
  font-weight: normal;
  font-family: "HelveticaNeueLTStd-Roman", Helvetica, Arial, sans-serif;
  text-rendering: optimizelegibility; }

/**
 * Type scale: http://modularscale.com/scale/?px1=16&px2=24&ra1=1.333&ra2=0
 *
 * Pixels	Ems
 * 31.992	2
 * 28.430	1.777
 * 24.000	1.5
 * 21.328	1.333
 * 18.005	1.125
 * 16.000	1
 * 13.507	0.844
 * 12.003	0.75
 */
h1 {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 300; }

h2 {
  font-size: 21.328px;
  font-size: 1.333rem; }

h3 {
  font-size: 18.005px;
  font-size: 1.12531rem;
  text-transform: uppercase; }

h4 {
  font-size: 16px;
  font-size: 1rem; }

h5 {
  font-size: 16px;
  font-size: 1rem; }

h6 {
  font-size: 16px;
  font-size: 1rem; }

.title--small {
  text-transform: uppercase;
  font-size: 18.005px;
  font-size: 1.12531rem;
  margin: 2em 0 0.5em 0;
  line-height: 1em; }

.title--small--lower {
  text-transform: none;
  font-size: 18.005px;
  font-size: 1.12531rem;
  line-height: 1em; }

.title--large {
  text-transform: uppercase;
  font-size: 32px;
  font-size: 2rem;
  line-height: 1em;
  margin: 0; }

.text--large {
  font-size: 40px;
  font-size: 2.5rem;
  font-family: "HelveticaNeueLTStd-UltLt", Helvetica, Arial, sans-serif;
  line-height: 1em; }

.text--small {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.3em; }

.section-header {
  text-transform: uppercase;
  font-size: 18.005px;
  font-size: 1.12531rem;
  margin: 2em 0 1em 0;
  line-height: 1em; }

/* Content
==================== */
.content__title {
  font-size: 24px;
  font-size: 1.5rem;
  text-transform: uppercase;
  font-family: "HelveticaNeueLTStd-Bd", Helvetica, Arial, sans-serif; }

.page-heading, .page-subheading {
  font-size: 24px;
  font-size: 1.5rem;
  text-transform: uppercase;
  margin: 0 0 0.4em 0; }

.page-heading {
  font-family: "HelveticaNeueLTStd-Bd", Helvetica, Arial, sans-serif; }

.page-subheading {
  font-family: "HelveticaNeueLTStd-UltLt", Helvetica, Arial, sans-serif; }

/* Misc
==================== */
blockquote {
  margin: 2em 1em 0em 0em;
  color: #00a7e2;
  font-style: italic;
  text-transform: uppercase; }

ul.list {
  margin: 0;
  padding: 0;
  font-family: "HelveticaNeueLTStd-Md", Helvetica, Arial, sans-serif;
  list-style: none; }
  ul.list li {
    margin: 0.4em 0; }

dl dt {
  margin-top: 1em;
  font-weight: bold; }
dl dd {
  margin-left: 20px; }

pre {
  font-family: "HelveticaNeueLTStd-Roman", Helvetica, Arial, sans-serif; }

/* Horizontal rule
==================== */
hr {
  display: block;
  clear: both;
  margin: 1em 0;
  padding: 0;
  height: 0;
  border: 0;
  border-bottom: 1px solid #B6B7B9;
  text-align: center;
  font-size: 2em; }

/* Links
==================== */
a {
  text-decoration: none;
  color: #00a7e2; }
  a:focus, a:hover {
    color: #004962; }

/* helper.scss */
.block {
  background: #ccc;
  width: 100%;
  height: 400px; }

/* Text align
==================== */
.text--left {
  text-align: left !important; }

.text--center {
  text-align: center !important; }

.text--right {
  text-align: right !important; }

.float--left {
  float: left; }

.float--right {
  float: right; }

/* Font weights
==================== */
.weight--light {
  font-weight: 300 !important; }

.weight--normal {
  font-weight: 400 !important; }

.weight--semibold {
  font-weight: 600 !important; }

/* Floats
==================== */
.pull--right {
  float: right !important; }

.pull--left {
  float: left !important; }

.pull--none {
  float: none !important; }

/* Margins
==================== */
.push {
  margin: 10px !important; }

.push--top {
  margin-top: 10px !important; }

.push--right {
  margin-right: 10px !important; }

.push--bottom {
  margin-bottom: 10px !important; }

.push--left {
  margin-left: 10px !important; }

.push-half {
  margin: 5px !important; }

.push-half--top {
  margin-top: 5px !important; }

.push-half--right {
  margin-right: 5px !important; }

.push-half--bottom {
  margin-bottom: 5px !important; }

.push-half--left {
  margin-left: 5px !important; }

.push-double {
  margin: 20px !important; }

.push-double--top {
  margin-top: 20px !important; }

.push-double--right {
  margin-right: 20px !important; }

.push-double--bottom {
  margin-bottom: 20px !important; }

.push-double--left {
  margin-left: 20px !important; }

.pad {
  padding: 10px; }

/* Colour classes
==================== */
.bg--blue-pastel {
  background: #5e9cae; }

.txt--blue-pastel {
  color: #5e9cae; }

.bg--blue {
  background: #00a7e2; }

.txt--blue {
  color: #00a7e2; }

.bg--green-dark {
  background: #306c66; }

.txt--green-dark {
  color: #306c66; }

.bg--green-light {
  background: #5da631; }

.txt--green-light {
  color: #5da631; }

.bg--green-pastel {
  background: #8ba69c; }

.txt--green-pastel {
  color: #8ba69c; }

.bg--beige {
  background: #d2c295; }

.txt--beige {
  color: #d2c295; }

.bg--pink {
  background: #ae4089; }

.txt--pink {
  color: #ae4089; }

.bg--grey {
  background: #6d6f72; }

.txt--grey {
  color: #6d6f72; }

.bg--grey-light {
  background: #FAFAFB; }

.txt--grey-light {
  color: #EAECED; }

.bg--yellow-pastel {
  background: #cecca0; }

.txt--yellow-pastel {
  color: #cecca0; }

.bg--gradient {
  background: url("../images/site/header-bg.png") left bottom repeat-x; }

/* responsive helpers
==================== */
.show-desktop {
  display: block; }

@media screen and (max-width: 768px) {
  .show-desktop {
    display: none; } }
.dk-select, .dk-select *, .dk-select *:before, .dk-select *:after, .dk-select-multi, .dk-select-multi *, .dk-select-multi *:before, .dk-select-multi *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.dk-select, .dk-select-multi {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.5em;
  width: 100%;
  cursor: pointer;
  text-transform: uppercase; }

.dk-selected {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  background-color: white;
  border: 1px solid #CCCCCC;
  border-radius: 3px;
  padding: 8px 16px;
  line-height: 24px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }

.dk-selected:before, .dk-selected:after {
  content: '';
  display: block;
  position: absolute;
  right: 0; }

.dk-selected:before {
  margin: 0 8px 0 0;
  background: url("/assets/img/arrow-down.png") no-repeat center center;
  width: 25px;
  height: 25px;
  background-size: 25px; }

.dk-selected:after {
  top: 0;
  height: 100%;
  margin: 0 1.5em 0 0; }

.dk-selected-disabled {
  color: #BBBBBB; }

.dk-select .dk-select-options {
  position: absolute;
  display: none;
  left: 0;
  right: 0; }

.dk-select-open-up .dk-select-options {
  border-radius: 0.4em 0.4em 0 0;
  margin-bottom: -1px;
  bottom: 100%; }

.dk-select-open-down .dk-select-options {
  border-radius: 0 0 0.4em 0.4em;
  margin-top: -1px;
  top: 100%; }

.dk-select-multi .dk-select-options {
  max-height: 10em; }

.dk-select-options {
  background-color: white;
  border: 1px solid #CCCCCC;
  border-radius: 0.4em;
  list-style: none;
  margin: 0;
  min-width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0.25em 0;
  width: auto;
  z-index: 100; }

.dk-select-options-highlight .dk-option-selected {
  background-color: transparent;
  color: inherit; }

.dk-option {
  padding: 1px 14px; }

li.dk-option .dot {
  float: left;
  color: #ccc;
  font-size: 22px; }
  li.dk-option .dot:after {
    content: " ";
    margin-right: 2px; }
li.dk-option .text {
  padding-left: 6px;
  display: table; }

li.dk-option-highlight .dot, li.dk-option-selected .dot {
  color: #00a7e2; }

.dk-select-options .dk-option-disabled {
  color: #BBBBBB;
  background-color: transparent; }

.dk-optgroup {
  border: solid #CCCCCC;
  border-width: 1px 0;
  padding: 0.25em 0;
  margin-top: 0.25em; }

.dk-optgroup + .dk-option {
  margin-top: 0.25em; }

.dk-optgroup + .dk-optgroup {
  border-top-width: 0;
  margin-top: 0; }

.dk-optgroup:nth-child(2) {
  padding-top: 0;
  border-top: none;
  margin-top: 0; }

.dk-optgroup:last-child {
  border-bottom-width: 0;
  margin-bottom: 0;
  padding-bottom: 0; }

.dk-optgroup-label {
  padding: 0 0.5em 0.25em;
  font-weight: bold;
  width: 100%; }

.dk-optgroup-options {
  list-style: none;
  padding-left: 0; }

.dk-optgroup-options li {
  padding-left: 1.2em; }

.dk-select-open-up .dk-selected {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-color: #00a7e2; }

.dk-select-open-down .dk-selected {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-color: #00a7e2; }

.dk-select-open-up .dk-selected:before, .dk-select-open-down .dk-selected:before {
  border-width: 0 0.25em 0.25em;
  border-bottom-color: #00a7e2; }

.dk-select-open-up .dk-selected:after, .dk-select-open-down .dk-selected:after {
  border-left-color: #00a7e2; }

.dk-select-open-up .dk-select-options, .dk-select-open-down .dk-select-options, .dk-select-multi:focus .dk-select-options {
  display: block;
  border-color: #00a7e2; }

.dk-select-multi:hover, .dk-select-multi:focus {
  outline: none; }

.dk-selected:hover, .dk-selected:focus {
  outline: none;
  border-color: #00a7e2; }

.dk-selected:hover:before, .dk-selected:focus:before {
  border-top-color: #00a7e2; }

.dk-selected:hover:after, .dk-selected:focus:after {
  border-left-color: #00a7e2; }

.dk-select-disabled {
  opacity: 0.6;
  color: #BBBBBB;
  cursor: not-allowed; }

.dk-select-disabled .dk-selected:hover, .dk-select-disabled .dk-selected:focus {
  border-color: inherit; }

.dk-select-disabled .dk-selected:hover:before, .dk-select-disabled .dk-selected:focus:before {
  border-top-color: inherit; }

.dk-select-disabled .dk-selected:hover:after, .dk-select-disabled .dk-selected:focus:after {
  border-left-color: inherit; }

select[data-dkcacheid] {
  display: none; }

/* grid.scss */
/* Container */
.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto; }

.seperator {
  height: 2px;
  background-color: #6d6f72; }

.content {
  margin-top: 20px; }

/* Set up some rules to govern the grid */
.grid {
  display: block;
  clear: both; }

.grid .unit {
  float: left;
  width: 100%;
  padding: 10px; }

.grid--center {
  float: none !important;
  margin: 0 auto !important; }

.grid--pad {
  padding: 25px 15px 15px 15px; }

/* This ensures the outer gutters are equal to the (doubled) inner gutters. */
.grid .unit:first-child {
  padding-left: 20px; }

.grid .unit:last-child {
  padding-right: 20px; }

/* Nested grids already have padding though, so let’s nuke it */
.unit .unit:first-child {
  padding-left: 0; }

.unit .unit:last-child {
  padding-right: 0; }

.unit .grid:first-child > .unit {
  padding-top: 0; }

.unit .grid:last-child > .unit {
  padding-bottom: 0; }

/* Remove first and last child if required */
.no-first-last-pad .unit:first-child {
  padding: 10px !important; }

.no-first-last-pad .unit:last-child {
  padding: 10px !important; }

/* Let people nuke the gutters/padding completely in a couple of ways */
.no-gutters .unit,
.unit.no-gutters {
  padding: 0 !important; }

.container-gutters {
  padding: 0 10px 0 10px !important; }

/* Wrapping at a maximum width is optional */
.wrap .grid,
.grid.wrap {
  max-width: 978px;
  margin: 0 auto; }

/* Width classes also have shorthand versions numbered as fractions
 * For example: for a grid unit 1/3 (one third) of the parent width,
 * simply apply class="w-1-3" to the element. */
.grid .whole, .grid .w-1-1 {
  width: 100%; }

.grid .half, .grid .w-1-2 {
  width: 50%; }

.grid .one-third, .grid .w-1-3 {
  width: 33.3332%; }

.grid .two-thirds, .grid .w-2-3 {
  width: 66.6665%; }

.grid .one-quarter,
.grid .one-fourth, .grid .w-1-4 {
  width: 25%; }

.grid .three-quarters,
.grid .three-fourths, .grid .w-3-4 {
  width: 75%; }

.grid .one-fifth, .grid .w-1-5 {
  width: 20%; }

.grid .two-fifths, .grid .w-2-5 {
  width: 40%; }

.grid .three-fifths, .grid .w-3-5 {
  width: 60%; }

.grid .four-fifths, .grid .w-4-5 {
  width: 80%; }

.grid .golden-small, .grid .w-g-s {
  width: 38.2716%; }

/* Golden section: smaller piece */
.grid .golden-large, .grid .w-g-l {
  width: 61.7283%; }

/* Golden section: larger piece */
/* Clearfix after every .grid */
.grid {
  *zoom: 1; }

.grid:before, .grid:after {
  display: table;
  content: "";
  line-height: 0; }

.grid:after {
  clear: both; }

/* Utility classes */
.align-center {
  text-align: center; }

.align-left {
  text-align: left; }

.align-right {
  text-align: right; }

.pull-left {
  float: left; }

.pull-right {
  float: right; }

/* A property for a better rendering of images in units: in
   this way bigger pictures are just resized if the unit
   becomes smaller */
.unit img {
  max-width: 100%; }

/* Responsive Stuff */
@media screen and (max-width: 768px) {
  /* Stack anything that isn’t full-width on smaller screens 
     and doesn't provide the no-stacking-on-mobiles class */
  .grid:not(.no-stacking-on-mobiles) > .unit {
    width: 100% !important;
    padding-left: 20px;
    padding-right: 20px; }

  .unit .grid .unit {
    padding-left: 0px;
    padding-right: 0px; }

  /* Sometimes, you just want to be different on small screens */
  .center-on-mobiles {
    text-align: center !important; }

  .hide-on-mobiles {
    display: none !important; } }
/* Expand the wrap a bit further on larger screens */
@media screen and (min-width: 1180px) {
  .wider .grid,
  .grid.wider {
    max-width: 1180px;
    margin: 0 auto; } }
.group:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0; }

* html .group {
  zoom: 1; }

/* IE6 */
*:first-child + html .group {
  zoom: 1; }

/* IE7 */
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0; }

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* header.scss */
.page-head--inner {
  background: url("../images/site/header-bg.png") left bottom repeat-x; }

/* Search
==================== */
.search-form {
  margin-top: 5px; }

.search-form__field {
  -webkit-appearance: none;
  box-shadow: inset 0px 0px 1px 2px rgba(0, 0, 0, 0.1);
  padding: 5px;
  margin-right: 2px;
  border: 0;
  border: 1px solid #fff;
  font-size: 12px;
  font-size: 0.75rem;
  width: 140px;
  border: 1px solid #E5E5E5; }
  .search-form__field:focus {
    outline: 0;
    border: 1px solid #ccc; }

.search-form__btn {
  background: url("../images/site/search-btn.png");
  text-indent: -9999px;
  border: 0;
  border-radius: 100%;
  width: 22px;
  height: 22px; }

@media screen and (max-width: 768px) {
  .search-form, .nav-horizontal {
    display: none; } }
/* Search form mobile
==================== */
.search-form-mobile {
  display: none;
  text-align: center;
  margin: 1em 0; }
  .search-form-mobile input {
    width: 70%;
    padding: 10px; }

/* Search form mobile
==================== */
.btn-search {
  height: 40px;
  width: 40px;
  background: url("../images/site/mobile-search.png");
  display: none;
  position: absolute;
  right: 70px;
  top: 20px; }

@media screen and (max-width: 768px) {
  .btn-search {
    display: block; } }
/* Mobile menu
==================== */
.btn-mobile {
  height: 40px;
  width: 40px;
  background: url("../images/site/mobile-nav.png");
  display: none;
  position: absolute;
  right: 20px;
  top: 20px; }
  .btn-mobile--close {
    background: url("../images/site/mobile-nav-close.png"); }

@media screen and (max-width: 768px) {
  .btn-mobile {
    display: block; } }
/* header.scss */
.page-sub-head-2 {
  min-height: 120px !important; }

.page-sub-head {
  padding: 2em 0;
  color: #fff;
  text-transform: uppercase;
  min-height: 280px;
  position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  .page-sub-head__title {
    font-size: 31.992px;
    font-size: 1.9995rem;
    margin: 0 0 0.4em 0;
    color: #fff;
    font-family: "HelveticaNeueLTStd-Md", Helvetica, Arial, sans-serif;
    line-height: 1em; }
    .page-sub-head__title--history {
      color: green;
      margin: 1em 0;
      text-transform: uppercase; }
  .page-sub-head__subtitle {
    font-size: 31.992px;
    font-size: 1.9995rem;
    color: #fff;
    font-weight: 300;
    line-height: 2rem; }
  .page-sub-head .subtitle-2 {
    font-size: 18px; }
  .page-sub-head .container {
    position: relative; }

.page-sub-head.bg--blue .page-sub-head__subtitle {
  color: #fff; }

.page-sub-head.bg--green-dark .page-sub-head__title {
  color: #599C49 !important; }

.page-sub-head.bg--pink .page-sub-head__subtitle {
  color: #D4ADC3 !important; }

.page-sub-head.bg--green-light .page-sub-head__title {
  color: #32645C !important; }

.page-sub-head.bg--blue-pastel .page-sub-head__subtitle {
  color: #BBD4D5 !important; }

/* page-footer.scss */
.page-footer {
  background: #D9D9D9;
  margin-top: 100px; }
  .page-footer__title {
    text-transform: none;
    margin: 15px 0 15px 0; }

.nav-footer ul {
  margin: 0;
  padding: 0; }
.nav-footer__item {
  list-style: none;
  display: block; }
.nav-footer__item:first-child .nav-footer__link {
  border-top: 1px solid #6d6f72; }
.nav-footer__link {
  color: #6d6f72;
  display: block;
  border-bottom: 1px solid #6d6f72;
  padding: 4px 0;
  font-size: 14px;
  font-size: 0.875rem; }
  .nav-footer__link--no-border {
    border-bottom: 0 !important; }
.nav-footer--push-top {
  margin-top: 48px; }

.nav-social {
  margin-top: 20px; }
  .nav-social a {
    color: #A5A5A5;
    font-size: 47px;
    font-size: 2.9375rem;
    margin-right: 8px; }
    .nav-social a:last-child {
      margin-right: 0; }

.copyright {
  font-size: 14px;
  font-size: 0.875rem; }

.kier-logo {
  display: block;
  padding: 17px 0; }

/* _nav_primary.scss */
.nav-primary {
  width: 100%;
  z-index: 99;
  /* global settings
  ==================== */
  /* add border */
  /* hide last border */
  /* dropdown icon styles */
  /* add arrow
  ==================== */
  /* top level styles
  ==================== */
  /* level 1 styles
  ==================== */
  /* show drop down on hover */
  /* level 2 styles
  ==================== */
  /* level 3 styles
  ==================== */ }
  .nav-primary ul {
    margin: 0;
    padding: 0;
    width: 100%; }
  .nav-primary li {
    list-style: none;
    z-index: 9999; }
  .nav-primary li.active > a {
    color: #00a7e2; }
  .nav-primary .divider {
    padding-bottom: 4px;
    border-bottom: 1px solid #EDF8FC;
    display: block; }
  .nav-primary ul ul > li:last-child .divider {
    border: 0 !important; }
  .nav-primary .dropdown {
    background: url("../images/site/nav-arrow.png") no-repeat;
    float: right;
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 6px;
    right: 4px;
    border: 0; }
  .nav-primary ul ul:before {
    content: url("../images/site/nav-arrow-up.png");
    position: absolute;
    z-index: 100000;
    left: 50%;
    top: -12px;
    margin-left: -10px; }
  .nav-primary li {
    font-size: 12px;
    font-size: 0.75rem;
    float: left;
    margin: 0;
    padding: 5px 0;
    width: 16.666666667%;
    list-style: none;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    z-index: 9999; }
    .nav-primary li a {
      display: block;
      border: 0;
      color: #6D7072;
      text-decoration: none; }
  .nav-primary .expand ul {
    left: 0; }
  .nav-primary ul ul {
    position: absolute;
    left: -9999px;
    top: 100%;
    background: #00a7e2;
    text-align: left;
    z-index: 9999;
    -moz-box-shadow: 0px 2px 5px 0px rgba(20, 20, 20, 0.4);
    -webkit-box-shadow: 0px 2px 5px 0px rgba(20, 20, 20, 0.4);
    box-shadow: 0px 2px 5px 0px rgba(20, 20, 20, 0.4); }
    .nav-primary ul ul li {
      position: relative;
      display: block;
      width: 100%;
      margin: 0;
      padding: 0;
      text-align: left; }
    .nav-primary ul ul a {
      color: #fff;
      padding: 6px 6px 0 6px;
      display: block;
      width: 100%; }
      .nav-primary ul ul a:hover {
        background: #1B95C8; }
  .nav-primary ul li:hover ul {
    left: 0; }
  .nav-primary ul ul li:hover > ul {
    left: 100% !important; }
  .nav-primary ul ul ul::before {
    content: none; }
  .nav-primary ul ul ul {
    background: #F0F1F1;
    position: absolute;
    left: -9999px !important;
    top: 0;
    z-index: 999; }
    .nav-primary ul ul ul a {
      color: #00a7e2; }
      .nav-primary ul ul ul a:hover {
        color: #fff; }
    .nav-primary ul ul ul .divider {
      border-bottom: 0px solid #ccc; }
    .nav-primary ul ul ul .dropdown {
      background: url("../images/site/nav-arrow-blue.png") no-repeat; }
  .nav-primary ul ul ul li:hover > ul {
    left: 100% !important; }
  .nav-primary ul ul ul ul {
    background: #F0F1F1;
    position: absolute;
    left: -9999px !important;
    top: 0;
    z-index: 999; }
    .nav-primary ul ul ul ul a {
      color: #00a7e2; }
      .nav-primary ul ul ul ul a:hover {
        color: #fff; }
    .nav-primary ul ul ul ul .divider {
      border-bottom: 0px solid #ccc; }

/* Mobile Styles
==================== */
@media screen and (max-width: 768px) {
  .nav-primary {
    display: none;
    /* global settings
    ==================== */
    /* reset locations */
    /* reset hovers */ }
    .nav-primary li {
      width: 100%;
      text-align: left;
      background: #00a7e2;
      position: relative;
      padding: 2px 0;
      margin: 0; }
      .nav-primary li a {
        color: #fff;
        padding: 8px 6px 2px 6px; }
    .nav-primary li.active a {
      color: #fff; }
    .nav-primary .dropdown {
      background: #2495C8 url("../images/site/nav-arrow.png") no-repeat center center;
      float: right;
      display: block;
      width: 48px;
      height: 33px;
      position: absolute;
      top: 0px;
      right: 0px;
      border: 0;
      cursor: pointer; }
    .nav-primary .dropdown--close {
      background: #1a7ba3 url("../images/site/mobile-arrow-right.png") no-repeat center center; }
    .nav-primary ul ul, .nav-primary ul ul ul, .nav-primary ul ul ul ul {
      position: relative;
      left: 0 !important;
      padding: 0;
      background: #2495C8;
      display: none; }
      .nav-primary ul ul a, .nav-primary ul ul ul a, .nav-primary ul ul ul ul a {
        color: #fff !important;
        background: #2495C8; }
    .nav-primary ul ul li:hover > ul, .nav-primary ul ul ul li:hover > ul {
      left: 0 !important; } }
/* _nav_primary.scss */
.nav-secondary ul {
  margin: 0;
  padding: 0; }
.nav-secondary h2.title--small {
  margin: 0 0 0.5em 0; }
.nav-secondary > ul > .nav-secondary__item.first {
  border-top: 1px solid #6d6f72; }
.nav-secondary > ul > .nav-secondary__item.last {
  border-bottom: 1px solid #E4E4E4; }

.nav-secondary__item {
  margin: 0;
  padding: 3px 0 2px 0;
  border-top: 1px solid #E4E4E4;
  list-style: none; }
  .nav-secondary__item.active > a {
    font-family: "HelveticaNeueLTStd-Md", Helvetica, Arial, sans-serif; }

.nav-secondary a {
  font-size: 14px;
  font-size: 0.875rem;
  color: #6d6f72; }
  .nav-secondary a:before {
    content: '— '; }
  .nav-secondary a:hover {
    border: 0;
    color: #00a7e2; }

.nav-secondary ul ul ul a:before {
  content: '';
  margin-left: 1.25em; }

.nav-secondary li li {
  margin-left: 15px; }

/* nav-horizontal.scss */
.nav-horizontal {
  font-size: 14px;
  font-size: 0.875rem;
  text-align: right; }

.nav-horizontal__link {
  margin: 0 10px;
  color: #00a7e2; }
  .nav-horizontal__link:hover {
    text-decoration: underline; }

.nav--blue.nav-horizontal .nav-horizontal__link {
  color: #757472; }

/* accordion.scss */
.accordion {
  background: #FAFAFB;
  padding: 15px; }
  .accordion h2 {
    font-size: 21.328px;
    font-size: 1.333rem;
    text-transform: uppercase;
    font-weight: 300; }
  .accordion__header {
    font-weight: bold;
    display: block;
    width: 100%;
    border-top: 1px solid #6d6f72;
    text-transform: uppercase;
    font-weight: 300;
    padding: 15px 0; }
  .accordion__toggle {
    background: url("../images/placeholder/icon-open.png") no-repeat right top;
    height: 45px;
    width: 45px;
    display: block;
    text-indent: -9999px;
    float: right;
    position: relative;
    top: -8px; }
  .accordion--active .accordion__toggle {
    background: url("../images/placeholder/icon-close.png") no-repeat right top; }
  .accordion__content {
    margin-top: 10px; }
  .accordion__header--left {
    float: left;
    width: 20%;
    margin-right: 10px; }
  .accordion__header--right {
    float: left;
    width: 65%; }
  .accordion--active .accordion__excerpt {
    display: none; }
  .accordion__date {
    font-weight: bold;
    font-size: 26px;
    font-size: 1.625rem;
    margin-top: 8px;
    display: block; }
  .accordion__accordion__excerpt {
    font-size: 14px;
    font-size: 0.875rem; }
  a .accordion__excerpt {
    color: #6C6E6D; }

.accordion-news {
  /* remove top border */ }
  .accordion-news__header {
    display: table;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    cursor: pointer; }
  .accordion-news__date, .accordion-news__title, .accordion-news__icon {
    display: table-cell;
    border-top: 1px solid #6d6f72;
    padding: 5px 0 0 0;
    vertical-align: middle; }
  .accordion-news__header:first-child .accordion-news__date, .accordion-news__header:first-child .accordion-news__title, .accordion-news__header:first-child .accordion-news__icon {
    border-top: 0; }
  .accordion-news__date {
    width: 100px;
    font-size: 28px;
    font-size: 1.75rem;
    text-transform: uppercase;
    font-family: "HelveticaNeueLTStd-Roman", Helvetica, Arial, sans-serif; }
  .accordion-news__title {
    width: 100%;
    padding: 8px 8px 8px 16px;
    text-transform: uppercase;
    font-size: 13px;
    font-size: 0.8125rem; }
    .accordion-news__title p {
      display: block;
      margin: 0;
      padding: 0; }
  .accordion-news__icon {
    width: 45px; }
    .accordion-news__icon .accordion__toggle {
      position: relative;
      top: 2px; }
  .accordion-news__content h2 {
    font-size: 30px;
    font-size: 1.875rem;
    text-transform: uppercase;
    font-family: "HelveticaNeueLTStd-UltLt", Helvetica, Arial, sans-serif;
    line-height: 1em; }

.accordion--active .accordion-news__date {
  width: 300px !important; }

/* hide the title when expanded */
.accordion--active .accordion-news__title span {
  display: none; }

.accordion--green h2, .accordion--green h3, .accordion--green a {
  color: #5da631; }
.accordion--green .accordion-news__date {
  color: #5da631;
  font-size: 24px;
  font-size: 1.5rem; }

.accordion--blue h2, .accordion--blue h3, .accordion--blue a {
  color: #00a7e2; }

/* person.scss */
.container .mix {
  display: none; }

.award {
  padding: 15px 15px 55px 15px;
  position: relative;
  min-height: 300px; }
  .award .btn {
    position: absolute;
    bottom: 10px; }
  .award__name {
    color: #00a7e2;
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    font-size: 1rem;
    margin-top: 5px; }
  .award__description {
    color: #6d6f72;
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 15px; }

.documents-list {
  margin: 0;
  padding: 0; }
  .documents-list li {
    list-style: none;
    margin: 0;
    padding: 0;
    font-family: "HelveticaNeueLTStd-Md", Helvetica, Arial, sans-serif; }

/* buttons.scss */
.btn {
  display: inline-block;
  padding: 10px 16px 8px 16px;
  border-radius: 4px;
  text-transform: uppercase;
  cursor: pointer; }

.btn--small {
  font-size: 0.8em;
  padding: 6px 12px 2px; }

.btn--right {
  float: right; }

.btn--blue {
  border: 1px solid #00a7e2;
  color: #00a7e2; }
  .btn--blue:hover {
    border: 1px solid #005c7c;
    color: #005c7c; }

.btn--blue-pastel {
  border: 1px solid #5e9cae;
  color: #5e9cae; }
  .btn--blue-pastel:hover {
    border: 1px solid #38626e;
    color: #38626e; }

.btn--green {
  border: 1px solid #5da631;
  color: #5da631; }
  .btn--green:hover {
    border: 1px solid #31571a;
    color: #31571a; }

.btn--green-light {
  border: 1px solid #5FA539;
  color: #5FA539; }
  .btn--green-light:hover {
    border: 1px solid #33591f;
    color: #33591f; }

.btn--green-pastel {
  border: 1px solid #8CA69C;
  color: #8CA69C; }
  .btn--green-pastel:hover {
    border: 1px solid #597369;
    color: #597369; }

.btn--white {
  border: 1px solid #fff;
  color: #fff; }
  .btn--white:hover {
    border: 1px solid #cccccc;
    color: #cccccc; }

.btn--gray {
  border: 1px solid #C2C2C2;
  color: #C2C2C2; }
  .btn--gray:hover {
    border: 1px solid #8f8f8f;
    color: #8f8f8f; }

.btn--pink {
  border: 1px solid #ae4089;
  color: #ae4089; }
  .btn--pink:hover {
    border: 1px solid #63254e;
    color: #63254e; }

.btn--grey {
  border: 1px solid #6d6f72;
  color: #6d6f72; }
  .btn--grey:hover {
    border: 1px solid #3b3c3e;
    color: #3b3c3e; }

.btn--green-dark {
  border: 1px solid #326C65;
  color: #326C65; }
  .btn--green-dark:hover {
    border: 1px solid #122624;
    color: #122624; }

.btn-water {
  border: 1px solid #1BA8E0;
  color: #1BA8E0; }
  .btn-water:hover {
    border: 1px solid #106485;
    color: #106485; }

.btn-property {
  border: 1px solid #AC4388;
  color: #AC4388; }
  .btn-property:hover {
    border: 1px solid #63264e;
    color: #63264e; }

.btn-government {
  border: 1px solid #8CA69C;
  color: #8CA69C; }
  .btn-government:hover {
    border: 1px solid #597369;
    color: #597369; }

.btn-highways {
  border: 1px solid #6d6f72;
  color: #6d6f72; }
  .btn-highways:hover {
    border: 1px solid #3b3c3e;
    color: #3b3c3e; }

.btn-health {
  border: 1px solid #609CAD;
  color: #609CAD; }
  .btn-health:hover {
    border: 1px solid #39626e;
    color: #39626e; }

.btn-environment {
  border: 1px solid #5FA539;
  color: #5FA539; }
  .btn-environment:hover {
    border: 1px solid #33591f;
    color: #33591f; }

.btn-education {
  border: 1px solid #326C65;
  color: #326C65; }
  .btn-education:hover {
    border: 1px solid #122624;
    color: #122624; }

/* breadcrumb.scss */
.breadcrumb {
  margin-bottom: 40px;
  height: 60px;
  background: url("../images/site/bg-breadcrumb.png") center bottom;
  color: #00a7e2; }
  .breadcrumb .unit {
    margin-top: 12px; }

.breadcrumb a {
  margin: 0 4px;
  color: #6D7072;
  text-decoration: none;
  text-transform: uppercase; }
  .breadcrumb a:hover {
    color: #004962; }
  .breadcrumb a:first-child {
    margin-left: 0; }

.breadcrumb span {
  color: #6d6f72;
  font-family: "HelveticaNeueLTStd-Md", Helvetica, Arial, sans-serif;
  text-transform: uppercase; }

.breadcrumb .active {
  font-family: "HelveticaNeueLTStd-Md", Helvetica, Arial, sans-serif; }

/* box.scss */
.box {
  background: #F1F3F2;
  /* Type
  ==================== */
  /*
  	h2, h3 {
  		@include font-size(30);
  		text-transform: uppercase;
  		margin: 0 0 0.4em 0;
  	}
  
  	h3 {
  		font-family: $sans-light;
  	}
  */
  /* Colours
  ==================== */ }
  .box__inner {
    min-height: 200px;
    padding: 20px; }
  .box--blue h2, .box--blue h3 {
    color: #00a7e2; }
  .box--blue-pastel h2, .box--blue-pastel h3 {
    color: #5e9cae; }

.cs-container blockquote {
  color: #00a7e2;
  text-transform: uppercase;
  margin: 1em 0 0 0;
  font-size: 16px;
  font-size: 1rem;
  font-family: "HelveticaNeueLTStd-Roman", Helvetica, Arial, sans-serif;
  font-style: italic;
  line-height: 1.4em; }
  .cs-container blockquote + p {
    margin-bottom: 1.4em !important;
    color: #00a7e2;
    font-family: "HelveticaNeueLTStd-Md", Helvetica, Arial, sans-serif; }
  .cs-container blockquote + p em {
    font-style: normal; }

.js .collapse {
  display: none;
  visibility: hidden; }

.collapse.in {
  display: block;
  visibility: visible; }

tr.collapse.in {
  display: table-row; }

tbody.collapse.in {
  display: table-row-group; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  -o-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease; }

.email-alerts {
  background: #EAECED;
  margin: 0 auto !important;
  float: none !important; }

/* _financials-grid.scss */
.financials-box {
  color: #fff; }

.financials-box__inner {
  padding: 20px;
  min-height: 250px;
  border: 1px solid #fff; }

.financials-box__title {
  display: block;
  text-transform: uppercase;
  font-family: "HelveticaNeueLTStd-Md", Helvetica, Arial, sans-serif;
  margin-top: 50px; }

.financials-box__fig {
  font-size: 80px;
  font-size: 5rem;
  display: block;
  font-weight: 300;
  margin: 25px 0 50px 0;
  font-family: "HelveticaNeueLTStd-UltLt", Helvetica, Arial, sans-serif; }

.form {
  background: #FAFAFB;
  padding: 0.5em 1em; }
  .form fieldset {
    margin-top: 10px;
    border: 0;
    margin: 0;
    padding: 0 0 10px 0; }
  .form .error {
    color: #ff0000;
    display: block; }
  .form .required {
    color: #ff0000; }
  .form label {
    margin-top: 10px;
    line-height: 24px;
    display: block;
    font-family: "HelveticaNeueLTStd-Md", Helvetica, Arial, sans-serif; }
  .form__label--left {
    float: left;
    width: 25%; }
  .form .form-text, .form .form-textarea {
    -webkit-appearance: none;
    outline: none;
    border: 1px solid #B0B1AF;
    padding: 4px;
    margin-top: 5px;
    width: 100%;
    max-width: 300px; }
  .form .form-select {
    margin-top: 5px;
    width: 100%;
    max-width: 200px; }
  .form__input--right {
    float: right;
    width: 75%; }
  .form__checkbox {
    -webkit-appearance: none;
    width: 15px;
    height: 15px;
    float: left;
    background: #fff;
    margin-top: 14px;
    outline: 0; }
    .form__checkbox:checked {
      background: #ccc; }
  .form__actions {
    margin: 50px 0 10px 0; }
  .form .submit {
    -webkit-appearance: none;
    background: transparent;
    border: 1px solid #00a7e2;
    color: #00a7e2;
    padding: 8px 16px;
    border-radius: 4px;
    text-transform: uppercase; }
    .form .submit--left {
      float: left; }
    .form .submit--right {
      float: right; }

.filter-container {
  margin-left: 14px;
  margin-bottom: 20px; }
  .filter-container h2 {
    margin: 10px 0 !important; }

.filter-events-container {
  margin-bottom: 20px; }
  .filter-events-container h2 {
    margin: 5px 0 !important; }

.filter-container select {
  padding: 0.5em 0.6em;
  display: inline-block;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 3px #ddd;
  border-radius: 0px; }

.filter-container select:focus {
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
  border-color: #00a7e2; }

.filter-container select {
  border: 1px solid #ccc;
  background-color: white; }

select.filter {
  -webkit-appearance: none;
  border-radius: 0;
  background: #fff url("../images/site/filter-dropdown.png") right center no-repeat;
  padding-right: 60px;
  	/*
  	 -webkit-appearance: none;
  	 text-transform: uppercase;
  	 height: 30px;
  	 line-height: 30px;
  	 margin: 0;
  	 padding: 0 0 0 6px;
  	 width: 170px;
  	 border-radius: 0;
  	 background: #fff url('../images/site/filter-dropdown.png') right center no-repeat;
  
  	 &:focus {
  	 	outline: 0;
  	 }
  */ }

/* info-box.scss */
.info-box__inner {
  padding: 20px 10px 40px 10px; }
.info-box__title {
  color: #00a7e2;
  text-transform: uppercase;
  font-size: 16px;
  font-size: 1rem;
  margin: 10px 0 5px 0; }
.info-box__description {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.2em; }

.investors-boxes .unit {
  padding-top: 0; }
.investors-boxes__unit {
  padding: 20px; }
  .investors-boxes__unit span {
    display: block; }
  .investors-boxes__unit p {
    margin-top: 5px; }
.investors-boxes--blue {
  background: #00a7e2;
  color: #fff; }
.investors-boxes--pink {
  background: #ae4089;
  color: #fff; }
.investors-boxes--blue-pastel {
  background: #5e9cae;
  color: #fff; }

.investor-bg1 {
  background: url("../images/site/Strategy_680x400.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.investor-bg2 {
  background: url("../images/site/Management_680x400.jpg") no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.investor-bg3 {
  background: url("../images/site/Risks_680x400.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.investor-bg4 {
  background: url("../images/site/Governance_680x400.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.reports-icon {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 40%; }

/* lightbox */
.lightbox {
  display: none; }

/* spotlight */
.lightbox-spotlight__title {
  color: #ae4089;
  text-transform: uppercase;
  display: block;
  font-family: "HelveticaNeueLTStd-Md", Helvetica, Arial, sans-serif; }
.lightbox-spotlight__icon {
  background: url("../images/placeholder/Spotlight-5.png") no-repeat;
  display: block;
  height: 20px;
  width: 17px;
  float: left;
  margin-right: 6px;
  postion: relative;
  top: -10px; }
.lightbox-spotlight img {
  display: block;
  margin: 20px 0; }
.lightbox-spotlight h1 {
  color: #ae4089;
  text-transform: uppercase;
  display: block;
  border-top: 1px solid #ae4089;
  font-family: "HelveticaNeueLTStd-Md", Helvetica, Arial, sans-serif;
  padding-top: 10px;
  font-size: 24px;
  font-size: 1.5rem; }

@media screen and (max-width: 768px) {
  .lightbox-management__image {
    max-width: 200px; } }
/* management */
.lightbox-management__image {
  float: right;
  max-width: 300px;
  margin-left: 20px;
  margin-bottom: 20px; }
.lightbox-management__name {
  text-transform: uppercase;
  font-family: "HelveticaNeueLTStd-Md", Helvetica, Arial, sans-serif;
  color: #ae4089;
  display: block; }
.lightbox-management__title {
  text-transform: uppercase;
  display: block;
  margin-bottom: 20px; }

@media screen and (max-width: 768px) {
  .lightbox-management__image {
    max-width: 200px; } }
/* management */
.lightbox-award__name {
  text-transform: uppercase;
  font-family: "HelveticaNeueLTStd-Md", Helvetica, Arial, sans-serif;
  color: #00a7e2;
  display: block;
  font-size: 22px;
  font-size: 1.375rem;
  margin-bottom: 1em; }

/* plugin code */
.featherlight {
  display: none;
  /* dimensions: spanning the background from edge to edge */
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999;
  /* position: centering content */
  text-align: center;
  /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
  white-space: nowrap;
  /* styling */
  cursor: pointer;
  background: #333;
  /* IE8 "hack" for nested featherlights */
  background: transparent; }

/* support for nested featherlights. Does not work in IE8 (use JS to fix) */
.featherlight:last-of-type {
  background: rgba(0, 0, 0, 0.8); }

.featherlight:before {
  /* position: trick to center content vertically */
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; }

.featherlight .featherlight-content {
  /* make content container for positioned elements (close button) */
  position: relative;
  /* position: centering vertical and horizontal */
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  /* dimensions: cut off images */
  overflow: auto;
  padding: 75px 25px 0;
  border-bottom: 25px solid transparent;
  /* dimensions: handling small or non existing (loading images) content */
  min-width: 30%;
  max-width: 900px;
  /* dimensions: handling large content */
  margin-left: 5%;
  margin-right: 5%;
  max-height: 95%;
  /* styling */
  background: #fff;
  cursor: auto;
  /* reset white-space wrapping */
  white-space: normal; }

/* contains the content */
.featherlight .featherlight-inner {
  /* make sure its visible */
  display: block; }

.featherlight .featherlight-close-icon {
  /* position: centering vertical and horizontal */
  position: absolute;
  z-index: 9999;
  top: 20px;
  right: 20px;
  /* dimensions: 25px x 25px */
  line-height: 45px;
  width: 45px;
  /* styling */
  cursor: pointer;
  text-align: center;
  font: Arial, sans-serif;
  background: #fff;
  /* Set the background in case it overlaps the content */
  background: rgba(255, 255, 255, 0.3);
  color: #000;
  text-indent: -9999px;
  background: url("../images/site/close-pink.png"); }

.featherlight .featherlight-image {
  /* styling */
  width: 100%; }

.featherlight-iframe .featherlight-content {
  /* removed the border for image croping since iframe is edge to edge */
  border-bottom: 0;
  padding: 0; }

.featherlight iframe {
  /* styling */
  border: none; }

/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
  .featherlight .featherlight-content {
    /* dimensions: maximize lightbox with for small screens */
    margin-left: 10px;
    margin-right: 10px;
    max-height: 98%;
    padding: 10px 10px 0;
    border-bottom: 10px solid transparent; } }
/* locations-template.scss */
.page-sub-head__locations {
  position: relative; }

.location-toggle {
  position: absolute;
  top: 200px;
  right: 20px; }
  .location-toggle a {
    color: #306c66;
    display: inline-block;
    margin-left: 30px; }
    .location-toggle a:hover {
      color: #fff; }
  .location-toggle .circle {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    border: 1px solid #306c66;
    border-radius: 50%;
    position: relative;
    top: -2px;
    margin-right: 10px; }
  .location-toggle--active {
    color: #fff !important; }
    .location-toggle--active .circle {
      background: #fff;
      border: 1px solid #fff; }

@media screen and (max-width: 768px) {
  .location-toggle {
    position: relative;
    top: 0;
    left: 0; } }
.location-grid {
  background: #F1F3F2; }
  .location-grid__title {
    color: #5da631;
    text-transform: uppercase;
    font-size: 22px;
    font-size: 1.375rem;
    padding: 50px 0 0 25px;
    display: block;
    z-index: 99;
    position: relative; }
  .location-grid__border {
    border-right: 5px solid #fff; }
  .location-grid__border-last {
    border-right: 5px solid #F1F3F2; }
  .location-grid__europe {
    background: #E1E1E2 url("../images/site/map-uk.png") no-repeat left center;
    background-size: 100%; }
  .location-grid__middleeast {
    background: #E1E1E2 url("../images/site/map-middle_east.png") no-repeat left center;
    background-size: 100%; }
  .location-grid__australia {
    background: #E1E1E2 url("../images/site/map-australasia.png") no-repeat left center;
    background-size: 100%; }

.map-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  z-index: 1; }

.contacts-box {
  margin-top: 50px;
  background: #F1F3F2;
  padding: 20px; }
  .contacts-box h3 {
    margin: 0; }
  .contacts-box--green h1, .contacts-box--green h3, .contacts-box--green .highlight {
    color: #5da631 !important; }

/* Our locations list
==================== */
.location-list__header {
  background: #F1F3F2;
  display: block;
  padding: 40px 20px;
  position: relative;
  border-bottom: 1px solid #A4A4A2;
  transition: background 150ms ease; }
  .js .location-list__header {
    cursor: pointer; }
  .location-list__header h1 {
    color: #5da631;
    margin: 0;
    text-transform: uppercase;
    font-family: "HelveticaNeueLTStd-Md", Helvetica, Arial, sans-serif; }
    .location-list__header h1 span {
      font-family: "HelveticaNeueLTStd-Roman", Helvetica, Arial, sans-serif; }
.location-list a.directions-links {
  color: #5da631 !important; }
.location-list__arrow {
  background: url("../images/site/arrow-down-large.png");
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -20px; }
.js .location-list__header.collapsed {
  background: #306c66;
  border-bottom: 1px solid #306c66; }
  .js .location-list__header.collapsed h1 {
    color: #fff; }
.js .location-list__header.collapsed .location-list__arrow {
  background: url("../images/site/arrow-up-large.png"); }
.location-list__content {
  width: 100%;
  border-collapse: collapse; }
.location-list__row {
  display: table-row;
  border-bottom: 1px solid #A4A4A2; }
.location-list__location, .location-list__address, .location-list__contact {
  display: table-cell;
  padding: 8px 4px;
  vertical-align: top;
  width: 33.333333%; }
.location-list__location h2 {
  font-family: "HelveticaNeueLTStd-Bd", Helvetica, Arial, sans-serif;
  color: #5da631; }
.location-list__location h2, .location-list__location p {
  margin: 0;
  font-size: 16px;
  font-size: 1rem;
  text-transform: uppercase; }
.location-list__location p {
  color: #9D9E9B; }
.location-list__location img {
  float: left;
  margin: 0 20px 25px 0; }
.location-list__address h3, .location-list__contact h3 {
  font-family: "HelveticaNeueLTStd-Roman", Helvetica, Arial, sans-serif;
  color: #5da631;
  text-transform: uppercase; }
.location-list__address h3, .location-list__address p, .location-list__contact h3, .location-list__contact p {
  margin: 0;
  font-size: 16px;
  font-size: 1rem; }
.location-list__address p, .location-list__contact p {
  color: #9D9E9B; }
.location-list__address span, .location-list__contact span {
  color: #5da631; }

@media screen and (max-width: 768px) {
  .location-list__row {
    border: solid white 20px; }
  .location-list__location, .location-list__address, .location-list__contact {
    display: table-row;
    width: 100%; }
    .location-list__location img, .location-list__address img, .location-list__contact img {
      display: none; } }
/* Map marker
==================== */
.map {
  position: relative; }

.marker {
  position: absolute;
  color: #5DA631;
  cursor: pointer;
  height: 20px;
  width: 20px;
  display: block; }

/* Popup
==================== */
.fa-map-marker {
  position: relative;
  z-index: 9999; }

.qtip-content {
  background: #5DA631;
  color: #fff;
  width: 450px; }

.location-popup {
  display: none;
  padding: 15px;
  font-size: 16px;
  font-size: 1rem;
  font-family: "HelveticaNeueLTStd-Roman", Helvetica, Arial, sans-serif;
  line-height: 1.2em;
  position: relative; }
  .location-popup__left {
    float: left;
    width: 50%; }
  .location-popup__right {
    float: right;
    width: 50%; }
  .location-popup__name {
    color: #fff;
    font-size: 18px;
    font-size: 1.125rem;
    text-transform: uppercase;
    display: block;
    margin-bottom: 0.5em; }
  .location-popup__area {
    color: #fff;
    font-size: 18px;
    font-size: 1.125rem;
    text-transform: uppercase;
    display: block;
    margin-bottom: 0.5em; }
  .location-popup a {
    color: #fff;
    font-family: "HelveticaNeueLTStd-Md", Helvetica, Arial, sans-serif; }

.pointer {
  background: url("../images/site/popup-pointer.png");
  position: absolute;
  bottom: 400px;
  left: 0;
  width: 33px;
  height: 22px;
  display: block; }

/* person.scss */
.person {
  padding: 15px 15px 45px 15px;
  position: relative;
  min-height: 363px; }
  .person a img {
    border: 0; }
  .person .btn {
    position: absolute;
    bottom: 15px; }
  .person__name {
    color: #ae4089;
    display: block;
    text-transform: uppercase;
    font-size: 16px;
    font-size: 1rem;
    margin-top: 5px;
    font-family: "HelveticaNeueLTStd-Bd", Helvetica, Arial, sans-serif; }
  .person__title {
    color: #6d6f72;
    display: block;
    text-transform: uppercase;
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 14px; }

/* info-box.scss */
.press-release {
  /* global */
  /* latest */
  /* single */ }
  .press-release__heading {
    text-transform: uppercase;
    font-size: 21.328px;
    font-size: 1.333rem;
    font-family: "HelveticaNeueLTStd-Md", Helvetica, Arial, sans-serif;
    margin: 0; }
  .press-release__date {
    color: #00a7e2;
    text-transform: uppercase;
    margin-bottom: 0.7em;
    display: block; }
  .press-release__latest {
    padding: 0 0 20px 0; }
  .press-release__single {
    border-top: 1px solid #B1B1AF;
    padding: 20px 0; }
  .press-release__img--m {
    background: url(../img/mouchel-logo.png) no-repeat;
    margin-right: 20px;
    float: left;
    width: 121px; }
  .press-release__single .press-release__img {
    margin-right: 20px;
    float: left;
    width: 121px; }
    .press-release__single .press-release__img--m {
      background: url(../img/mouchel-logo.png) no-repeat; }
  .press-release__pagination ul {
    list-style: none;
    padding: 0; }
  .press-release__pagination li {
    float: left;
    margin-right: 0.25em; }
  .press-release__pagination a {
    border-radius: 5px;
    display: inline-block;
    font-style: 12px;
    padding: 0.25em 0.5em;
    transition: background 50ms ease; }
    .press-release__pagination a:hover, .press-release__pagination a.active {
      background: #00a7e2;
      color: #fff; }

/* v1.0.5 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royal-slider {
  width: 600px;
  height: 400px;
  position: relative;
  direction: ltr; }

.royal-slider > * {
  float: left; }

.rsWebkit3d .rsSlide {
  -webkit-transform: translateZ(0); }

.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink {
  -webkit-backface-visibility: hidden; }

.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
  -webkit-transform: none; }

.rsOverflow {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  float: left;
  -webkit-tap-highlight-color: transparent; }

.rsVisibleNearbyWrap {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  left: 0;
  top: 0;
  -webkit-tap-highlight-color: transparent; }

.rsVisibleNearbyWrap .rsOverflow {
  position: absolute;
  left: 0;
  top: 0; }

.rsContainer {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-tap-highlight-color: transparent; }

.rsArrow,
.rsThumbsArrow {
  cursor: pointer; }

.rsThumb {
  float: left;
  position: relative; }

.rsArrow,
.rsNav,
.rsThumbsArrow {
  opacity: 1;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear; }

.rsHidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
  -moz-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
  -o-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
  transition: visibility 0s linear 0.3s,opacity 0.3s linear; }

.rsGCaption {
  width: 100%;
  float: left;
  text-align: center; }

/* Fullscreen options, very important ^^ */
.royal-slider.rsFullscreen {
  position: fixed !important;
  height: auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 2147483647 !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important; }

.royal-slider .rsSlide.rsFakePreloader {
  opacity: 1 !important;
  -webkit-transition: 0s;
  -moz-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
  display: none; }

.rsSlide {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%; }

.royal-slider.rsAutoHeight,
.rsAutoHeight .rsSlide {
  height: auto; }

.rsContent {
  width: 100%;
  height: 100%;
  position: relative; }

.rsPreloader {
  position: absolute;
  z-index: 0; }

.rsNav {
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  user-select: none; }

.rsNavItem {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.25); }

.rsThumbs {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  float: left;
  z-index: 22; }

.rsTabs {
  float: left;
  background: none !important; }

.rsTabs,
.rsThumbs {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent; }

.rsVideoContainer {
  /*left: 0;
  top: 0;
  position: absolute;*/
  /*width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  float: left;*/
  width: auto;
  height: auto;
  line-height: 0;
  position: relative; }

.rsVideoFrameHolder {
  position: absolute;
  left: 0;
  top: 0;
  background: #141414;
  opacity: 0;
  -webkit-transition: .3s; }

.rsVideoFrameHolder.rsVideoActive {
  opacity: 1; }

.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
  position: absolute;
  z-index: 50;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 44px; }

.rsABlock {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 15; }

img.rsImg {
  max-width: none; }

.grab-cursor {
  cursor: url(grab.png) 8 8, move; }

.grabbing-cursor {
  cursor: url(grabbing.png) 8 8, move; }

.rsNoDrag {
  cursor: auto; }

.rsLink {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 20;
  background: url(blank.gif); }

/* Hero slider
==================== */
/* Arrows
==================== */
.hero-slider .rsArrow {
  display: block;
  cursor: pointer;
  z-index: 21;
  width: 70px;
  height: 70px;
  position: absolute;
  top: 50%;
  margin-top: -35px; }

.hero-slider .rsArrowLeft {
  background: url("../images/placeholder/left-arrow.png") transparent;
  left: 10px; }

.hero-slider .rsArrowRight {
  background: url("../images/placeholder/right-arrow.png") transparent;
  right: 10px; }

@media screen and (max-width: 1350px) {
  .hero-slider .rsArrow {
    display: none !important; } }
/* Bullets
==================== */
.hero-slider .rsBullets {
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  z-index: 35;
  padding-top: 4px;
  height: auto;
  text-align: center;
  line-height: 6px;
  overflow: hidden; }

.hero-slider .rsBullet {
  width: 25px;
  height: 25px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 6px 5px 6px 4px; }

.hero-slider .rsBullet span {
  display: block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #fff; }

.hero-slider .rsBullet.rsNavSelected span {
  background: transparent; }

/* Pre-loader
==================== */
.hero-slider .rsPreloader {
  width: 20px;
  height: 20px;
  background-image: url(../images/site/preloader-white.gif);
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px; }

/* Content styles
==================== */
#full-width-slider {
  width: 100%;
  max-width: 1400px;
  color: #000;
  margin: 0 auto; }

.hero-slider .rs-caption {
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  overflow: hidden;
  height: 100%; }
  .hero-slider .rs-caption__inner {
    padding: 40px 40px 0 40px;
    width: 100%;
    max-width: 400px;
    background: url("../images/site/transparent-tile.png");
    height: 100%;
    margin-left: 20px; }
  .hero-slider .rs-caption__title {
    display: block;
    font-size: 30px;
    font-size: 1.875rem;
    text-transform: uppercase;
    line-height: 1.2em;
    font-weight: bold;
    color: #fff; }
  .hero-slider .rs-caption__body {
    display: block;
    font-size: 30px;
    font-size: 1.875rem;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 1.1em;
    letter-spacing: 2px;
    font-family: "HelveticaNeueLTStd-UltLt", Helvetica, Arial, sans-serif;
    color: #fff; }
  .hero-slider .rs-caption .btn {
    margin-top: 50px; }

.hero-slider .rs--green .rs-caption__title {
  color: #5da631 !important; }

/* Responsive styles
==================== */
/* make content box full width on mobile */
@media screen and (max-width: 768px) {
  .hero-slider .rs-caption__inner {
    width: 100%;
    max-width: 100%;
    margin: 0; } }
/* fix container width */
@media screen and (max-width: 992px) {
  .hero-slider .rsOverflow,
  .royal-slider.hero-slider {
    height: 380px !important; } }
/*
@media screen and (min-width:960px) and (min-height:660px) {
  .hero-slider .rsOverflow,
  .royal-slider.hero-slider {
      height: 400px !important;
  }
}
@media screen and (min-width:960px) and (min-height:1000px) {
    .hero-slider .rsOverflow,
    .royal-slider.hero-slider {
        height: 450px !important;
    }
}
@media screen and (min-width: 0px) and (max-width: 800px) {
  .royal-slider.hero-slider,
  .royal-slider.hero-slider .rsOverflow {
    height: 350px !important;
  }
}
*/
/* mini slider
==================== */
/* Arrows
==================== */
.mini-slider .rsArrow {
  display: block;
  cursor: pointer;
  z-index: 21;
  width: 35px;
  height: 35px;
  position: absolute;
  top: 50%;
  margin-top: -17px; }

.mini-slider .rsArrowLeft {
  background: url("../images/placeholder/left-arrow-small.png") transparent;
  left: 20px; }

.mini-slider .rsArrowRight {
  background: url("../images/placeholder/right-arrow-small.png") transparent;
  right: 20px; }

/* Pre-loader
==================== */
.mini-slider .rsPreloader {
  width: 20px;
  height: 20px;
  background-image: url(../images/site/preloader-white.gif);
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px; }

/* Content styles
==================== */
#mini-slider {
  width: 100%;
  height: 340px;
  margin: 0 auto; }

.mini-slider .rsMainSlideImage {
  margin: 0 !important; }

.mini-slider .rs-caption {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  color: #fff; }
  .mini-slider .rs-caption__inner {
    background: rgba(0, 0, 0, 0.5);
    padding: 0.4em 20px; }
  .mini-slider .rs-caption__title {
    font-size: 18.005px;
    font-size: 1.12531rem;
    font-family: "HelveticaNeueLTStd-Md", Helvetica, Arial, sans-serif;
    display: block; }
  .mini-slider .rs-caption__body {
    display: block;
    width: 50%; }
  .mini-slider .rs-caption .btn {
    position: absolute;
    bottom: 20px;
    left: 20px; }
    .mini-slider .rs-caption .btn.btn--grey {
      border-color: #666 !important;
      color: #666 !important; }

/* mini slider
==================== */
/* Arrows
==================== */
.investors-slider .rsArrow {
  display: block;
  cursor: pointer;
  z-index: 21;
  width: 35px;
  height: 35px;
  position: absolute;
  top: 50%;
  margin-top: -17px; }

.investors-slider .rsArrowLeft {
  background: url("../images/placeholder/left-arrow-small.png") transparent;
  left: 0px; }

.investors-slider .rsArrowRight {
  background: url("../images/placeholder/right-arrow-small.png") transparent;
  right: 0px; }

/* Pre-loader
==================== */
.investors-slider .rsPreloader {
  width: 20px;
  height: 20px;
  background-image: url(../images/site/preloader-white.gif);
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px; }

/* Content styles
==================== */
.investors-slider {
  width: 100%;
  height: 100%;
  margin: 0 auto; }

.investors-slider .rsMainSlideImage {
  margin: 0 !important; }

.investors-slider .rs-caption {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  color: #fff; }
  .investors-slider .rs-caption__title {
    font-size: 30px;
    font-size: 1.875rem;
    font-family: "HelveticaNeueLTStd-Md", Helvetica, Arial, sans-serif;
    display: block;
    text-transform: uppercase;
    line-height: 1.1em;
    margin-top: 35px; }
  .investors-slider .rs-caption__fig {
    display: block;
    font-size: 50px;
    font-size: 3.125rem;
    line-height: 1.1em; }
  .investors-slider .rs-caption__inner {
    text-align: center; }
  .investors-slider .rs-caption .btn {
    position: absolute;
    bottom: 0px;
    left: 0px; }

/* person.scss */
.section-promo {
  padding: 15px;
  color: #fff;
  height: 240px;
  position: relative; }
  .section-promo__title {
    display: block;
    font-size: 28px;
    font-size: 1.75rem;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1.2em; }
  .section-promo__description {
    display: block;
    font-size: 28px;
    font-size: 1.75rem;
    text-transform: uppercase;
    line-height: 1.2em;
    font-family: "HelveticaNeueLTStd-UltLt", Helvetica, Arial, sans-serif; }
  .section-promo--bg1 {
    background: #ae4089; }
  .section-promo--bg2 {
    background: #00a7e2; }
  .section-promo--bg3 {
    background: #5da631; }
  .section-promo--bg4 {
    background: #5e9cae; }
  .section-promo .btn {
    position: absolute;
    bottom: 15px; }

/* Who we are
==================== */
.bg--company {
  background: url("../images/site/Company-Overview680x400.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.bg--management {
  background: url("../images/site/Management_680x400.jpg") no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.bg--history {
  background: url("../images/site/History_680x400.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.bg--awards {
  background: url("../images/site/Awards_680x400.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.bg--vision {
  background: url("../images/site/Vision_680x400.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.bg--locations {
  background: url("../images/site/Locations_680x400.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

/* Working for us
==================== */
.bg--search-apply {
  background: url("../images/site/Search680x400.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.bg--what-is-it-like {
  background: url("../images/site/what-is-it-like680x400.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.bg--what-our-people-do {
  background: url("../images/site/people680x400.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.bg--graduate-apprentices {
  background: url("../images/site/Graduates680x400.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.bg--training {
  background: url("../images/site/Training680x400.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.bg--rewarding-our-people {
  background: url("../images/site/Rewarding680x400.jpg") no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.bg--rewards-benefits {
  background: url("../images/site/Rewards680x400.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.bg--engaging {
  background: url("../images/site/Engaging680x400.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

/* Corporate responsibility
==================== */
.bg--overview {
  background: url("../images/site/cr-overview.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.bg--health {
  background: url("../images/site/Health_680x400.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.bg--environment {
  background: url("../images/site/Environment_680x400.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.bg--community {
  background: url("../images/site/Community_680x400.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.bg--diversity {
  background: url("../images/site/Diversity_680x400.jpg") no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.bg--accreditations {
  background: url("../images/site/Accreditations_680x400.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

/* Em site
==================== */
.bg--em_company {
  background: url("../images/site/Company_Overview_320x240.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  .bg--em_company .btn--white {
    color: #999;
    border: 1px solid #999; }

.bg--em_history {
  background: url("../images/site/History_320x240.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.bg--em_financial_performance {
  background: url("../images/site/Financial_Performance_320x240.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.bg--em_vision {
  background: url("../images/site/Vision_Values_320x240.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.bg--em_management {
  background: url("../images/site/Our_Management_320x240.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.bg--em_awards {
  background: url("../images/site/Awards_320x240.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.bg--em_local_government {
  background: url("../images/site/Local_Governement_320x240.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.bg--em_central_government {
  background: url("../images/site/Central_Governement_320x240.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.bg--em_self_delivery {
  background: url("../images/site/Self_Delivery_320x240.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.bg--em__supply {
  background: url("../images/site/Supply_Chain_320x240.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.bg--em_collab {
  background: url("../images/site/Collaborative_320x240.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.bg--em_what-is-it-like {
  background: url("../images/site/What_its_like_320x240.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.bg--em_what-our-people-do {
  background: url("../images/site/What_our_people_do_320x240.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.bg--em_graduate-apprentices {
  background: url("../images/site/Graduates_320x240.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.bg--em_training_dev {
  background: url("../images/site/Training_320x240.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.bg--em_rewards {
  background: url("../images/site/Rewards_Benefits_320x240.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.bg--em_rewarding_people {
  background: #999; }

.bg--em_application_process {
  background: url("../images/site/Application_320x240.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.bg--em_health {
  background: url("../images/site/Health_Safety_320x240.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.bg--em_sustainability {
  background: url("../images/site/Sustainability_320x240.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.bg--em_community {
  background: url("../images/site/Community_320x240.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.bg--em_ed {
  background: url("../images/site/ED&I_320x240.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

/* sectors.scss */
.nav-sectors {
  /*
  	li:after {
  		content: ' ';
  		background: url('../images/placeholder/sector-arrow-pink.png');
  		height: 26px;
  		width: 13px;
  		color: $blue;
  		position: absolute;
  		left: 100%;
  		top: 10px;
  		margin-right: 5px;
  	}
  */ }
  .nav-sectors ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .nav-sectors ul:hover li {
    background: #E4E5E6; }
  .nav-sectors li a {
    color: #fff;
    display: block;
    padding: 12px 6px;
    text-transform: uppercase;
    font-size: 14px;
    font-size: 0.875rem; }
  .nav-sectors li {
    position: relative; }
    .nav-sectors li img {
      position: absolute;
      right: -15px;
      top: 7px;
      height: 30px;
      display: none; }
    .nav-sectors li.active img {
      display: block; }
  .nav-sectors li.inactive {
    background: #E4E5E6 !important; }
  .nav-sectors li.education {
    background: #326C65; }
    .nav-sectors li.education:hover {
      background: #326C65; }
  .nav-sectors li.environmental {
    background: #5FA539; }
    .nav-sectors li.environmental:hover {
      background: #5FA539; }
  .nav-sectors li.environment {
    background: #5FA539; }
    .nav-sectors li.environment:hover {
      background: #5FA539; }
  .nav-sectors li.health {
    background: #609CAD; }
    .nav-sectors li.health:hover {
      background: #609CAD; }
  .nav-sectors li.highways {
    background: #6d6f72; }
    .nav-sectors li.highways:hover {
      background: #6d6f72; }
  .nav-sectors li.government {
    background: #8CA69C; }
    .nav-sectors li.government:hover {
      background: #8CA69C; }
  .nav-sectors li.property {
    background: #AC4388; }
    .nav-sectors li.property:hover {
      background: #AC4388; }
  .nav-sectors li.water {
    background: #1BA8E0; }
    .nav-sectors li.water:hover {
      background: #1BA8E0; }

.services-list {
  width: 100%;
  margin: 0; }
  .services-list ul {
    margin: 0;
    padding: 0; }
  .services-list li {
    list-style: none;
    marign: 0;
    padding: 0 10px; }
  .services-list ul > li {
    border-bottom: 1px solid #B6B7B9;
    padding: 4px 0; }
  .services-list span {
    font-family: "HelveticaNeueLTStd-Bd", Helvetica, Arial, sans-serif;
    color: #CACBCD;
    margin-top: 20px;
    display: block;
    border-bottom: 1px solid #B6B7B9; }
  .services-list a {
    color: #CACBCD; }
  .services-list .active a {
    color: #7A7A7A; }

/* colours */
.services-list .active-education a {
  color: #326C65; }
.services-list .active-environmental a {
  color: #5FA539; }
.services-list .active-health a {
  color: #609CAD; }
.services-list .active-highways a {
  color: #6d6f72; }
.services-list .active-government a {
  color: #8CA69C; }
.services-list .active-property a {
  color: #AC4388; }
.services-list .active-water a {
  color: #1BA8E0; }

/* Spotlight
==================== */
/* default */
.spotlight--default {
  background: #fff !important; }

/* general styles */
.spotlight {
  background: #F0F1F1;
  /* reset blockquote styles */ }
  .spotlight blockquote {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: "HelveticaNeueLTStd-Roman", Helvetica, Arial, sans-serif;
    line-height: 1.4em; }
  .spotlight__inner {
    padding: 15px; }
  .spotlight__title {
    text-transform: uppercase;
    font-size: 0.8em;
    padding-bottom: 4px; }
    .spotlight__title img {
      position: relative;
      top: 4px;
      margin-right: 2px; }
  .spotlight__icon {
    display: block;
    height: 20px;
    width: 17px;
    float: left;
    margin-right: 4px; }
  .spotlight__subtitle {
    text-transform: uppercase; }
    .spotlight__subtitle span {
      display: block;
      font-family: "HelveticaNeueLTStd-Bd", Helvetica, Arial, sans-serif; }

/* colours */
.spotlight--education .spotlight__title, .spotlight--education .spotlight__subtitle, .spotlight--education .btn {
  color: #326C65 !important; }
.spotlight--education .spotlight__title {
  border-bottom: 1px solid #326C65; }
.spotlight--education .spotlight__icon {
  background: url("../images/placeholder/Spotlight-2.png") no-repeat; }
.spotlight--education .btn {
  border: 1px solid #326C65 !important; }
.spotlight--environmental .spotlight__title, .spotlight--environmental .spotlight__subtitle, .spotlight--environmental .btn {
  color: #5FA539 !important; }
.spotlight--environmental .spotlight__title {
  border-bottom: 1px solid #5FA539; }
.spotlight--environmental .spotlight__icon {
  background: url("../images/placeholder/Spotlight-3.png") no-repeat; }
.spotlight--environmental .btn {
  border: 1px solid #5FA539 !important; }
.spotlight--health .spotlight__title, .spotlight--health .spotlight__subtitle, .spotlight--health .btn {
  color: #609CAD !important; }
.spotlight--health .spotlight__title {
  border-bottom: 1px solid #609CAD; }
.spotlight--health .spotlight__icon {
  background: url("../images/placeholder/Spotlight-7.png") no-repeat; }
.spotlight--health .btn {
  border: 1px solid #609CAD !important; }
.spotlight--highways .spotlight__title, .spotlight--highways .spotlight__subtitle, .spotlight--highways .btn {
  color: #6d6f72 !important; }
.spotlight--highways .spotlight__title {
  border-bottom: 1px solid #6d6f72; }
.spotlight--highways .spotlight__icon {
  background: url("../images/placeholder/Spotlight-1.png") no-repeat; }
.spotlight--highways .btn {
  border: 1px solid #6d6f72 !important; }
.spotlight--government .spotlight__title, .spotlight--government .spotlight__subtitle, .spotlight--government .btn {
  color: #8CA69C !important; }
.spotlight--government .spotlight__title {
  border-bottom: 1px solid #8CA69C; }
.spotlight--government .spotlight__icon {
  background: url("../images/placeholder/Spotlight-6.png") no-repeat; }
.spotlight--government .btn {
  border: 1px solid #8CA69C !important; }
.spotlight--property .spotlight__title, .spotlight--property .spotlight__subtitle, .spotlight--property .btn {
  color: #AC4388 !important; }
.spotlight--property .spotlight__title {
  border-bottom: 1px solid #AC4388; }
.spotlight--property .spotlight__icon {
  background: url("../images/placeholder/Spotlight-5.png") no-repeat; }
.spotlight--property .btn {
  border: 1px solid #AC4388 !important; }
.spotlight--water .spotlight__title, .spotlight--water .spotlight__subtitle, .spotlight--water .btn {
  color: #1BA8E0 !important; }
.spotlight--water .spotlight__title {
  border-bottom: 1px solid #1BA8E0; }
.spotlight--water .spotlight__icon {
  background: url("../images/placeholder/Spotlight-4.png") no-repeat; }
.spotlight--water .btn {
  border: 1px solid #1BA8E0 !important; }

.related-box {
  background: #F0F1F1;
  padding: 20px; }
  .related-box h2 {
    text-transform: uppercase; }

.related-list {
  list-style: none;
  margin: 0;
  padding: 0; }
  .related-list li {
    margin: 0;
    padding: 0;
    font-family: "HelveticaNeueLTStd-Roman", Helvetica, Arial, sans-serif; }
  .related-list li:before {
    content: '+';
    float: left;
    display: block;
    margin-right: 5px;
    position: relative;
    top: -1px; }

.related-services .related-list li a {
  color: #6D7072; }

.content-education blockquote, .content-education h1, .content-education .related-box, .content-education h2, .content-education a {
  color: #326C65; }

.content-environmental blockquote, .content-environmental h1, .content-environmental .related-box, .content-environmental h2, .content-environmental a {
  color: #5FA539; }

.content-health blockquote, .content-health h1, .content-health .related-box, .content-health h2, .content-health a {
  color: #609CAD; }

.content-highways blockquote, .content-highways h1, .content-highways .related-box, .content-highways h2, .content-highways a {
  color: #6d6f72; }

.content-government blockquote, .content-government h1, .content-government .related-box, .content-government h2, .content-government a {
  color: #8CA69C; }

.content-property blockquote, .content-property h1, .content-property .related-box, .content-property h2, .content-property a {
  color: #AC4388; }

.content-water blockquote, .content-water h1, .content-water .related-box, .content-water h2, .content-water a {
  color: #1BA8E0; }

/* _side-box.scss */
.side-box {
  background: #FAFAFB;
  margin-bottom: 20px; }

.side-box__inner {
  padding: 1em; }

.side-box__figures {
  padding: 1em;
  /* colours */ }
  .side-box__figures .title--small--lower, .side-box__figures .text--large {
    display: block;
    color: #fff; }
  .side-box__figures--pink {
    background: #ae4089; }

/*
	<div class="side-box__figures side-box__figures--pink">
		<span class="title--small--lower">Revenue</span>
		<span class="text--large push-double--bottom">£533.3m</span>
		<span class="title--small--lower">Operating profit</span>
		<span class="text--large">£23.9m</span>
	</div>
*/
/* _social-links.scss */
/*
<nav class="social-links">
				      <i class="ss-icon">twitter</i>
				      <i class="ss-icon">linkedin</i>
				      <i class="ss-icon">youtube</i>
			      </nav>
*/
.social-links {
  font-size: 60px;
  font-size: 3.75rem;
  margin-top: 29px; }
  .social-links a {
    color: #B6B7B9;
    margin-right: 30px; }

/* _table.scss */
/* DIV-BASED
==================== */
.table {
  display: table;
  width: 100%;
  border-collapse: collapse;
  /* styling */ }
  .table.events.has-scrollbar {
    display: block;
    max-height: 20.357em;
    overflow: scroll; }
  .table.events .table__row:first-child {
    border-top: 1px solid #A4A4A2; }
  .table__row {
    display: table-row;
    border-bottom: 1px solid #A4A4A2; }
  .table__left, .table__middle, .table__right {
    display: table-cell;
    padding: 8px 4px;
    vertical-align: middle; }
  .table__left {
    width: 25%; }
  .table__middle {
    width: 50%; }
    .table__middle p {
      vertical-align: center;
      margin: 0; }
    .table__middle a p {
      color: #6D7072; }
  .table__right {
    width: 25%;
    text-align: center; }
  .table__header {
    text-transform: uppercase;
    font-family: "HelveticaNeueLTStd-Bd", Helvetica, Arial, sans-serif; }
  .table__date {
    font-family: "HelveticaNeueLTStd-UltLt", Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-size: 1.5rem;
    color: #00a7e2;
    padding-top: 4px;
    display: block; }
  .table__event {
    font-size: 14px;
    font-size: 0.875rem;
    margin: 0; }
  .table img {
    padding: 0 5px; }

table {
  background: #fff;
  font-size: 11px;
  margin: 1em 0;
  width: 100%; }
  table thead {
    background: #00A7E2;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase; }
    table thead td {
      border-top: 1px solid #00A7E2;
      border-bottom: 1px solid #00A7E2;
      line-height: 1;
      padding: 5px; }
      table thead td:first-child {
        border-left: 1px solid #00A7E2; }
      table thead td:last-child {
        border-right: 1px solid #00A7E2; }
  table td {
    border: 1px solid #B6B7B9;
    padding: 5px; }

/* _tabs.scss */
.tabs__container {
  margin: 0;
  padding: 0;
  clear: both;
  overflow: hidden; }
.tabs__item {
  list-style: none;
  float: left; }
.tabs__link {
  color: #00a7e2;
  font-weight: bold;
  display: block;
  background: #fff;
  padding: 6px 40px 6px 10px;
  margin-right: 4px;
  border-top: 2px solid #EAECED;
  border-left: 2px solid #EAECED;
  border-right: 2px solid #EAECED;
  border-bottom: 0; }
  .tabs__link:hover {
    border-bottom: 0;
    color: #0094c9; }
  .tabs__link--active {
    background: #EAECED; }
.tabs__pane {
  background: #EAECED; }
.tabs__inner {
  padding: 10px; }

@media screen and (max-width: 480px) {
  .tabs__item {
    width: 100%; }
  .tabs__link {
    margin-right: 0; } }
/* timeline.scss */
.timeline-slider {
  height: 600px; }

#timeline {
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 300ms;
  -moz-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  overflow-x: hidden;
  overflow-y: hidden; }

#timeline.loaded {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }

#timeline .timeline__inner {
  position: relative;
  height: 100%;
  width: 6950px; }

.timeline-item {
  position: relative;
  float: left;
  height: 100%;
  width: 350px;
  border-right: 1px solid #fff;
  webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition-property: width;
  -moz-transition-property: width;
  -o-transition-property: width;
  transition-property: width;
  -webkit-transition-duration: 300ms;
  -moz-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in; }

.timeline-item .timeline-item__image-overlay {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15);
  opacity: 0.15;
  background: #4d6f86; }

.timeline-item .timeline-item__image {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  background-size: auto 100%;
  background-position: 50% 0%;
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%; }

.timeline-item .timeline-item__image-overlay {
  z-index: 2;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 300ms;
  -moz-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in; }

.timeline-header {
  position: absolute;
  z-index: 3;
  text-align: center;
  width: 250px;
  padding: 0 40px;
  top: 50%;
  left: 50%;
  margin-left: -125px; }

.timeline-header .timeline-header__title-intro {
  line-height: 1.2em; }

.timeline-header .timeline-header__seperator {
  border-bottom: 1px dashed white;
  height: 1px;
  width: 33px;
  display: block;
  margin: 20px auto; }

.timeline-item .timeline-item-details {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 170px;
  background: #CECECE;
  text-align: center;
  padding-top: 20px; }

.timeline-item .timeline-item-details h1 {
  color: green;
  font-size: 32px;
  font-size: 2rem;
  font-sans: "HelveticaNeueLTStd-Md", Helvetica, Arial, sans-serif;
  margin: 0.4em 0 0 0; }
  .timeline-item .timeline-item-details h1:after {
    content: ' ';
    display: block;
    border-bottom: 2px solid #999;
    width: 2em;
    margin: 0.5em auto; }

.timeline-item .timeline-item-details h2 {
  color: green;
  font-size: 1.2em;
  margin: 0 0 6px 0;
  font-sans: "HelveticaNeueLTStd-Md", Helvetica, Arial, sans-serif;
  text-transform: uppercase; }

.timeline-item .timeline-item-details p {
  color: #666;
  padding: 0 1em; }

/* year full */
.year-full {
  display: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  height: 100%;
  position: relative; }
  .year-full__image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }
  .year-full__content {
    z-index: 999;
    position: relative;
    height: 100%; }
    .year-full__content .unit {
      background: #F5F6F7;
      height: 100%; }
  .year-full__inner {
    padding: 40px; }
  .year-full__date {
    font-size: 32px;
    font-size: 2rem;
    color: #5da631;
    display: block; }
    .year-full__date:after {
      content: ' ';
      display: block;
      border-bottom: 2px solid #999;
      width: 2em;
      margin: 1em 0 1.5em 0; }
  .year-full h1 {
    color: #666; }
  .year-full .next, .year-full .prev {
    display: block;
    position: absolute;
    top: 20px;
    z-index: 999;
    width: 50px;
    height: 50px;
    text-indent: -9999px; }
  .year-full .next {
    right: 20px;
    background: rgba(20, 20, 20, 0.2) url("../images/placeholder/arrow-right.png") no-repeat;
    border-radius: 4px; }
  .year-full .prev {
    right: 80px;
    background: rgba(20, 20, 20, 0.2) url("../images/placeholder/arrow-left.png") no-repeat;
    border-radius: 4px; }

@media screen and (max-width: 768px) {
  .year-full .two-fifths {
    width: 100% !important; } }
@media screen and (max-width: 768px) {
  #year-full__right {
    width: 100%; }

  .next-month {
    display: none; }

  .prev-month {
    display: none; }

  #show-timeline {
    float: left !important; } }
#loader {
  background: url("../img/ajax-loader.gif") no-repeat;
  height: 16px;
  width: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px; }

.clearfix:before, #timeline .timeline__inner:before, #year-full:before, #year-full .month-full__top-nav:before, .clearfix:after, #timeline .timeline__inner:after, #year-full:after, #year-full .month-full__top-nav:after {
  content: " ";
  display: table; }

.clearfix:after, #timeline .timeline__inner:after, #year-full:after, #year-full .month-full__top-nav:after {
  clear: both; }

.clearfix, #timeline .timeline__inner, #year-full, #year-full .month-full__top-nav {
  *zoom: 1; }

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

/* line 345, ../sass/layout/_layout.scss */
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s; }

@-webkit-keyframes bounce {
  /* line 345, ../sass/layout/_layout.scss */
  0%,100%,20%,50%,80% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  /* line 345, ../sass/layout/_layout.scss */
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  /* line 345, ../sass/layout/_layout.scss */
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); } }
@keyframes bounce {
  /* line 345, ../sass/layout/_layout.scss */
  0%,100%,20%,50%,80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  /* line 345, ../sass/layout/_layout.scss */
  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px); }
  /* line 345, ../sass/layout/_layout.scss */
  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px); } }
/* line 345, ../sass/layout/_layout.scss */
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce; }

@-webkit-keyframes flash {
  /* line 345, ../sass/layout/_layout.scss */
  0%,100%,50% {
    opacity: 1; }
  /* line 345, ../sass/layout/_layout.scss */
  25%,75% {
    opacity: 0; } }
@keyframes flash {
  /* line 345, ../sass/layout/_layout.scss */
  0%,100%,50% {
    opacity: 1; }
  /* line 345, ../sass/layout/_layout.scss */
  25%,75% {
    opacity: 0; } }
/* line 345, ../sass/layout/_layout.scss */
.flash {
  -webkit-animation-name: flash;
  animation-name: flash; }

@-webkit-keyframes pulse {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  /* line 345, ../sass/layout/_layout.scss */
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes pulse {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  /* line 345, ../sass/layout/_layout.scss */
  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
/* line 345, ../sass/layout/_layout.scss */
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse; }

@-webkit-keyframes rubberBand {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  /* line 345, ../sass/layout/_layout.scss */
  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75); }
  /* line 345, ../sass/layout/_layout.scss */
  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25); }
  /* line 345, ../sass/layout/_layout.scss */
  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes rubberBand {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  /* line 345, ../sass/layout/_layout.scss */
  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    -ms-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75); }
  /* line 345, ../sass/layout/_layout.scss */
  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    -ms-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25); }
  /* line 345, ../sass/layout/_layout.scss */
  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    -ms-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
/* line 345, ../sass/layout/_layout.scss */
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand; }

@-webkit-keyframes shake {
  /* line 345, ../sass/layout/_layout.scss */
  0%,100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  /* line 345, ../sass/layout/_layout.scss */
  10%,30%,50%,70%,90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }
  /* line 345, ../sass/layout/_layout.scss */
  20%,40%,60%,80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); } }
@keyframes shake {
  /* line 345, ../sass/layout/_layout.scss */
  0%,100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  /* line 345, ../sass/layout/_layout.scss */
  10%,30%,50%,70%,90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px); }
  /* line 345, ../sass/layout/_layout.scss */
  20%,40%,60%,80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px); } }
/* line 345, ../sass/layout/_layout.scss */
.shake {
  -webkit-animation-name: shake;
  animation-name: shake; }

@-webkit-keyframes swing {
  /* line 345, ../sass/layout/_layout.scss */
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  /* line 345, ../sass/layout/_layout.scss */
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  /* line 345, ../sass/layout/_layout.scss */
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  /* line 345, ../sass/layout/_layout.scss */
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }
@keyframes swing {
  /* line 345, ../sass/layout/_layout.scss */
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg); }
  /* line 345, ../sass/layout/_layout.scss */
  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  /* line 345, ../sass/layout/_layout.scss */
  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg); }
  /* line 345, ../sass/layout/_layout.scss */
  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); } }
/* line 345, ../sass/layout/_layout.scss */
.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing; }

@-webkit-keyframes tada {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  /* line 345, ../sass/layout/_layout.scss */
  10%,20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg); }
  /* line 345, ../sass/layout/_layout.scss */
  30%,50%,70%,90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg); }
  /* line 345, ../sass/layout/_layout.scss */
  40%,60%,80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }
@keyframes tada {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  /* line 345, ../sass/layout/_layout.scss */
  10%,20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg); }
  /* line 345, ../sass/layout/_layout.scss */
  30%,50%,70%,90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg); }
  /* line 345, ../sass/layout/_layout.scss */
  40%,60%,80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }
/* line 345, ../sass/layout/_layout.scss */
.tada {
  -webkit-animation-name: tada;
  animation-name: tada; }

@-webkit-keyframes wobble {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }
  /* line 345, ../sass/layout/_layout.scss */
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg); }
  /* line 345, ../sass/layout/_layout.scss */
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg); }
  /* line 345, ../sass/layout/_layout.scss */
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg); }
  /* line 345, ../sass/layout/_layout.scss */
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg); }
  /* line 345, ../sass/layout/_layout.scss */
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); } }
@keyframes wobble {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); }
  /* line 345, ../sass/layout/_layout.scss */
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg); }
  /* line 345, ../sass/layout/_layout.scss */
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg); }
  /* line 345, ../sass/layout/_layout.scss */
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg); }
  /* line 345, ../sass/layout/_layout.scss */
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg); }
  /* line 345, ../sass/layout/_layout.scss */
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); } }
/* line 345, ../sass/layout/_layout.scss */
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble; }

@-webkit-keyframes bounceIn {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3); }
  /* line 345, ../sass/layout/_layout.scss */
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05); }
  /* line 345, ../sass/layout/_layout.scss */
  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes bounceIn {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3); }
  /* line 345, ../sass/layout/_layout.scss */
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05); }
  /* line 345, ../sass/layout/_layout.scss */
  70% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
/* line 345, ../sass/layout/_layout.scss */
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn; }

@-webkit-keyframes bounceInDown {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  /* line 345, ../sass/layout/_layout.scss */
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px); }
  /* line 345, ../sass/layout/_layout.scss */
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes bounceInDown {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  /* line 345, ../sass/layout/_layout.scss */
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px); }
  /* line 345, ../sass/layout/_layout.scss */
  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
/* line 345, ../sass/layout/_layout.scss */
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  /* line 345, ../sass/layout/_layout.scss */
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px); }
  /* line 345, ../sass/layout/_layout.scss */
  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes bounceInLeft {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  /* line 345, ../sass/layout/_layout.scss */
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px); }
  /* line 345, ../sass/layout/_layout.scss */
  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
/* line 345, ../sass/layout/_layout.scss */
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); }
  /* line 345, ../sass/layout/_layout.scss */
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px); }
  /* line 345, ../sass/layout/_layout.scss */
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes bounceInRight {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); }
  /* line 345, ../sass/layout/_layout.scss */
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px); }
  /* line 345, ../sass/layout/_layout.scss */
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
/* line 345, ../sass/layout/_layout.scss */
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); }
  /* line 345, ../sass/layout/_layout.scss */
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  /* line 345, ../sass/layout/_layout.scss */
  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes bounceInUp {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); }
  /* line 345, ../sass/layout/_layout.scss */
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px); }
  /* line 345, ../sass/layout/_layout.scss */
  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
/* line 345, ../sass/layout/_layout.scss */
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp; }

@-webkit-keyframes bounceOut {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  /* line 345, ../sass/layout/_layout.scss */
  25% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95); }
  /* line 345, ../sass/layout/_layout.scss */
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3); } }
@keyframes bounceOut {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  /* line 345, ../sass/layout/_layout.scss */
  25% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95); }
  /* line 345, ../sass/layout/_layout.scss */
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3); } }
/* line 345, ../sass/layout/_layout.scss */
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  /* line 345, ../sass/layout/_layout.scss */
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); } }
@keyframes bounceOutDown {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  /* line 345, ../sass/layout/_layout.scss */
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); } }
/* line 345, ../sass/layout/_layout.scss */
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  /* line 345, ../sass/layout/_layout.scss */
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); } }
@keyframes bounceOutLeft {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  /* line 345, ../sass/layout/_layout.scss */
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); } }
/* line 345, ../sass/layout/_layout.scss */
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  /* line 345, ../sass/layout/_layout.scss */
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); } }
@keyframes bounceOutRight {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  /* line 345, ../sass/layout/_layout.scss */
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); } }
/* line 345, ../sass/layout/_layout.scss */
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  /* line 345, ../sass/layout/_layout.scss */
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); } }
@keyframes bounceOutUp {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  /* line 345, ../sass/layout/_layout.scss */
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); } }
/* line 345, ../sass/layout/_layout.scss */
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 0; }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 1; } }
@keyframes fadeIn {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 0; }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 1; } }
/* line 345, ../sass/layout/_layout.scss */
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes fadeInDown {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
/* line 345, ../sass/layout/_layout.scss */
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes fadeInDownBig {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
/* line 345, ../sass/layout/_layout.scss */
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes fadeInLeft {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
/* line 345, ../sass/layout/_layout.scss */
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes fadeInLeftBig {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
/* line 345, ../sass/layout/_layout.scss */
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes fadeInRight {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
/* line 345, ../sass/layout/_layout.scss */
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes fadeInRightBig {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
/* line 345, ../sass/layout/_layout.scss */
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes fadeInUp {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
/* line 345, ../sass/layout/_layout.scss */
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes fadeInUpBig {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
/* line 345, ../sass/layout/_layout.scss */
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 1; }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 0; } }
@keyframes fadeOut {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 1; }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 0; } }
/* line 345, ../sass/layout/_layout.scss */
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); } }
@keyframes fadeOutDown {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); } }
/* line 345, ../sass/layout/_layout.scss */
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); } }
@keyframes fadeOutDownBig {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); } }
/* line 345, ../sass/layout/_layout.scss */
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); } }
@keyframes fadeOutLeft {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px); } }
/* line 345, ../sass/layout/_layout.scss */
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); } }
@keyframes fadeOutLeftBig {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); } }
/* line 345, ../sass/layout/_layout.scss */
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); } }
@keyframes fadeOutRight {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px); } }
/* line 345, ../sass/layout/_layout.scss */
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); } }
@keyframes fadeOutRightBig {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); } }
/* line 345, ../sass/layout/_layout.scss */
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); } }
@keyframes fadeOutUp {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); } }
/* line 345, ../sass/layout/_layout.scss */
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); } }
@keyframes fadeOutUpBig {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); } }
/* line 345, ../sass/layout/_layout.scss */
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig; }

@-webkit-keyframes flip {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  /* line 345, ../sass/layout/_layout.scss */
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  /* line 345, ../sass/layout/_layout.scss */
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  /* line 345, ../sass/layout/_layout.scss */
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }
@keyframes flip {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  /* line 345, ../sass/layout/_layout.scss */
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  /* line 345, ../sass/layout/_layout.scss */
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  /* line 345, ../sass/layout/_layout.scss */
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }
/* line 345, ../sass/layout/_layout.scss */
.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip; }

@-webkit-keyframes flipInX {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  /* line 345, ../sass/layout/_layout.scss */
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg); }
  /* line 345, ../sass/layout/_layout.scss */
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }
@keyframes flipInX {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  /* line 345, ../sass/layout/_layout.scss */
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg); }
  /* line 345, ../sass/layout/_layout.scss */
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }
/* line 345, ../sass/layout/_layout.scss */
.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX; }

@-webkit-keyframes flipInY {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  /* line 345, ../sass/layout/_layout.scss */
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg); }
  /* line 345, ../sass/layout/_layout.scss */
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }
@keyframes flipInY {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  /* line 345, ../sass/layout/_layout.scss */
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg); }
  /* line 345, ../sass/layout/_layout.scss */
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }
/* line 345, ../sass/layout/_layout.scss */
.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY; }

@-webkit-keyframes flipOutX {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }
@keyframes flipOutX {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }
/* line 345, ../sass/layout/_layout.scss */
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }
@keyframes flipOutY {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }
/* line 345, ../sass/layout/_layout.scss */
.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  /* line 345, ../sass/layout/_layout.scss */
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1; }
  /* line 345, ../sass/layout/_layout.scss */
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1; }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; } }
@keyframes lightSpeedIn {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  /* line 345, ../sass/layout/_layout.scss */
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1; }
  /* line 345, ../sass/layout/_layout.scss */
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1; }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; } }
/* line 345, ../sass/layout/_layout.scss */
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }
@keyframes lightSpeedOut {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }
/* line 345, ../sass/layout/_layout.scss */
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }
@keyframes rotateIn {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }
/* line 345, ../sass/layout/_layout.scss */
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInDownLeft {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }
/* line 345, ../sass/layout/_layout.scss */
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInDownRight {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }
/* line 345, ../sass/layout/_layout.scss */
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInUpLeft {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }
/* line 345, ../sass/layout/_layout.scss */
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInUpRight {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }
/* line 345, ../sass/layout/_layout.scss */
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }
@keyframes rotateOut {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }
/* line 345, ../sass/layout/_layout.scss */
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }
@keyframes rotateOutDownLeft {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }
/* line 345, ../sass/layout/_layout.scss */
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; } }
@keyframes rotateOutDownRight {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; } }
/* line 345, ../sass/layout/_layout.scss */
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; } }
@keyframes rotateOutUpLeft {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; } }
/* line 345, ../sass/layout/_layout.scss */
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }
@keyframes rotateOutUpRight {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }
/* line 345, ../sass/layout/_layout.scss */
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight; }

@-webkit-keyframes slideInDown {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes slideInDown {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
/* line 345, ../sass/layout/_layout.scss */
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown; }

@-webkit-keyframes slideInLeft {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes slideInLeft {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
/* line 345, ../sass/layout/_layout.scss */
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft; }

@-webkit-keyframes slideInRight {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes slideInRight {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
/* line 345, ../sass/layout/_layout.scss */
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight; }

@-webkit-keyframes slideOutLeft {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); } }
@keyframes slideOutLeft {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); } }
/* line 345, ../sass/layout/_layout.scss */
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); } }
@keyframes slideOutRight {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); } }
/* line 345, ../sass/layout/_layout.scss */
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); } }
@keyframes slideOutUp {
  /* line 345, ../sass/layout/_layout.scss */
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  /* line 345, ../sass/layout/_layout.scss */
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); } }
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp; }

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%,60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0; } }
@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%,60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0; } }
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge; }

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); } }
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); } }
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn; }

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg); } }
@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg); } }
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut; }

.bx-wrapper {
  position: relative; }
  .bx-wrapper .bx-prev,
  .bx-wrapper .bx-next {
    border-radius: 4px;
    position: absolute;
    top: 50%;
    height: 70px;
    width: 70px;
    opacity: 1em;
    transition: opacity 250ms ease;
    margin-top: -35px; }
    .bx-wrapper .bx-prev.disabled,
    .bx-wrapper .bx-next.disabled {
      opacity: 0;
      transition: opacity 500ms ease; }
  .bx-wrapper .bx-prev {
    background: url("../images/placeholder/left-arrow.png") no-repeat rgba(0, 0, 0, 0.75);
    left: 1em; }
  .bx-wrapper .bx-next {
    background: url("../images/placeholder/right-arrow.png") no-repeat rgba(0, 0, 0, 0.75);
    right: 1em; }

/* _search-results.scss */
.sisea-results {
  font-family: "HelveticaNeueLTStd-Md", Helvetica, Arial, sans-serif; }

.sisea-paging {
  margin: 2em 0;
  padding-bottom: 0.5em;
  text-align: right;
  border-bottom: 1px solid #ccc; }

.sisea-result {
  margin-bottom: 2em; }

.sisea-highlight {
  background: yellow;
  padding: 0.25em; }

/* accordion.scss */
/*
 * qTip2 - Pretty powerful tooltips - v2.2.1
 * http://qtip2.com
 *
 * Copyright (c) 2014 
 * Released under the MIT licenses
 * http://jquery.org/license
 *
 * Date: Sat Sep 6 2014 11:54 EDT-0400
 * Plugins: tips viewport imagemap svg modal
 * Styles: core basic css3
 */
.qtip {
  position: absolute;
  left: -28000px;
  top: -28000px;
  display: none;
  max-width: 280px;
  min-width: 50px;
  font-size: 10.5px;
  line-height: 12px;
  direction: ltr;
  box-shadow: none;
  padding: 0; }

.qtip-content {
  position: relative;
  padding: 5px 9px;
  overflow: hidden;
  text-align: left;
  word-wrap: break-word; }

.qtip-titlebar {
  position: relative;
  padding: 5px 35px 5px 10px;
  overflow: hidden;
  border-width: 0 0 1px;
  font-weight: bold; }

.qtip-titlebar + .qtip-content {
  border-top-width: 0 !important; }

/* Default close button class */
.qtip-close {
  position: absolute;
  right: -9px;
  top: -9px;
  z-index: 11;
  /* Overlap .qtip-tip */
  cursor: pointer;
  outline: medium none;
  border: 1px solid transparent; }

.qtip-titlebar .qtip-close {
  right: 4px;
  top: 50%;
  margin-top: -9px; }

* html .qtip-titlebar .qtip-close {
  top: 16px; }

/* IE fix */
.qtip-titlebar .ui-icon,
.qtip-icon .ui-icon {
  display: block;
  text-indent: -1000em;
  direction: ltr; }

.qtip-icon, .qtip-icon .ui-icon {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-decoration: none; }

.qtip-icon .ui-icon {
  width: 18px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  text-indent: 0;
  font: normal bold 10px/13px Tahoma,sans-serif;
  color: inherit;
  background: transparent none no-repeat -100em -100em; }

/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
/* Custom popup style
==================== */
.qtip-green {
  background-color: #CAED9E;
  border-color: #90D93F;
  color: #3F6219; }

.qtip-green .qtip-titlebar {
  background-color: #B0DE78; }

.qtip-green .qtip-close .qtip-icon {
  background-position: -42px 0; }

/* IE9 fix - removes all filters */
.qtip:not(.ie9haxors) div.qtip-content,
.qtip:not(.ie9haxors) div.qtip-titlebar {
  filter: none;
  -ms-filter: none; }

.qtip .qtip-tip {
  margin: 0 auto;
  overflow: hidden;
  z-index: 10; }

/* Opera bug #357 - Incorrect tip position
https://github.com/Craga89/qTip2/issues/367 */
x:-o-prefocus, .qtip .qtip-tip {
  visibility: hidden; }

.qtip .qtip-tip,
.qtip .qtip-tip .qtip-vml,
.qtip .qtip-tip canvas {
  position: absolute;
  color: #123456;
  background: transparent;
  border: 0 dashed transparent; }

.qtip .qtip-tip canvas {
  top: 0;
  left: 0; }

.qtip .qtip-tip .qtip-vml {
  behavior: url(#default#VML);
  display: inline-block;
  visibility: visible; }

#qtip-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

/* Applied to modals with show.modal.blur set to true */
#qtip-overlay.blurs {
  cursor: pointer; }

/* Change opacity of overlay here */
#qtip-overlay div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }

.sbs_success h3 {
  text-transform: none !important; }

form.sbs_register_form {
  margin-left: 0 !important;
  max-width: 30em !important;
  width: 100% !important; }
  form.sbs_register_form fieldset {
    background-color: #D9D9D9 !important;
    margin: 0 !important;
    max-width: 450px !important;
    width: 100% !important; }
  form.sbs_register_form input[type="submit"] {
    width: 100% !important; }
  form.sbs_register_form input[type="checkbox"] {
    vertical-align: middle !important; }
  @media (max-width: 399px) {
    form.sbs_register_form label {
      text-align: left !important;
      width: 45% !important; }
    form.sbs_register_form input:not([type='checkbox']) {
      width: 100% !important; }
    form.sbs_register_form input[type="checkbox"] {
      margin-right: 1em;
      width: auto !important; } }
  @media (min-width: 400px) {
    form.sbs_register_form label {
      width: 45% !important; }
    form.sbs_register_form input {
      width: 50% !important; } }

@media (max-width: 599px) {
  .loginLoginButton {
    display: inline-block;
    margin-top: 10px; } }
@media (min-width: 600px) and (max-width: 767px) {
  .loginLoginButton {
    display: inline-block;
    margin-left: 25px;
    vertical-align: middle; } }
@media (min-width: 1177px) {
  .loginLoginButton {
    display: inline-block;
    margin-left: 25px;
    vertical-align: middle; } }

.back-to-studies-btn {
  padding-left: 30px;
  padding-right: 30px;
  width: 161px;
  text-align: center; }

.back-to-sectors-btn {
  right: 0;
  padding-left: 10px;
  padding-right: 10px;
  width: 150px;
  text-align: center;
  position: absolute;
  bottom: 0;
  margin-bottom: 30px; }

.related-case-studies-container .education {
  color: #326C65;
  border-color: #326C65; }
.related-case-studies-container .environment {
  color: #5FA539;
  border-color: #5FA539; }
.related-case-studies-container .health {
  color: #609CAD;
  border-color: #609CAD; }
.related-case-studies-container .highways {
  color: #6d6f72;
  border-color: #6d6f72; }
.related-case-studies-container .government {
  color: #8CA69C;
  border-color: #8CA69C; }
.related-case-studies-container .property {
  color: #AC4388;
  border-color: #AC4388; }
.related-case-studies-container .water {
  color: #1BA8E0;
  border-color: #1BA8E0; }
.related-case-studies-container .related-studies-text .btn {
  padding-left: 30px;
  padding-right: 30px;
  width: 130px; }
.related-case-studies-container .seperator {
  height: 1px; }
.related-case-studies-container .case-study {
  margin: 0 !important; }

.case-studies-filter-container form {
  width: 70%;
  min-height: 34px;
  margin: 0 auto; }
  .case-studies-filter-container form .styled-select {
    width: 29%;
    float: left;
    margin: 0 10px; }
    .case-studies-filter-container form .styled-select.active .dk-selected {
      background-color: #3297fd;
      color: #ffffff; }
      .case-studies-filter-container form .styled-select.active .dk-selected:before {
        background-image: url("/assets/img/arrow-down-white.png"); }
  .case-studies-filter-container form #services-list ul li {
    display: none; }
    .case-studies-filter-container form #services-list ul li:first-child {
      display: block; }

.case-studies-container #case-studies-list {
  display: none; }
.case-studies-container .unit .no-results {
  display: none;
  text-align: center; }
.case-studies-container .unit .case-study {
  background-color: #F1F3F2;
  margin: 15px 15px 15px 15px;
  position: relative;
  min-height: 368px; }
  .case-studies-container .unit .case-study .details {
    padding: 10px 10px 48px 10px; }
    .case-studies-container .unit .case-study .details .case-study-name, .case-studies-container .unit .case-study .details .case-study-intro-text {
      display: block;
      text-transform: uppercase;
      font-size: 1rem;
      margin-bottom: 15px;
      font-family: "HelveticaNeueLTStd-Md", Helvetica, Arial, sans-serif; }
    .case-studies-container .unit .case-study .details .case-study-intro-text {
      font-family: "HelveticaNeueLTStd-UltLt", Helvetica, Arial, sans-serif;
      margin-bottom: 0; }
    .case-studies-container .unit .case-study .details .case-study-category {
      border-bottom-style: solid;
      border-bottom-width: 1px;
      display: block;
      font-size: 0.9rem;
      padding-bottom: 3px;
      margin-bottom: 6px;
      text-transform: uppercase;
      line-height: 25px; }
      .case-studies-container .unit .case-study .details .case-study-category .spotlight__icon {
        background: url("../images/placeholder/Spotlight-2.png") no-repeat; }
    .case-studies-container .unit .case-study .details .btn {
      position: absolute;
      bottom: 10px;
      overflow: hidden;
      left: 12px; }
  .case-studies-container .unit .case-study .education {
    color: #326C65; }
  .case-studies-container .unit .case-study .environment {
    color: #5FA539; }
  .case-studies-container .unit .case-study .health {
    color: #609CAD; }
  .case-studies-container .unit .case-study .highways {
    color: #6d6f72; }
  .case-studies-container .unit .case-study .government {
    color: #8CA69C; }
  .case-studies-container .unit .case-study .property {
    color: #AC4388; }
  .case-studies-container .unit .case-study .water {
    color: #1BA8E0; }
  .case-studies-container .unit .case-study .case-study-intro {
    color: #757472; }
.case-studies-container .load-more {
  margin: 0 auto;
  display: list-item; }

.case-study-container {
  background: none; }
  .case-study-container .box__inner {
    padding-top: 0; }
  .case-study-container .case-study-content {
    position: relative; }
    .case-study-container .case-study-content img {
      min-width: 100%; }
    .case-study-container .case-study-content h1.page-heading {
      margin-top: 18px;
      font-family: "HelveticaNeueLTStd-Md", Helvetica, Arial, sans-serif;
      line-height: 24px; }
    .case-study-container .case-study-content h1.page-sub-heading {
      margin-bottom: 14px;
      text-transform: uppercase;
      font-family: "HelveticaNeueLTStd-Roman", Helvetica, Arial, sans-serif; }

.case-study-sidebar {
  font-family: "HelveticaNeueLTStd-Roman", Helvetica, Arial, sans-serif;
  text-transform: uppercase; }
  .case-study-sidebar > div {
    padding-top: 1rem;
    border-top: 1px solid #555;
    margin-bottom: 3rem; }
  .case-study-sidebar .case-study-sidebar-quote {
    font-size: 1.5rem;
    line-height: 1.6rem; }
  .case-study-sidebar .case-study-sidebar-stat p {
    font-size: 6rem;
    line-height: 6rem;
    margin-bottom: 0; }
  .case-study-sidebar .case-study-sidebar-caption {
    font-size: 1.1rem;
    line-height: 1.1rem; }
  @media screen and (min-width: 769px) and (max-width: 1096px) {
    .case-study-sidebar .case-study-sidebar-stat p {
      font-size: 4.5rem; } }
  @media screen and (max-width: 769px) {
    .case-study-sidebar {
      margin-top: 0 !important; } }

@media screen and (max-width: 770px) {
  #case-studies-filter {
    width: 100%; }
    #case-studies-filter .styled-select {
      float: none;
      margin: 10px auto; }

  .case-studies-container .case-study .details .btn {
    position: relative; } }
/* state.scss */
/* print.scss */

/*# sourceMappingURL=styles.css.map */