/* Generated by Font Squirrel (https://www.fontsquirrel.com) on October 30, 2016 */

@font-face {
  font-family: 'geomanistmedium';
  src: url('/fonts/geomanist-medium-webfont.eot');
  src: url('/fonts/geomanist-medium-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/geomanist-medium-webfont.woff2') format('woff2'), url('/fonts/geomanist-medium-webfont.woff') format('woff'), url('/fonts/geomanist-medium-webfont.ttf') format('truetype'), url('/fonts/geomanist-medium-webfont.svg#geomanistmedium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'geomanistbold';
  src: url('/fonts/geomanist-bold-webfont.eot');
  src: url('/fonts/geomanist-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/geomanist-bold-webfont.woff2') format('woff2'), url('/fonts/geomanist-bold-webfont.woff') format('woff'), url('/fonts/geomanist-bold-webfont.ttf') format('truetype'), url('/fonts/geomanist-bold-webfont.svg#geomanistbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'geomanist_regularregular';
  src: url('/fonts/geomanist-regular-webfont.eot');
  src: url('/fonts/geomanist-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/geomanist-regular-webfont.woff2') format('woff2'), url('/fonts/geomanist-regular-webfont.woff') format('woff'), url('/fonts/geomanist-regular-webfont.ttf') format('truetype'), url('/fonts/geomanist-regular-webfont.svg#geomanist_regularregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*!
 * Bootstrap v3.0.2
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
a {
  background: transparent;
}
a:focus {
  outline: thin dotted;
}
a:active,
a:hover {
  outline: 0;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
mark {
  background: yellow;
  color: black;
}
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}
pre {
  white-space: pre-wrap;
}
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}
button,
input {
  line-height: normal;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: transparent;
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333333;
  background-color: white;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #428bca;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #2a6496;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted #333333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
img {
  vertical-align: middle;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.428571429;
  background-color: white;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container:before,
.container:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */

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

}
.container:after {
  clear: both;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.row:before,
.row:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */

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

}
.row:after {
  clear: both;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666666666666%;
}
.col-xs-10 {
  width: 83.33333333333334%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666666666666%;
}
.col-xs-7 {
  width: 58.333333333333336%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666666666667%;
}
.col-xs-4 {
  width: 33.33333333333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.666666666666664%;
}
.col-xs-1 {
  width: 8.333333333333332%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666666666666%;
}
.col-xs-pull-10 {
  right: 83.33333333333334%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666666666666%;
}
.col-xs-pull-7 {
  right: 58.333333333333336%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666666666667%;
}
.col-xs-pull-4 {
  right: 33.33333333333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.666666666666664%;
}
.col-xs-pull-1 {
  right: 8.333333333333332%;
}
.col-xs-pull-0 {
  right: 0%;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666666666666%;
}
.col-xs-push-10 {
  left: 83.33333333333334%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666666666666%;
}
.col-xs-push-7 {
  left: 58.333333333333336%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666666666667%;
}
.col-xs-push-4 {
  left: 33.33333333333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.666666666666664%;
}
.col-xs-push-1 {
  left: 8.333333333333332%;
}
.col-xs-push-0 {
  left: 0%;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666666666666%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333333334%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666666666666%;
}
.col-xs-offset-7 {
  margin-left: 58.333333333333336%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666666666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.666666666666664%;
}
.col-xs-offset-1 {
  margin-left: 8.333333333333332%;
}
.col-xs-offset-half {
  margin-left: 4.166666666666664%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666666666666%;
  }
  .col-sm-10 {
    width: 83.33333333333334%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666666666666%;
  }
  .col-sm-7 {
    width: 58.333333333333336%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666666666667%;
  }
  .col-sm-4 {
    width: 33.33333333333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.666666666666664%;
  }
  .col-sm-1 {
    width: 8.333333333333332%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666666666666%;
  }
  .col-sm-pull-10 {
    right: 83.33333333333334%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666666666666%;
  }
  .col-sm-pull-7 {
    right: 58.333333333333336%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666666666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.666666666666664%;
  }
  .col-sm-pull-1 {
    right: 8.333333333333332%;
  }
  .col-sm-pull-0 {
    right: 0%;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666666666666%;
  }
  .col-sm-push-10 {
    left: 83.33333333333334%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666666666666%;
  }
  .col-sm-push-7 {
    left: 58.333333333333336%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666666666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.666666666666664%;
  }
  .col-sm-push-1 {
    left: 8.333333333333332%;
  }
  .col-sm-push-0 {
    left: 0%;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666666666666%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666666666666%;
  }
  .col-sm-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.666666666666664%;
  }
  .col-sm-offset-1 {
    margin-left: 8.333333333333332%;
  }
  .col-sm-offset-half {
    margin-left: 4.166666666666664%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666666666666%;
  }
  .col-md-10 {
    width: 83.33333333333334%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666666666666%;
  }
  .col-md-7 {
    width: 58.333333333333336%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666666666667%;
  }
  .col-md-4 {
    width: 33.33333333333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.666666666666664%;
  }
  .col-md-1 {
    width: 8.333333333333332%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666666666666%;
  }
  .col-md-pull-10 {
    right: 83.33333333333334%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666666666666%;
  }
  .col-md-pull-7 {
    right: 58.333333333333336%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666666666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.666666666666664%;
  }
  .col-md-pull-1 {
    right: 8.333333333333332%;
  }
  .col-md-pull-0 {
    right: 0%;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666666666666%;
  }
  .col-md-push-10 {
    left: 83.33333333333334%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666666666666%;
  }
  .col-md-push-7 {
    left: 58.333333333333336%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666666666667%;
  }
  .col-md-push-4 {
    left: 33.33333333333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.666666666666664%;
  }
  .col-md-push-1 {
    left: 8.333333333333332%;
  }
  .col-md-push-0 {
    left: 0%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666666666666%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666666666666%;
  }
  .col-md-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.666666666666664%;
  }
  .col-md-offset-1 {
    margin-left: 8.333333333333332%;
  }
  .col-md-offset-half {
    margin-left: 4.166666666666664%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666666666666%;
  }
  .col-lg-10 {
    width: 83.33333333333334%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666666666666%;
  }
  .col-lg-7 {
    width: 58.333333333333336%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666666666667%;
  }
  .col-lg-4 {
    width: 33.33333333333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.666666666666664%;
  }
  .col-lg-1 {
    width: 8.333333333333332%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666666666666%;
  }
  .col-lg-pull-10 {
    right: 83.33333333333334%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666666666666%;
  }
  .col-lg-pull-7 {
    right: 58.333333333333336%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666666666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.666666666666664%;
  }
  .col-lg-pull-1 {
    right: 8.333333333333332%;
  }
  .col-lg-pull-0 {
    right: 0%;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666666666666%;
  }
  .col-lg-push-10 {
    left: 83.33333333333334%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666666666666%;
  }
  .col-lg-push-7 {
    left: 58.333333333333336%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666666666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.666666666666664%;
  }
  .col-lg-push-1 {
    left: 8.333333333333332%;
  }
  .col-lg-push-0 {
    left: 0%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666666666666%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666666666666%;
  }
  .col-lg-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.666666666666664%;
  }
  .col-lg-offset-1 {
    margin-left: 8.333333333333332%;
  }
  .col-lg-offset-half {
    margin-left: 4.166666666666664%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
.btn {
  display: inline-block;
  font-family: 'geomanistbold', Arial, sans-serif;
  font-weight: 300;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.5;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  text-transform: uppercase;
}
.btn:visited {
  color: white;
}
.btn:focus {
  outline: thin dotted #333333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-default {
  color: white;
  background-color: #bcbcbc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: white;
  background-color: #969696;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: white;
}
.btn-primary {
  color: white;
  background-color: #ec008c;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: white;
  background-color: #c70077;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #428bca;
}
.btn-secondary {
  color: white;
  background-color: #00b0db;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active,
.open .dropdown-toggle.btn-secondary {
  color: white;
  background-color: #0091b5;
}
.btn-secondary:active,
.btn-secondary.active,
.open .dropdown-toggle.btn-secondary {
  background-image: none;
}
.btn-secondary.disabled,
.btn-secondary[disabled],
fieldset[disabled] .btn-secondary,
.btn-secondary.disabled:hover,
.btn-secondary[disabled]:hover,
fieldset[disabled] .btn-secondary:hover,
.btn-secondary.disabled:focus,
.btn-secondary[disabled]:focus,
fieldset[disabled] .btn-secondary:focus,
.btn-secondary.disabled:active,
.btn-secondary[disabled]:active,
fieldset[disabled] .btn-secondary:active,
.btn-secondary.disabled.active,
.btn-secondary[disabled].active,
fieldset[disabled] .btn-secondary.active {
  background-color: #428bca;
}
.btn-tertiary {
  color: white;
  background-color: #007b99;
}
.btn-tertiary:hover,
.btn-tertiary:focus,
.btn-tertiary:active,
.btn-tertiary.active,
.open .dropdown-toggle.btn-tertiary {
  color: white;
  background-color: #005c73;
}
.btn-tertiary:active,
.btn-tertiary.active,
.open .dropdown-toggle.btn-tertiary {
  background-image: none;
}
.btn-tertiary.disabled,
.btn-tertiary[disabled],
fieldset[disabled] .btn-tertiary,
.btn-tertiary.disabled:hover,
.btn-tertiary[disabled]:hover,
fieldset[disabled] .btn-tertiary:hover,
.btn-tertiary.disabled:focus,
.btn-tertiary[disabled]:focus,
fieldset[disabled] .btn-tertiary:focus,
.btn-tertiary.disabled:active,
.btn-tertiary[disabled]:active,
fieldset[disabled] .btn-tertiary:active,
.btn-tertiary.disabled.active,
.btn-tertiary[disabled].active,
fieldset[disabled] .btn-tertiary.active {
  background-color: #428bca;
}
.btn-link {
  color: #428bca;
  font-weight: normal;
  cursor: pointer;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #2a6496;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #999999;
  text-decoration: none;
}
.btn-lg {
  padding: 12px 15px;
  font-size: 14px;
  line-height: 1.5;
}
.btn-sm,
.btn-xs {
  padding: 6px 9px;
  font-size: 12px;
  line-height: 1.5;
}
.btn-xs {
  padding: 3px 6px;
}
.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */

}
.clearfix:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
tr.visible-xs,
th.visible-xs,
td.visible-xs {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-xs.visible-sm {
    display: block !important;
  }
  tr.visible-xs.visible-sm {
    display: table-row !important;
  }
  th.visible-xs.visible-sm,
  td.visible-xs.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-xs.visible-md {
    display: block !important;
  }
  tr.visible-xs.visible-md {
    display: table-row !important;
  }
  th.visible-xs.visible-md,
  td.visible-xs.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-xs.visible-lg {
    display: block !important;
  }
  tr.visible-xs.visible-lg {
    display: table-row !important;
  }
  th.visible-xs.visible-lg,
  td.visible-xs.visible-lg {
    display: table-cell !important;
  }
}
.visible-sm,
tr.visible-sm,
th.visible-sm,
td.visible-sm {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-sm.visible-xs {
    display: block !important;
  }
  tr.visible-sm.visible-xs {
    display: table-row !important;
  }
  th.visible-sm.visible-xs,
  td.visible-sm.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-sm.visible-md {
    display: block !important;
  }
  tr.visible-sm.visible-md {
    display: table-row !important;
  }
  th.visible-sm.visible-md,
  td.visible-sm.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-sm.visible-lg {
    display: block !important;
  }
  tr.visible-sm.visible-lg {
    display: table-row !important;
  }
  th.visible-sm.visible-lg,
  td.visible-sm.visible-lg {
    display: table-cell !important;
  }
}
.visible-md,
tr.visible-md,
th.visible-md,
td.visible-md {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-md.visible-xs {
    display: block !important;
  }
  tr.visible-md.visible-xs {
    display: table-row !important;
  }
  th.visible-md.visible-xs,
  td.visible-md.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-md.visible-sm {
    display: block !important;
  }
  tr.visible-md.visible-sm {
    display: table-row !important;
  }
  th.visible-md.visible-sm,
  td.visible-md.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-md.visible-lg {
    display: block !important;
  }
  tr.visible-md.visible-lg {
    display: table-row !important;
  }
  th.visible-md.visible-lg,
  td.visible-md.visible-lg {
    display: table-cell !important;
  }
}
.visible-lg,
tr.visible-lg,
th.visible-lg,
td.visible-lg {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-lg.visible-xs {
    display: block !important;
  }
  tr.visible-lg.visible-xs {
    display: table-row !important;
  }
  th.visible-lg.visible-xs,
  td.visible-lg.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-lg.visible-sm {
    display: block !important;
  }
  tr.visible-lg.visible-sm {
    display: table-row !important;
  }
  th.visible-lg.visible-sm,
  td.visible-lg.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-lg.visible-md {
    display: block !important;
  }
  tr.visible-lg.visible-md {
    display: table-row !important;
  }
  th.visible-lg.visible-md,
  td.visible-lg.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
.hidden-xs {
  display: block !important;
}
tr.hidden-xs {
  display: table-row !important;
}
th.hidden-xs,
td.hidden-xs {
  display: table-cell !important;
}
@media (max-width: 767px) {
  .hidden-xs,
  tr.hidden-xs,
  th.hidden-xs,
  td.hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-xs.hidden-sm,
  tr.hidden-xs.hidden-sm,
  th.hidden-xs.hidden-sm,
  td.hidden-xs.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-xs.hidden-md,
  tr.hidden-xs.hidden-md,
  th.hidden-xs.hidden-md,
  td.hidden-xs.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-xs.hidden-lg,
  tr.hidden-xs.hidden-lg,
  th.hidden-xs.hidden-lg,
  td.hidden-xs.hidden-lg {
    display: none !important;
  }
}
.hidden-sm {
  display: block !important;
}
tr.hidden-sm {
  display: table-row !important;
}
th.hidden-sm,
td.hidden-sm {
  display: table-cell !important;
}
@media (max-width: 767px) {
  .hidden-sm.hidden-xs,
  tr.hidden-sm.hidden-xs,
  th.hidden-sm.hidden-xs,
  td.hidden-sm.hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm,
  tr.hidden-sm,
  th.hidden-sm,
  td.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-sm.hidden-md,
  tr.hidden-sm.hidden-md,
  th.hidden-sm.hidden-md,
  td.hidden-sm.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-sm.hidden-lg,
  tr.hidden-sm.hidden-lg,
  th.hidden-sm.hidden-lg,
  td.hidden-sm.hidden-lg {
    display: none !important;
  }
}
.hidden-md {
  display: block !important;
}
tr.hidden-md {
  display: table-row !important;
}
th.hidden-md,
td.hidden-md {
  display: table-cell !important;
}
@media (max-width: 767px) {
  .hidden-md.hidden-xs,
  tr.hidden-md.hidden-xs,
  th.hidden-md.hidden-xs,
  td.hidden-md.hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-md.hidden-sm,
  tr.hidden-md.hidden-sm,
  th.hidden-md.hidden-sm,
  td.hidden-md.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md,
  tr.hidden-md,
  th.hidden-md,
  td.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-md.hidden-lg,
  tr.hidden-md.hidden-lg,
  th.hidden-md.hidden-lg,
  td.hidden-md.hidden-lg {
    display: none !important;
  }
}
.hidden-lg {
  display: block !important;
}
tr.hidden-lg {
  display: table-row !important;
}
th.hidden-lg,
td.hidden-lg {
  display: table-cell !important;
}
@media (max-width: 767px) {
  .hidden-lg.hidden-xs,
  tr.hidden-lg.hidden-xs,
  th.hidden-lg.hidden-xs,
  td.hidden-lg.hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-lg.hidden-sm,
  tr.hidden-lg.hidden-sm,
  th.hidden-lg.hidden-sm,
  td.hidden-lg.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-lg.hidden-md,
  tr.hidden-lg.hidden-md,
  th.hidden-lg.hidden-md,
  td.hidden-lg.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg,
  tr.hidden-lg,
  th.hidden-lg,
  td.hidden-lg {
    display: none !important;
  }
}
.visible-print,
tr.visible-print,
th.visible-print,
td.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
  .hidden-print,
  tr.hidden-print,
  th.hidden-print,
  td.hidden-print {
    display: none !important;
  }
}
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.guide a {
  font-family: 'geomanist_regularregular', Arial, sans-serif;
  color: #2080b8;
  text-decoration: underline;
}
.guide a:hover {
  text-decoration: underline;
}
.guide blockquote,
.guide blockquote p {
  font-family: Georgia, Cambria, "Times New Roman", Times, serif;
  border-left: 3px solid #3c4049;
  font-size: 20px;
  font-style: italic;
  font-weight: 300;
  margin-bottom: 18px;
  line-height: 1.3em;
  padding: 18px;
}
.guide code,
.guide p code {
  font-family: Monaco, monospace;
}
.guide em,
.guide i {
  font-family: 'geomanist_regularregular', Arial, sans-serif;
  font-weight: 300;
  font-style: italic;
}
.guide hr {
  background: black;
  border: 0;
  color: black;
  height: 1px;
  margin: 30px 0;
}
.guide small {
  font-size: 10px;
}
.guide strike {
  color: black;
  text-decoration: line-through;
}
.guide b,
.guide strong {
  font-family: 'geomanistmedium', Arial, sans-serif;
  font-weight: 300;
}
.guide sup,
.guide sub {
  font-size: 85%;
  vertical-align: top;
  position: relative;
  top: -0.4em;
}
.guide sub {
  top: 0.4em;
}
.guide h1,
.guide h2,
.guide h3,
.guide h4,
.guide h5,
.guide h6 {
  line-height: 1.2em;
}
.guide h1 {
  font-family: 'geomanist_regularregular', Arial, sans-serif;
  font-size: 34px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 1.05em;
  margin-bottom: 12px;
}
.guide h2 {
  font-family: 'geomanistmedium', Arial, sans-serif;
  font-weight: 300;
  font-size: 30px;
  margin-bottom: 12px;
}
.guide h3 {
  font-family: 'geomanistmedium', Arial, sans-serif;
  font-weight: 300;
  font-size: 25px;
  margin-bottom: 20px;
}
.guide h4 {
  font-family: 'geomanistmedium', Arial, sans-serif;
  font-weight: 300;
  font-size: 17px;
  margin-bottom: 3px;
}
.guide h5 {
  font-family: 'geomanistmedium', Arial, sans-serif;
  font-weight: 300;
  font-size: 17px;
  margin-bottom: 3px;
}
.guide h6 {
  font-family: 'geomanist_regularregular', Arial, sans-serif;
  font-weight: 300;
  font-size: 17px;
  margin-bottom: 3px;
}
.guide p,
.guide li {
  font-size: 17px;
  line-height: 1.5;
  margin-bottom: 18px;
}
.guide ol {
  list-style: decimal;
  margin-bottom: 21px;
  padding-left: 30px;
}
.guide ol ol {
  list-style: lower-alpha;
}
.guide ol ol ol {
  list-style: lower-roman;
}
.guide ul {
  margin-bottom: 21px;
  padding-left: 0;
}
.guide ul li {
  list-style: disc outside;
  padding-left: 8px;
  margin-bottom: 21px;
  margin-left: 22px;
}
.guide ul ul,
.guide ul ol,
.guide ol ol,
.guide ol ul {
  margin-bottom: 0;
}
.guide table {
  margin-bottom: 10px;
  width: 100%;
}
.guide table th {
  border-bottom: 1px solid black;
  font-family: 'geomanistbold', Arial, sans-serif;
  font-weight: 300;
  padding: 6px 9px 5px 9px;
  text-align: left;
  text-transform: uppercase;
}
.guide table td {
  border-bottom: 1px solid black;
  padding: 6px 9px 5px 9px;
}
.guide table td + td {
  border-left: 1px solid black;
  padding-right: 8px;
}
.guide table .alt,
.guide table tbody tr:nth-child(odd) {
  background: black;
}
/**
 *	=Global
 *	---------------------------------------------------------
 */

html,
button,
input,
select,
textarea {
  color: black;
}
body {
  color: black;
  font-family: 'geomanist_regularregular', Arial, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.2;
}
a {
  color: black;
  text-decoration: none;
}
::-ms-clear {
  width: 0;
  height: 0;
}
.container {
  margin: 0 auto;
}
.main {
  position: relative;
}
picture {
  display: block;
}
/**
 *	=Helper Classes
 *	---------------------------------------------------------
 */

.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  text-indent: -9999px;
}
.ir:before {
  content: "";
  display: block;
  height: 150%;
  width: 0;
}
.hidden {
  display: none !important;
  visibility: hidden;
  visibility: hidden !important;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.invisible {
  visibility: hidden;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.ie6 .clearfix,
.ie7 .clearfix {
  zoom: 1;
}
.no-wrap {
  white-space: nowrap;
}
.square {
  display: block;
  /* could be float */
  z-index: 2;
}
.sq-setter-w {
  width: 100%  !important;
  height: auto  !important;
  visibility: hidden  !important;
  display: block;
}
.expanded .sq-setter-w {
  display: none;
}
.sq-setter-h {
  width: auto  !important;
  height: 100%  !important;
  visibility: hidden  !important;
  display: block;
}
.sq-content {
  position: absolute  !important;
  z-index: 2 !important;
  top: 0  !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
}
#header {
  display: block;
  position: fixed;
  width: 100%;
  z-index: 20;
  padding: 15px;
}
#header .slider {
  height: 0;
  position: absolute;
  z-index: -1;
  top: 0;
  width: 100%;
}
#header .brand {
  float: left;
  height: 60px;
  overflow: hidden;
  text-indent: -9999px;
  width: 54px;
  position: relative;
  z-index: 9;
}
#header .brand h1 {
  margin: 0;
  padding: 0;
}
#header .brand img {
  display: block;
  float: left;
  height: auto;
  margin: 0 0 0 1px;
  width: 40px;
  -webkit-transition: -webkit-transform 1s ease-in-out;
  -moz-transition: -moz-transform 1s ease-in-out;
  -o-transition: -o-transform 1s ease-in-out;
  -ms-transition: -ms-transform 1s ease-in-out;
  transition: transform 1s ease-in-out;
}
#hero {
  padding-top: 71px;
  background-color: #2080b8;
}
#hero .heading {
  color: white;
  font-size: 34px;
  font-family: 'geomanistmedium', Arial, sans-serif;
  font-weight: 300;
  text-align: center;
  position: absolute;
  width: 100%;
  top: 20px;
  left: 0;
}
#hero .control {
  float: right;
  margin-top: 5px;
  overflow: hidden;
  height: auto;
  width: 100%;
}
#hero .control .prev,
#hero .control .next {
  background: url("/img/sprites/pager.png") 17px 13px no-repeat black;
  color: white;
  cursor: pointer;
  display: none;
  float: right;
  font-family: 'geomanist_regularregular', Arial, sans-serif;
  font-weight: 300;
  font-size: 1.125rem;
  height: 50px;
  max-width: 50px;
  overflow: hidden;
  padding-top: 15px;
  text-indent: 60px;
  text-transform: uppercase;
  white-space: nowrap;
  width: auto;
  -webkit-transition: background-color 200ms ease-in-out, color 200ms ease-in-out, max-width 500ms ease-in-out;
  -moz-transition: background-color 200ms ease-in-out, color 200ms ease-in-out, max-width 500ms ease-in-out;
  -o-transition: background-color 200ms ease-in-out, color 200ms ease-in-out, max-width 500ms ease-in-out;
  -ms-transition: background-color 200ms ease-in-out, color 200ms ease-in-out, max-width 500ms ease-in-out;
  transition: background-color 200ms ease-in-out, color 200ms ease-in-out, max-width 500ms ease-in-out;
}
#hero .control .prev:hover,
#hero .control .next:hover {
  background-color: white;
  background-position: 17px -37px;
  color: black;
  text-decoration: none;
}
#hero .control .next {
  background-position: 17px -87px;
  margin-left: 1px;
  text-align: right;
}
#hero .control .next:hover {
  background-position: right -137px;
}
#hero.about {
  background-position: center 50px;
  background-repeat: no-repeat;
  background-size: 600px auto;
  height: auto;
  min-height: 345px;
  overflow: hidden;
  padding-bottom: 0;
  padding-top: 270px;
  text-align: center;
  -ms-behavior: url(/css/backgroundsize.min.htc);
}
#hero.about .title {
  color: white;
  font-size: 24px;
  font-family: 'geomanistmedium', Arial, sans-serif;
  font-weight: 300;
  padding: 0 15px;
}
#hero.about .tag-line {
  height: 100px;
  margin: 0;
  text-align: left;
}
#hero.about .tag-line .icon {
  background: url('/img/sprites/tagline.png') no-repeat 30px 6px;
  float: left;
  height: 100px;
  margin-right: 10px;
  width: 100px;
}
#hero.about .tag-line .icon.icon-chart {
  background-position: 21px -84px;
}
#hero.about .tag-line .icon.icon-heart {
  background-position: 9px -183px;
}
#hero.about .tag-line .tagline {
  color: white;
  font-family: 'geomanistbold', Arial, sans-serif;
  font-size: -15.625rem;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  display: table-cell;
  vertical-align: middle;
  height: 100px;
}
#hero.about .awards {
  background-color: transparent;
  height: auto;
  padding-top: 0;
  margin-top: 30px;
}
#hero.about .awards .item {
  height: 70px;
  line-height: 70px;
}
#hero.about .awards .item img {
  max-width: 100%;
  max-height: 100%;
}
#navigation {
  color: white;
  float: right;
  position: absolute;
  text-align: right;
  overflow: hidden;
  width: 0;
  right: 0;
  top: 0;
  bottom: auto;
  padding-top: 65px;
  background: black;
  z-index: 8;
  opacity: 1;
  -webkit-transition: width 200ms ease-in-out, opacity 200ms ease-in-out, background 200ms ease-in-out;
  -moz-transition: width 200ms ease-in-out, opacity 200ms ease-in-out, background 200ms ease-in-out;
  -o-transition: width 200ms ease-in-out, opacity 200ms ease-in-out, background 200ms ease-in-out;
  -ms-transition: width 200ms ease-in-out, opacity 200ms ease-in-out, background 200ms ease-in-out;
  transition: width 200ms ease-in-out, opacity 200ms ease-in-out, background 200ms ease-in-out;
}
#navigation > ul {
  float: right;
  margin: 0;
  padding: 0;
  width: 100%;
}
#navigation > ul:before,
#navigation > ul:after {
  content: "";
  display: table;
}
#navigation > ul:after {
  clear: both;
}
.ie6 #navigation > ul,
.ie7 #navigation > ul {
  zoom: 1;
}
#navigation > ul > li {
  float: none;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}
#navigation > ul > li > a {
  color: white;
  display: inline-block;
  font-family: 'geomanistmedium', Arial, sans-serif;
  letter-spacing: 0.5px;
  font-size: 14px;
  padding: 16px 20px 15px 19px;
  position: relative;
  text-transform: uppercase;
  -webkit-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
  -moz-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
  -o-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
  -ms-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
  transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
}
#navigation > ul > li > a:hover {
  color: #71cff3;
  text-decoration: none;
}
#navigation > ul > li.suckerfish_current > a {
  background-color: white;
  color: black;
  cursor: default;
}
#navigation > ul > li ul {
  display: none;
}
#btn-mobile-menu {
  background: url("/img/icons/icon-menu-black.png") no-repeat center center;
  display: block;
  float: right;
  height: 31px;
  right: 0;
  margin: 15px;
  position: absolute;
  text-indent: -9999px;
  width: 46px;
  z-index: 10;
}
.is-sticky #btn-mobile-menu {
  background-image: url("/img/icons/icon-menu.png");
}
.main-menu-btn {
  display: block;
  float: right;
  padding: 11px 10px;
  cursor: pointer;
  width: 50px;
  height: 48px;
  background: black;
}
.main-menu-btn .btn-wrapper {
  position: relative;
  z-index: 9;
  display: block;
}
.main-menu-btn .btn-wrapper span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: white;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.main-menu-btn .btn-wrapper span:nth-child(1) {
  top: 0px;
}
.main-menu-btn .btn-wrapper span:nth-child(2) {
  top: 11px;
}
.main-menu-btn .btn-wrapper span:nth-child(3) {
  top: 22px;
}
.main-menu-btn.open .btn-wrapper span:nth-child(1) {
  top: 11px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.main-menu-btn.open .btn-wrapper span:nth-child(2) {
  opacity: 0;
  left: -60px;
}
.main-menu-btn.open .btn-wrapper span:nth-child(3) {
  top: 11px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
/**
 *	=Primary
 *	---------------------------------------------------------
 */

/**
 *	=Secondary
 *	---------------------------------------------------------
 */

/**
 *	=Tertiary
 *	---------------------------------------------------------
 */

/**
 *	=Footer
 *	---------------------------------------------------------
 */

#footer {
  padding-top: 30px;
  background-color: #2080b8;
}
#footer .offices {
  padding: 20px 20px 0;
}
#footer .offices ul li {
  padding: 0 0 5px 0;
  text-transform: uppercase;
}
#footer .offices ul li a {
  color: white;
}
#footer .offices ul li a:hover {
  color: #005a7c;
}
#footer .social {
  padding-top: 20px;
}
#footer .social ul {
  display: block;
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
}
#footer .social ul li {
  padding: 0 0 5px 0;
  display: inline-block;
  margin-right: 5px;
  text-align: left;
}
#footer .social ul li a {
  text-indent: -9999px;
  background: url('/img/sprites/social-icons.png') 0 0 no-repeat;
  display: block;
  width: 60px;
  height: 60px;
}
#footer .social ul li a.facebook {
  background-position: 23px -700px;
}
#footer .social ul li a.twitter {
  background-position: 17px -797px;
}
#footer .social ul li a.linkedin {
  background-position: 17px -900px;
}
#footer .social ul li a.google {
  background-position: 20px -997px;
}
#footer .social ul li a.youtube {
  background-position: -90px -700px;
}
#footer .copyright {
  color: #ace0f7;
  font-size: 0.75rem;
  padding-bottom: 15px;
  padding-top: 48px;
  text-align: left;
}
.home-hero {
  position: relative;
  width: 100%;
  transition: height 0.2s ease-in-out;
  -webkit-transition: height 0.2s ease-in-out;
  -moz-transition: height 0.2s ease-in-out;
}
.home-hero:before,
.home-hero:after {
  content: "";
  display: table;
}
.home-hero:after {
  clear: both;
}
.ie6 .home-hero,
.ie7 .home-hero {
  zoom: 1;
}
.home-hero .caroufredsel_wrapper {
  height: 100%!important;
  width: 100%!important;
}
.home-hero__carousel {
  height: 100%!important;
  width: 100%!important;
}
.home-hero__carousel:before,
.home-hero__carousel:after {
  content: "";
  display: table;
}
.home-hero__carousel:after {
  clear: both;
}
.ie6 .home-hero__carousel,
.ie7 .home-hero__carousel {
  zoom: 1;
}
.home-hero__item {
  width: 100%;
  height: 100%;
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: white;
}
.home-hero__wrapper {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  max-width: 1170px;
  padding: 60px 0 145px;
}
.home-hero__wrapper.top {
  top: 0;
  padding-top: 0;
}
.home-hero__img-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  text-align: center;
}
.home-hero__image {
  display: block;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  margin: 0 auto;
}
.home-hero__contents {
  position: absolute;
  bottom: 45px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  display: block;
  width: 100%;
  padding: 0 15px;
}
.home-hero__title {
  font-size: 34px;
  line-height: 1.15;
  letter-spacing: 2px;
  font-family: 'geomanistmedium', Arial, sans-serif;
  color: white;
  margin-bottom: 5px;
  text-align: center;
}
.home-hero__summary {
  font-size: 16px;
  font-family: 'geomanist_regularregular', Arial, sans-serif;
  color: white;
  line-height: 1.5;
  display: none;
  text-align: center;
}
.home-hero__play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-size: 0.9375rem;
  background: black url('/img/icons/play-white.png') center center no-repeat;
  cursor: pointer;
  display: inline-block;
  height: 4.25rem;
  width: 4.25rem;
  z-index: 10;
  -webkit-transition: background-color 200ms ease-in-out;
  -moz-transition: background-color 200ms ease-in-out;
  -o-transition: background-color 200ms ease-in-out;
  -ms-transition: background-color 200ms ease-in-out;
  transition: background-color 200ms ease-in-out;
}
.video-playing .home-hero__play-button {
  z-index: 8;
}
.home-hero__video {
  display: none;
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 9;
  width: 100%;
}
.home-hero__video-bg {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 8;
  background: rgba(0, 0, 0, 0.9);
}
.home-hero__pager {
  position: absolute;
  left: 50%;
  bottom: 10px;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: 9;
  width: 100%;
  text-align: center;
}
.home-hero__pager a {
  display: inline-block;
  margin-right: 10px;
  width: 10px;
  height: 10px;
  background: white;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.home-hero__pager a.selected {
  background: transparent;
  border: 1px solid white;
}
.home-hero__pager a span {
  display: none;
}
@media screen and (min-width: 460px) {
  .home-hero__contents {
    width: 100%;
    max-width: 600px;
  }
  .home-hero__summary {
    display: block;
  }
}
.dark #navigation > ul > li > a {
  color: #333333;
}
.dark #navigation > ul > li > a:hover,
.dark #navigation > ul > li > a:active {
  color: #71cff3;
}
.dark #navigation.open > ul > li > a {
  color: white;
}
.dark #navigation.open > ul > li > a:hover,
.dark #navigation.open > ul > li > a:active {
  color: #71cff3;
}
.dark .home-hero__title,
.dark .home-hero__summary {
  color: #333333;
}
.dark .home-hero__pager a {
  background: #333333;
}
.dark .home-hero__pager a.selected {
  background: transparent;
  border: 1px solid #333333;
}
/**
 *	=Buttons
 *	---------------------------------------------------------
 */

.button {
  background-color: black;
  color: white !important;
  cursor: pointer;
  font-family: 'geomanistmedium', Arial, sans-serif !important;
  font-size: 1.5rem;
  font-weight: 300 !important;
  padding: 19px 38px 17px;
  letter-spacing: 1px;
  display: inline-block;
  line-height: 27px;
  height: 61px;
  text-align: center;
  text-decoration: none !important;
  text-transform: uppercase;
  width: 100%;
  -webkit-transition: background-color ease-in 200ms, color ease-in 200ms;
  -moz-transition: background-color ease-in 200ms, color ease-in 200ms;
  -o-transition: background-color ease-in 200ms, color ease-in 200ms;
  -ms-transition: background-color ease-in 200ms, color ease-in 200ms;
  transition: background-color ease-in 200ms, color ease-in 200ms;
}
.button:hover {
  background-color: white;
  color: black !important;
}
.button.inverted {
  background-color: white;
  color: black !important;
}
.button.inverted:hover {
  background-color: black;
  color: white !important;
}
.button.red-hover:hover {
  background-color: #eb5554;
  color: white !important;
}
.section {
  background-color: white;
  color: black;
  float: left;
  height: auto;
  overflow: hidden;
  padding: 15px;
  position: relative;
  width: 100%;
}
.section p.intro {
  font-family: 'geomanist_regularregular', Arial, sans-serif;
  font-weight: 300;
  font-size: 25px;
}
.section h1,
.section h2,
.section h3,
.section h4,
.section h5,
.section h6,
.section strike {
  color: black;
}
.section a {
  color: #2080b8;
  font-family: 'geomanistmedium', Arial, sans-serif;
  font-weight: 300;
  text-decoration: none;
}
.section a:hover {
  color: #2080b8;
  text-decoration: underline;
}
.section.transparent {
  background-color: transparent;
}
.section.red {
  background-color: #eb5554;
}
.section.light-blue {
  background-color: #71cff3;
}
.section.blue {
  background-color: #005a7c;
}
.section.yellow {
  background-color: #ffdb2e;
}
.section.orange {
  background-color: #eb8256;
}
.section.turquoise {
  background-color: #55c4be;
}
.section.purple {
  background-color: #7e5088;
}
.section.green {
  background-color: #67b794;
}
.section.black {
  background-color: black;
}
.section.grey {
  background-color: #3c4049;
}
.section.light-grey {
  background-color: #414751;
}
.section.red,
.section.blue,
.section.purple,
.section.turquoise,
.section.yellow,
.section.light-blue,
.section.orange,
.section.green {
  color: white;
}
.section.red h1,
.section.blue h1,
.section.purple h1,
.section.turquoise h1,
.section.yellow h1,
.section.light-blue h1,
.section.orange h1,
.section.green h1,
.section.red h2,
.section.blue h2,
.section.purple h2,
.section.turquoise h2,
.section.yellow h2,
.section.light-blue h2,
.section.orange h2,
.section.green h2,
.section.red h3,
.section.blue h3,
.section.purple h3,
.section.turquoise h3,
.section.yellow h3,
.section.light-blue h3,
.section.orange h3,
.section.green h3,
.section.red h4,
.section.blue h4,
.section.purple h4,
.section.turquoise h4,
.section.yellow h4,
.section.light-blue h4,
.section.orange h4,
.section.green h4,
.section.red h5,
.section.blue h5,
.section.purple h5,
.section.turquoise h5,
.section.yellow h5,
.section.light-blue h5,
.section.orange h5,
.section.green h5,
.section.red h6,
.section.blue h6,
.section.purple h6,
.section.turquoise h6,
.section.yellow h6,
.section.light-blue h6,
.section.orange h6,
.section.green h6,
.section.red strike,
.section.blue strike,
.section.purple strike,
.section.turquoise strike,
.section.yellow strike,
.section.light-blue strike,
.section.orange strike,
.section.green strike {
  color: white;
}
.section.red a:hover,
.section.blue a:hover,
.section.purple a:hover,
.section.turquoise a:hover,
.section.yellow a:hover,
.section.light-blue a:hover,
.section.orange a:hover,
.section.green a:hover {
  color: white;
}
.section.red .contact-methods a,
.section.blue .contact-methods a,
.section.purple .contact-methods a,
.section.turquoise .contact-methods a,
.section.yellow .contact-methods a,
.section.light-blue .contact-methods a,
.section.orange .contact-methods a,
.section.green .contact-methods a {
  color: black;
}
.section.red .contact-methods a:hover,
.section.blue .contact-methods a:hover,
.section.purple .contact-methods a:hover,
.section.turquoise .contact-methods a:hover,
.section.yellow .contact-methods a:hover,
.section.light-blue .contact-methods a:hover,
.section.orange .contact-methods a:hover,
.section.green .contact-methods a:hover {
  color: white;
}
.section.red .contact-methods .phone a:hover,
.section.blue .contact-methods .phone a:hover,
.section.purple .contact-methods .phone a:hover,
.section.turquoise .contact-methods .phone a:hover,
.section.yellow .contact-methods .phone a:hover,
.section.light-blue .contact-methods .phone a:hover,
.section.orange .contact-methods .phone a:hover,
.section.green .contact-methods .phone a:hover {
  background-position: 0 -200px;
}
.section.red .contact-methods .email a:hover,
.section.blue .contact-methods .email a:hover,
.section.purple .contact-methods .email a:hover,
.section.turquoise .contact-methods .email a:hover,
.section.yellow .contact-methods .email a:hover,
.section.light-blue .contact-methods .email a:hover,
.section.orange .contact-methods .email a:hover,
.section.green .contact-methods .email a:hover {
  background-position: 0 -300px;
}
.section.grey,
.section.light-grey {
  color: white;
}
.section.grey h1,
.section.light-grey h1,
.section.grey h2,
.section.light-grey h2,
.section.grey h3,
.section.light-grey h3,
.section.grey h4,
.section.light-grey h4,
.section.grey h5,
.section.light-grey h5,
.section.grey h6,
.section.light-grey h6,
.section.grey strike,
.section.light-grey strike {
  color: white;
}
.section.grey a,
.section.light-grey a {
  color: white;
}
.section.grey a:hover,
.section.light-grey a:hover {
  color: white;
}
.section.grey .contact-methods .phone a,
.section.light-grey .contact-methods .phone a {
  background-position: 0 -200px;
  color: white;
}
.section.grey .contact-methods .phone a:hover,
.section.light-grey .contact-methods .phone a:hover {
  background-position: 0 -200px;
  color: white;
}
.section.grey .contact-methods .email a,
.section.light-grey .contact-methods .email a {
  background-position: 0 -300px;
  color: white;
}
.section.grey .contact-methods .email a:hover,
.section.light-grey .contact-methods .email a:hover {
  background-position: 0 -300px;
  color: white;
}
.section.grey .arrow-link,
.section.light-grey .arrow-link {
  background-position: 0 -96px;
}
.section.black {
  color: white;
}
.section.black h1,
.section.black h2,
.section.black h3,
.section.black h4,
.section.black h5,
.section.black h6,
.section.black strike {
  color: white;
}
.section.black a {
  color: #eb5554;
}
.section.black a:hover {
  color: #005a7c;
}
.section.black .contact-methods .phone a {
  background-position: 0 -200px;
  color: white;
}
.section.black .contact-methods .phone a:hover {
  background-position: 0 -400px;
  color: #eb5554;
}
.section.black .contact-methods .email a {
  background-position: 0 -300px;
  color: white;
}
.section.black .contact-methods .email a:hover {
  background-position: 0 -500px;
  color: #eb5554;
}
.section.full {
  width: 100%;
}
.section.tall {
  height: auto;
}
.section.detailed {
  height: auto;
  padding: 0;
  width: 100%;
}
.section.detailed .showhide {
  display: none;
  max-height: 1px;
  overflow: hidden;
}
.section.detailed .section + .section + .showhide {
  padding-top: 0;
}
.section.detailed .map,
.section.detailed .section + .section + .map.showhide {
  padding: 0 20px 20px 20px;
}
.section.detailed .map .btn-close,
.section.detailed .section + .section + .map.showhide .btn-close {
  background-color: #414751;
  margin: 20px 20px 0 0;
  position: absolute;
  right: 15px;
}
.section.detailed .map .google-map,
.section.detailed .section + .section + .map.showhide .google-map {
  height: 300px;
}
.section.detailed .equals {
  background: url("/img/icons/icon-equals.png") center center no-repeat;
  float: left;
  height: 30px;
  margin-bottom: 15px;
  width: 100%;
}
.section.detailed .btn-close {
  background-image: url("/img/icons/btn-close.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 37px auto;
  cursor: pointer;
  display: none;
  float: right;
  height: 55px;
  text-indent: -9999px;
  width: 55px;
  z-index: 5;
}
.section.square > img {
  display: none;
}
.section.square .sq-content {
  position: static !important;
}
.section.picture {
  padding: 0;
}
.section.picture img {
  display: block;
  max-width: 100%;
  width: 100%;
}
.section.call-to-action {
  cursor: pointer;
  font-family: 'geomanistmedium', Arial, sans-serif;
  font-size: 1.625rem;
  font-weight: 300;
  letter-spacing: 1px;
  padding-bottom: 40px;
  padding-top: 36px;
  text-align: center;
  margin-top: 1px;
}
.section.call-to-action a {
  display: inline-block;
}
.section.call-to-action:hover a {
  color: #2080b8;
  text-decoration: none;
}
.section.right {
  float: right;
}
.section.grid {
  padding: 0;
}
.section.social {
  height: 69px;
  overflow: visible;
  padding-bottom: 0;
  padding-top: 20px;
  z-index: 5;
  margin-top: -85px;
  background: transparent;
  padding-right: 15px;
}
.section.social .addthis_toolbox {
  float: right;
  overflow: visible;
}
.section.social .addthis_toolbox ul {
  display: block;
  float: right;
  margin: 0;
  padding: 0;
  text-align: right;
  width: 200px;
}
.section.social .addthis_toolbox ul li {
  background-image: none;
  display: inline-block;
  list-style: none;
  margin: 0 0 0 2px;
  padding: 0;
  text-align: left;
}
.section.social .addthis_toolbox ul li a {
  background: url('/img/sprites/social-icons.png') 0 0 no-repeat;
  display: block;
  height: 50px;
  text-indent: -9999px;
  width: 50px;
}
.section.social .addthis_toolbox ul li a.addthis_button_facebook {
  background-position: 0 -400px;
}
.section.social .addthis_toolbox ul li a.addthis_button_facebook:hover {
  background-position: -100px -400px;
}
.section.social .addthis_toolbox ul li a.addthis_button_twitter {
  background-position: 0 -500px;
}
.section.social .addthis_toolbox ul li a.addthis_button_twitter:hover {
  background-position: -100px -500px;
}
.section.social .addthis_toolbox ul li a.addthis_button_linkedin {
  background-position: 0 -600px;
}
.section.social .addthis_toolbox ul li a.addthis_button_linkedin:hover {
  background-position: -100px -600px;
}
.section.social .addthis_toolbox ul li a span {
  display: none !important;
}
.section.vertical-center {
  display: table;
  padding: 40px 20px;
  text-align: center;
}
.section.vertical-center.picture {
  padding: 0;
}
.section.vertical-center .vertical-center-content {
  display: table-cell;
  vertical-align: middle;
}
.section.vertical-center h3 {
  margin: 0;
}
.section .title {
  background-color: white;
  bottom: 10px;
  color: black !important;
  font-family: 'geomanistbold', Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 300;
  padding: 20px 30px 14px 30px;
  position: absolute;
}
.section .heading {
  font-family: 'geomanistmedium', Arial, sans-serif;
  font-weight: 300;
  font-size: -4.6875rem;
  padding-bottom: 0;
  padding-top: 53px;
  text-align: center;
  width: 100%;
}
.section .section-title {
  font-family: 'geomanistmedium', Arial, sans-serif;
  font-size: 2.3125rem;
  font-weight: 300;
  letter-spacing: 1px;
  margin-bottom: 25px;
}
.section .section-title .notes {
  display: inline-block;
  font-family: 'geomanist_regularregular', Arial, sans-serif;
  font-size: 18px;
  padding-left: 10px;
  text-transform: none;
}
.section .arrow-link {
  background: url('/img/sprites/bullet-arrow.png') 0 4px no-repeat;
  list-style: none;
  padding-left: 20px;
}
.section .arrow-link:hover {
  color: white;
  background-position: 0 -96px;
}
.section .address {
  font-size: 30px;
  letter-spacing: 1px;
  line-height: 38px;
  margin-bottom: 34px;
  margin-top: -8px;
}
.section .contact-methods {
  padding: 0;
  margin: 0;
}
.section .contact-methods .phone,
.section .contact-methods .email {
  list-style: none;
  margin: 0 0 17px 0;
  padding: 0;
}
.section .contact-methods .phone a,
.section .contact-methods .email a {
  background: url("/img/sprites/contact-icons.png") 0 0 no-repeat;
  display: block;
  font-family: 'geomanistmedium', Arial, sans-serif;
  font-size: 19px;
  margin: 0;
  overflow: hidden;
  padding: 14px 0 12px 52px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.section .contact-methods .phone a:hover,
.section .contact-methods .email a:hover {
  background-position: 0 -400px;
}
.section .contact-methods .phone a {
  font-size: 1.5rem;
}
.section .contact-methods .email a {
  background-position: 0 -100px;
}
.section .contact-methods .email a:hover {
  background-position: 0 -500px;
}
.section .twin-child .section {
  padding: 0;
}
.section .twin-child .section + .section {
  padding-top: 15px;
}
.section .clear-box {
  clear: both;
}
.section .list-table {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
}
.section .list-table li {
  background: none;
  display: block;
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
  font-size: inherit;
}
.section .list-table li.space {
  height: 1px;
  margin-bottom: 0;
}
.section .list-table li span {
  display: block;
  line-height: 1.1;
  padding: 30px 0 30px 110px;
  vertical-align: middle;
}
.section .list-table li span.people {
  background: url("/img/icons/icon-people.png") left center no-repeat;
}
.section .list-table li span.eye {
  background: url("/img/icons/icon-eye.png") left center no-repeat;
}
.section .list-table li span.connect {
  background: url("/img/icons/icon-connect.png") left center no-repeat;
}
.section .list-table li span.smiley {
  background: url("/img/icons/icon-smiley.png") left center no-repeat;
}
.section .news-box {
  background-color: white;
  border: 1px solid #f5f3f0;
  cursor: pointer;
  padding: 15px;
  -webkit-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
  -moz-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
  -o-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
  -ms-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
  transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
}
.section .news-box:hover {
  background-color: #eb5554;
  border-color: #eb5554;
  color: white;
}
.section .news-box:hover .headline {
  color: white;
}
.section .news-box:nth-child(n+2) {
  border-top: 1px solid #f5f3f0;
}
.section .news-box .image-box img {
  margin-bottom: 10px;
  max-width: 100%;
  width: 100%;
  -webkit-transition: -webkit-transform 200ms ease-in-out;
  -moz-transition: -moz-transform 200ms ease-in-out;
  -o-transition: -o-transform 200ms ease-in-out;
  transition: transform 200ms ease-in-out;
}
.section .news-box .content-box {
  font-size: 1.25rem;
  padding: 0;
}
.section .news-box .content-box .headline {
  font-family: 'geomanistmedium', Arial, sans-serif;
  font-size: 1.875rem;
  text-transform: none;
}
.section .tab-link {
  background-color: #2080b8;
  float: left;
  height: 100px;
  margin: 0 0 1px 0;
  width: 100%;
  -webkit-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
  -moz-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
  -o-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
  -ms-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
  transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
}
.section .tab-link:hover {
  cursor: pointer;
  background-color: #005a7c;
}
.section .tab-link .icon {
  background: url('/img/sprites/tab-icons.png') no-repeat 15px 8px;
  float: left;
  height: 50px;
  margin: 25px 15px 25px 0;
  width: 80px;
}
.section .tab-link .icon.icon-link {
  background-position: 13px -499px;
}
.section .tab-link .icon.icon-people {
  background-position: 12px -393px;
}
.section .tab-link .icon.icon-film {
  background-position: 16px -292px;
}
.section .tab-link .icon.icon-cog {
  background-position: 18px -198px;
}
.section .tab-link .icon.icon-bow {
  background-position: 19px -97px;
}
.section .tab-link .tab-header {
  display: table-cell;
  height: 100px;
  line-height: 1.1875rem;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
.section .tab-link .tab-header a {
  color: white;
  font-family: 'geomanistmedium', Arial, sans-serif;
  font-size: 1.1875rem;
  font-weight: 300;
  line-height: 1.1875rem;
}
.section .tab-link .tab-header a:hover {
  text-decoration: none;
}
.section .anchor {
  display: block;
  position: relative;
  top: -60px;
  visibility: hidden;
}
/**
 *	=Breadcrumbs
 *	---------------------------------------------------------
 */

.breadcrumbs {
  color: black;
  font-size: 14px;
  margin: 0 0 15px 0;
}
.breadcrumbs > li {
  display: inline-block;
}
.breadcrumbs > li + li:before {
  color: black;
  content: "/ ";
  padding: 0 6px;
}
.breadcrumbs > li a {
  color: black;
  text-decoration: none;
}
.breadcrumbs > li a:hover {
  text-decoration: underline;
}
/**
 *	=Listings
 *	---------------------------------------------------------
 */

.listing .item {
  background-image: none;
  list-style: none;
}
.listing .item:before,
.listing .item:after {
  content: "";
  display: table;
}
.listing .item:after {
  clear: both;
}
.ie6 .listing .item,
.ie7 .listing .item {
  zoom: 1;
}
.listing.icons {
  padding: 0;
  margin: 0;
  overflow: hidden;
  width: 100%;
}
.listing.icons .item {
  display: block;
  float: left;
  margin: 0;
  padding: 5px;
  width: 50%;
  min-height: 100px;
  line-height: 150px;
  text-align: center;
}
.listing.icons .item img {
  max-width: 164px;
  max-height: 150px;
  vertical-align: middle;
}
.listing.icons .item img.beyondblue {
  max-height: 100px;
}
.listing.icons .item img.mirvac {
  max-width: 140px;
}
.listing.icons .item img.gjgardner {
  max-width: 184px;
}
.listing.icons .woolies img {
  max-width: 184px;
}
/**
 *	=Forms
 *	---------------------------------------------------------
 */

.cmsform {
  clear: both;
  overflow: hidden;
}
.cmsform .field_contain {
  clear: both;
  float: left;
  margin-bottom: 20px;
  width: 100%;
}
.cmsform .field_contain.right {
  float: right;
  margin-left: 0px;
}
.cmsform .field_name {
  float: left;
  font-size: 1.125rem;
  margin: 0 0 10px;
  padding: 0;
  text-align: left;
  width: 100%;
}
.cmsform .field_name label {
  display: block;
  float: left;
  width: auto;
}
.cmsform .field_input {
  float: left;
  margin: 0;
  padding: 0;
  width: 100%;
}
.cmsform .field_input .option_contain {
  width: 100%;
}
.cmsform .field_input .option_contain .radio_item {
  margin-bottom: 5px;
  width: 100%;
}
.cmsform .field_input .option_contain .radio_item span {
  padding-left: 5px;
}
.cmsform input[type="text"],
.cmsform input[type="password"],
.cmsform input[type="email"],
.cmsform textarea,
.cmsform select {
  background-color: #e4e5e9;
  border: none;
  color: black;
  float: left;
  height: 50px;
  margin-right: 5px;
  margin: 0;
  padding: 9px 12px;
  width: 100%;
}
.cmsform select {
  padding: 13px 12px;
}
.cmsform textarea {
  height: 161px;
}
.cmsform input[type="checkbox"],
.cmsform input[type="radio"] {
  margin-right: 5px;
}
.cmsform input[type="submit"] {
  background-color: black;
  color: white !important;
  cursor: pointer;
  font-family: 'geomanistmedium', Arial, sans-serif !important;
  font-size: 1.5rem;
  font-weight: 300 !important;
  padding: 19px 38px 17px;
  letter-spacing: 1px;
  display: inline-block;
  line-height: 27px;
  height: 61px;
  text-align: center;
  text-decoration: none !important;
  text-transform: uppercase;
  width: 100%;
  -webkit-transition: background-color ease-in 200ms, color ease-in 200ms;
  -moz-transition: background-color ease-in 200ms, color ease-in 200ms;
  -o-transition: background-color ease-in 200ms, color ease-in 200ms;
  -ms-transition: background-color ease-in 200ms, color ease-in 200ms;
  transition: background-color ease-in 200ms, color ease-in 200ms;
  border: none;
}
.cmsform input[type="submit"]:hover {
  background-color: white;
  color: black !important;
}
.cmsform input[type="submit"].inverted {
  background-color: white;
  color: black !important;
}
.cmsform input[type="submit"].inverted:hover {
  background-color: black;
  color: white !important;
}
.cmsform input[type="submit"].red-hover:hover {
  background-color: #eb5554;
  color: white !important;
}
.cmsform .form_submit {
  padding-left: 0;
}
.cmsform .captureform2 > .field_name,
.cmsform .security_row > .field_name {
  clear: both;
  width: 100%;
}
.cmsform .captureform2 > .field_name.no-clear,
.cmsform .security_row > .field_name.no-clear {
  clear: none;
}
.cmsform .captureform2 > .field_input,
.cmsform .security_row > .field_input {
  clear: both;
  width: 100%;
}
.cmsform .captureform2 > .field_input.no-clear,
.cmsform .security_row > .field_input.no-clear {
  clear: none;
}
.cmsform .captureform2 > .field_input img,
.cmsform .security_row > .field_input img {
  display: block;
  height: 50px;
  margin-bottom: 5px;
  filter: url(/css/filters.svg#grayscale);
  /* Firefox 3.5+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(1);
  /* Google Chrome, Safari 6+ & Opera 15+ */

}
.cmsform .supporting {
  color: #e4e5e9;
  padding-left: 0;
}
.carousel-container {
  position: relative;
}
.carousel-container > .carousel li + li {
  display: none;
}
.guide .carousel {
  margin: 0;
  padding: 0;
}
.guide .carousel li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.carousel li {
  float: left;
  list-style: none;
  position: relative;
}
.carousel li .container {
  position: relative;
}
.carousel li .title {
  font-family: 'geomanistbold', Arial, sans-serif;
  font-weight: 300;
  text-transform: uppercase;
}
.carousel li .title .large {
  font-size: 2.875rem;
  line-height: 3.45rem;
}
.carousel li .title .small {
  font-size: 2.25rem;
  line-height: 2.7rem;
}
.carousel li .img-responsive {
  width: 100%;
}
.carousel-pager {
  position: absolute;
  left: 50%;
  bottom: 15px;
}
.carousel-pager a {
  background: url('/img/sprites/carousel-pager.png') no-repeat;
  background-position: -21px 0;
  height: 14px;
  width: 14px;
  display: inline-block;
  text-indent: -9999px;
}
.carousel-pager a.selected {
  background-position: 0 0;
}
.carousel-pager a:first-child {
  margin-left: -50%;
}
.carousel-pager a + a {
  margin-left: 5px;
}
/**
 * Hai, my name is Boxxy
 *
 * This file affects all instances of Boxxy. e.g Homepage and Portfolio page.
 */

.mobile-filter {
  background-color: black;
  color: white;
  display: block;
  font-family: 'geomanistmedium', Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 300;
  height: 4.0625rem;
  line-height: 4.375rem;
  text-decoration: none;
  text-transform: uppercase;
  padding-left: 25px;
  width: 100%;
  position: relative;
  -webkit-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
  -moz-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
  -o-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
  -ms-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
  transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
}
.mobile-filter:hover {
  background-color: white;
  color: black;
  text-decoration: none;
}
.mobile-filter:hover:after {
  border-top-color: black;
}
.mobile-filter:after {
  position: absolute;
  margin-left: 10px;
  top: 50%;
  right: 25px;
  margin-top: -3px;
  content: "";
  width: 0;
  height: 0;
  border-top: 6px solid white;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}
/**
 * Boxxy Filter Controls
 */

.boxxy-filter {
  background-color: black;
  clear: both;
  height: auto;
  margin: 0;
  max-height: 0;
  overflow: hidden;
  padding: 0;
  -webkit-transition: max-height 200ms ease-in-out;
  -moz-transition: max-height 200ms ease-in-out;
  -o-transition: max-height 200ms ease-in-out;
  -ms-transition: max-height 200ms ease-in-out;
  transition: max-height 200ms ease-in-out;
}
.boxxy-filter.showing {
  max-height: 400px;
}
.boxxy-filter li {
  background: black;
  color: white;
  cursor: pointer;
  float: left;
  font-family: 'geomanistmedium', Arial, sans-serif;
  font-size: 14px;
  height: auto;
  line-height: 16px;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 17px 20px 15px 19px;
  text-align: center;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  white-space: nowrap;
  -webkit-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
  -moz-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
  -o-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
  -ms-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
  transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
}
.boxxy-filter li:hover,
.boxxy-filter li.selected {
  color: black;
  background: white;
}
/**
 * Boxxy herself
 */

.boxxy {
  overflow: hidden;
}
.boxxy .item {
  color: white;
  cursor: pointer;
  font-family: 'geomanist_regularregular', Arial, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.2rem;
  min-height: 160px;
  overflow: hidden;
  padding: 0;
  /**
		 * Resets for bootstrap .col-xx-n classes
		 */

  /**
		 * Resets for bootstrap .row classes
		 */

  /**
		 * Background colours
		 */

  /**
		 * Little black tag
		 */

  /**
		 * Panel shown when Item is not expanded
		 */

  /**
		 * Details panel is only shown when an Item is expanded
		 */

  /**
		 * An Item that is expandable
		 */

  /**
		 * An Item that has been expanded
		 */

  /**
		 * iPad styling
		 */

  /**
		 * Specific Items
		 */

}
.boxxy .item *[class^='col-'],
.boxxy .item *[class*=' col-'] {
  padding-left: 10px;
  padding-right: 10px;
}
.boxxy .item *[class~='row'] {
  margin-left: -10px;
  margin-right: -10px;
}
.boxxy .item.bg-black {
  background-color: black;
  color: white;
}
.boxxy .item.bg-blue {
  background-color: #2080b8;
}
.boxxy .item.bg-dark-blue {
  background-color: #005a7c;
}
.boxxy .item.bg-green {
  background-color: #67b794;
}
.boxxy .item.bg-grey {
  background-color: #3c4049;
}
.boxxy .item.bg-light-blue {
  background-color: #71cff3;
}
.boxxy .item.bg-purple {
  background-color: #7e5088;
}
.boxxy .item.bg-orange {
  background-color: #eb8256;
}
.boxxy .item.bg-red {
  background-color: #eb5554;
}
.boxxy .item.bg-turquoise {
  background-color: #55c4be;
}
.boxxy .item.bg-white,
.boxxy .item.bg-yellow {
  background-color: white;
  color: black;
}
.boxxy .item.bg-white .details .close,
.boxxy .item.bg-yellow .details .close {
  background-image: url('/img/icons/boxxy-close-black.png');
}
.boxxy .item.bg-yellow {
  background-color: #ffdb2e;
}
.boxxy .item .tag {
  background: black;
  color: white;
  display: inline-block;
  font-family: 'geomanist_regularregular', Arial, sans-serif;
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 0.75rem;
  letter-spacing: 0.5px;
  margin: 0;
  padding: 9px 13px;
  text-transform: uppercase;
}
.boxxy .item .title {
  font-family: 'geomanistmedium', Arial, sans-serif;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 1.8rem;
  margin-bottom: 12px;
  margin-top: 17px;
  text-transform: uppercase;
}
.boxxy .item .summary {
  margin-top: 12px;
}
.boxxy .item .image-wrapper {
  padding-top: 10px;
  text-align: center;
}
.boxxy .item .image-wrapper .img-responsive {
  display: inline-block;
  width: 100%;
}
.boxxy .item .panel {
  min-height: 160px;
  padding: 10px;
  position: relative;
  background-size: cover;
}
.boxxy .item .details {
  padding: 10px;
  position: relative;
  display: none;
}
.boxxy .item .details .title {
  padding-right: 50px;
}
.boxxy .item .details .button {
  margin-top: 10px;
}
.boxxy .item .details .close {
  background: url('/img/icons/boxxy-close-white.png') right top no-repeat;
  width: 37px;
  height: 37px;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.boxxy .item .summary {
  background: url('/img/backgrounds/translucent-black.png');
  color: white;
  font-family: 'geomanist_regularregular', Arial, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  left: 0;
  line-height: 1.1rem;
  margin: 10px;
  opacity: 0;
  padding: 10px;
  position: absolute;
  top: 0;
  box-sizing: border-box;
  -webkit-transition: opacity 200ms ease-in-out;
  -moz-transition: opacity 200ms ease-in-out;
  -o-transition: opacity 200ms ease-in-out;
  -ms-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out;
}
.boxxy .item.about-us .summary {
  top: auto;
  bottom: 0;
}
.boxxy .item .tag {
  -webkit-transition: opacity 200ms ease-in-out;
  -moz-transition: opacity 200ms ease-in-out;
  -o-transition: opacity 200ms ease-in-out;
  -ms-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out;
}
.boxxy .item:hover .tag {
  opacity: 0;
}
.boxxy .item:hover .summary {
  opacity: 1;
}
.boxxy .item.text-content .title {
  font-size: 1.09375rem;
  line-height: 1.2;
  margin-bottom: 0.3125rem;
  margin-top: 0;
  padding-right: 10px;
}
.boxxy .item.text-content .title:hover,
.boxxy .item.text-content .title:active {
  color: #2080b8;
}
.boxxy .item.text-content p {
  font-size: 1.03125rem;
  margin-bottom: 0;
}
.boxxy .item.text-content .col-xs-6 {
  padding: 15px;
}
.boxxy .item.text-content .image-wrapper {
  padding: 0;
}
.boxxy .item.text-content .panel {
  padding: 0;
}
.boxxy .item.red-hover {
  -webkit-transition: background-color 200ms ease-in-out;
  -moz-transition: background-color 200ms ease-in-out;
  -o-transition: background-color 200ms ease-in-out;
  -ms-transition: background-color 200ms ease-in-out;
  transition: background-color 200ms ease-in-out;
}
.boxxy .item.red-hover:hover {
  background-color: #eb5554;
  color: white;
}
.boxxy .item.red-hover:hover .title {
  color: white;
}
.boxxy .item.expandable .panel {
  cursor: pointer;
}
.boxxy .item.expanded {
  background-color: #414751;
  color: white;
  width: 100%;
}
.boxxy .item.expanded .details .close {
  background: url('/img/icons/boxxy-close-white.png') right top no-repeat;
}
.boxxy .item.expanded .summary {
  display: none;
}
.boxxy .item.expanded .panel {
  cursor: default;
}
.boxxy .item.expanded .panel .tag {
  display: none;
}
.boxxy .item.expanded .details {
  cursor: default;
  display: block;
  z-index: 5;
  background-color: black;
  opacity: 0.8;
}
.boxxy .item.ipad .panel {
  background-image: url('/img/backgrounds/ipad-landscape.png');
  background-position: center center;
  background-repeat: no-repeat;
}
.boxxy .item.ipad .panel .screen {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 40%;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -32.5%;
  margin-top: -20%;
  width: 65%;
}
.boxxy .item.supanews .panel {
  background-image: url('/img/backgrounds/boxxy-supanews.png');
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: auto 90%;
}
.boxxy .item.royal-childrens .panel {
  background-image: url('/img/backgrounds/boxxy-royal-childrens.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.boxxy .item.royal-childrens.expanded .panel {
  background-clip: content-box;
}
.boxxy .item.careflight .panel {
  background-image: url('/img/backgrounds/boxxy-careflight.png');
  background-position: right bottom;
  background-repeat: no-repeat;
}
.boxxy .item.retail-fm .panel {
  background-size: 80%;
}
.boxxy .item.retail-fm .panel .screen {
  background-image: url('/img/backgrounds/boxxy-retail-fm.png');
  -webkit-animation: retail-fm-screen-scroll 60s ease-in-out infinite;
  /* Safari 4+ */
  -moz-animation: retail-fm-screen-scroll 60s ease-in-out infinite;
  /* Fx 5+ */
  -o-animation: retail-fm-screen-scroll 60s ease-in-out infinite;
  /* Opera 12+ */
  animation: retail-fm-screen-scroll 60s ease-in-out infinite;
  /* IE 10+ */

}
.boxxy .item.brightlabs {
  overflow: hidden;
}
.boxxy .item.brightlabs img {
  width: 94%;
}
.boxxy .item.gj-gardener .panel {
  background: url('/img/backgrounds/boxxy-gj-gardener.png') center center no-repeat;
  background-size: cover;
}
.boxxy .item.gj-gardener.expanded .panel {
  background-clip: content-box;
}
.boxxy .item.about-us {
  background: url('/img/backgrounds/boxxy-about-us.png') center center no-repeat;
  background-size: cover;
}
.boxxy .item.about-us .tag {
  background: white;
  bottom: 10px;
  color: black;
  font-family: 'geomanistbold', Arial, sans-serif;
  font-size: 2.25rem;
  font-weight: 300;
  left: 10px;
  line-height: 2.7rem;
  padding: 1.1875rem 1.875rem 1rem 1.875rem;
  position: absolute;
}
.boxxy .item.korowa .panel {
  background: url('/img/backgrounds/boxxy-korowa.png') center center no-repeat;
  background-size: auto 80%;
}
.boxxy .item.legacy-games .panel {
  background: url('/img/backgrounds/boxxy-legacy-games.png') center center no-repeat;
  background-size: cover;
}
.boxxy .item.legacy-games.expanded .panel {
  background-clip: content-box;
}
.boxxy .item.great-whites .panel {
  background: url('/img/backgrounds/boxxy-great-whites.png') left center no-repeat;
  background-size: 90%;
}
.boxxy .item.eagle-boys .panel {
  background: url('/img/backgrounds/boxxy-eagle-boys.png') center center no-repeat;
  background-size: 80%;
}
.boxxy .item.wow .panel {
  background: url('/img/backgrounds/boxxy-wow.png') center center no-repeat;
  background-size: cover;
}
.boxxy .item.wow.expanded .panel {
  background-clip: content-box;
}
.boxxy .item.fsssc .panel {
  background: url('/img/backgrounds/boxxy-fsssc.png') center center no-repeat;
  background-size: cover;
}
.boxxy .item.fsssc.expanded .panel {
  background-clip: content-box;
}
.boxxy .item.cancer-council .panel {
  background: url('/img/backgrounds/boxxy-cancer-council.png') center center no-repeat;
  background-size: cover;
}
.boxxy .item.cancer-council.expanded .panel {
  background-clip: content-box;
}
.boxxy .item.hammerheads .panel {
  background-image: url('/img/backgrounds/boxxy-hammerheads.png');
  background-size: cover;
}
.boxxy .item.hammerheads.expanded .panel {
  background-clip: content-box;
}
/**
 * Animation Frames
 */

#boxxy-anim .retail-fm .frame-10 {
  background-position: center top;
}
#boxxy-anim .retail-fm .frame-20 {
  background-position: center bottom;
}
/**
 * Retail FM Scroll Animation
 */

@-webkit-keyframes retail-fm-screen-scroll {
  0% {
    background-position: center top;
  }
  10% {
    background-position: center top;
  }
  95% {
    background-position: center bottom;
  }
}
@-moz-keyframes retail-fm-screen-scroll {
  0% {
    background-position: center top;
  }
  10% {
    background-position: center top;
  }
  95% {
    background-position: center bottom;
  }
}
@-ms-keyframes retail-fm-screen-scroll {
  0% {
    background-position: center top;
  }
  10% {
    background-position: center top;
  }
  95% {
    background-position: center bottom;
  }
}
@-o-keyframes retail-fm-screen-scroll {
  0% {
    background-position: center top;
  }
  10% {
    background-position: center top;
  }
  95% {
    background-position: center bottom;
  }
}
@keyframes retail-fm-screen-scroll {
  0% {
    background-position: center top;
  }
  10% {
    background-position: center top;
  }
  95% {
    background-position: center bottom;
  }
}
/**
 *	=Site Messages
 *	---------------------------------------------------------
 */

.guide .site-messages,
.site-messages {
  margin: 0;
  background: white;
}
.guide .site-messages li,
.site-messages li {
  margin: 0;
  list-style: none;
  padding: 10px 15px;
}
.guide .site-messages li + li,
.site-messages li + li {
  border-top: 1px solid #f5f3f0;
}
.guide .site-messages .error,
.site-messages .error {
  color: white;
  background: #eb5554;
  border-color: #e94746;
}
.guide .site-messages .success,
.site-messages .success {
  color: white;
  background: #67b794;
  border-color: #59b08a;
}
#car-anim {
  height: 95px;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
#car-anim .push {
  position: absolute;
  left: 50%;
  height: 95px;
  width: 100%;
}
#car-anim .pull {
  position: relative;
  margin-left: -50%;
  height: 95px;
  overflow: hidden;
  width: 100%;
}
#car-anim .clouds-1 {
  background: url('/img/portfolio/vnet/anim/clouds-2.png') no-repeat 0 0;
  height: 34px;
  position: absolute;
  right: -260px;
  top: 0;
  width: 260px;
  -webkit-animation: clouds-1 40s linear infinite;
  /* Safari 4+ */
  -moz-animation: clouds-1 40s linear infinite;
  /* Fx 5+ */
  -o-animation: clouds-1 40s linear infinite;
  /* Opera 12+ */
  animation: clouds-1 40s linear infinite;
  /* IE 10+ */

}
#car-anim .clouds-1 .frame-0 {
  right: -260px;
}
#car-anim .clouds-1 .frame-100 {
  right: 100%;
}
#car-anim .clouds-2 {
  background: url('/img/portfolio/vnet/anim/clouds-1.png') no-repeat 0 0;
  height: 37px;
  position: absolute;
  right: -65px;
  top: 0;
  width: 65px;
  -webkit-animation: clouds-2 25s linear 20s infinite;
  /* Safari 4+ */
  -moz-animation: clouds-2 25s linear 20s infinite;
  /* Fx 5+ */
  -o-animation: clouds-2 25s linear 20s infinite;
  /* Opera 12+ */
  animation: clouds-2 25s linear 20s infinite;
  /* IE 10+ */

}
#car-anim .clouds-2 .frame-0 {
  right: -65px;
}
#car-anim .clouds-2 .frame-100 {
  right: 100%;
}
#car-anim .hills {
  background: url('/img/portfolio/vnet/anim/hills.png') repeat-x 320px bottom;
  bottom: 27px;
  height: 60px;
  left: 0;
  position: absolute;
  width: 100%;
  -webkit-animation: hills 10s linear infinite;
  /* Safari 4+ */
  -moz-animation: hills 10s linear infinite;
  /* Fx 5+ */
  -o-animation: hills 10s linear infinite;
  /* Opera 12+ */
  animation: hills 10s linear infinite;
  /* IE 10+ */

}
#car-anim .hills .frame-100 {
  background-position: -150px 0;
}
#car-anim .left-cover {
  background: url('/img/portfolio/vnet/anim/white-left.png') repeat-y right 0;
  background-size: 100%;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 12%;
}
#car-anim .right-cover {
  background: url('/img/portfolio/vnet/anim/white-right.png') repeat-y left 0;
  background-size: 100%;
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  width: 12%;
}
#car-anim .left-cover-grass {
  background: url('/img/portfolio/vnet/anim/white-left.png') repeat-y right 0;
  background-size: 100%;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 12%;
  display: none;
}
#car-anim .right-cover-grass {
  background: url('/img/portfolio/vnet/anim/white-right.png') repeat-y left 0;
  background-size: 100%;
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  width: 12%;
  display: none;
}
#car-anim .car {
  background: url('/img/portfolio/vnet/anim/car.png') no-repeat;
  bottom: 25px;
  height: 29px;
  left: 0;
  position: absolute;
  width: 70px;
  -webkit-animation: car-bump 200ms linear infinite, car-move-xs 80s ease-in-out infinite;
  /* Safari 4+ */
  -moz-animation: car-bump 200ms linear infinite, car-move-xs 80s ease-in-out infinite;
  /* Fx 5+ */
  -o-animation: car-bump 200ms linear infinite, car-move-xs 80s ease-in-out infinite;
  /* Opera 12+ */
  animation: car-bump 200ms linear infinite, car-move-xs 80s ease-in-out infinite;
  /* IE 10+ */

}
#car-anim .car .bump-frame-90 {
  bottom: 25px;
}
#car-anim .car .bump-frame-100 {
  bottom: 26px;
}
#car-anim .car .move-frame-xs-0 {
  left: 15%;
}
#car-anim .car .move-frame-xs-50 {
  left: 50%;
}
#car-anim .car .move-frame-xs-100 {
  left: 15%;
}
#car-anim .car .move-frame-md-0 {
  left: 25%;
}
#car-anim .car .move-frame-md-50 {
  left: 50%;
}
#car-anim .car .move-frame-md-100 {
  left: 25%;
}
#car-anim .road {
  height: 100%;
  left: 50%;
  position: absolute;
  width: 85%;
}
#car-anim .road:before {
  background: #3c4049;
  bottom: 20px;
  content: '';
  height: 7px;
  margin-left: -50%;
  position: absolute;
  width: 100%;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}
#car-anim .ground {
  height: 100%;
  left: 50%;
  position: absolute;
  width: 95%;
}
#car-anim .ground:before {
  background: #ebebec;
  bottom: 5px;
  content: '';
  height: 15px;
  margin-left: -50%;
  position: absolute;
  width: 100%;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}
#car-anim .grass {
  background: url('/img/portfolio/vnet/anim/grass.png') repeat-x;
  bottom: 0;
  height: 21px;
  left: 0;
  position: absolute;
  width: 100%;
  -webkit-animation: grass 12s linear infinite;
  /* Safari 4+ */
  -moz-animation: grass 12s linear infinite;
  /* Fx 5+ */
  -o-animation: grass 12s linear infinite;
  /* Opera 12+ */
  animation: grass 12s linear infinite;
  /* IE 10+ */

}
#car-anim .grass .frame-100 {
  background-position: -826px 0;
}
@-webkit-keyframes clouds-1 {
  0% {
    right: -260px;
  }
  100% {
    right: 100%;
  }
}
@-moz-keyframes clouds-1 {
  0% {
    right: -260px;
  }
  100% {
    right: 100%;
  }
}
@-ms-keyframes clouds-1 {
  0% {
    right: -260px;
  }
  100% {
    right: 100%;
  }
}
@-o-keyframes clouds-1 {
  0% {
    right: -260px;
  }
  100% {
    right: 100%;
  }
}
@keyframes clouds-1 {
  0% {
    right: -260px;
  }
  100% {
    right: 100%;
  }
}
@-webkit-keyframes clouds-2 {
  0% {
    right: -65px;
  }
  100% {
    right: 100%;
  }
}
@-moz-keyframes clouds-2 {
  0% {
    right: -65px;
  }
  100% {
    right: 100%;
  }
}
@-ms-keyframes clouds-2 {
  0% {
    right: -65px;
  }
  100% {
    right: 100%;
  }
}
@-o-keyframes clouds-2 {
  0% {
    right: -65px;
  }
  100% {
    right: 100%;
  }
}
@keyframes clouds-2 {
  0% {
    right: -65px;
  }
  100% {
    right: 100%;
  }
}
@-webkit-keyframes hills {
  100% {
    background-position: -150px 0;
  }
}
@-moz-keyframes hills {
  100% {
    background-position: -150px 0;
  }
}
@-ms-keyframes hills {
  100% {
    background-position: -150px 0;
  }
}
@-o-keyframes hills {
  100% {
    background-position: -150px 0;
  }
}
@keyframes hills {
  100% {
    background-position: -150px 0;
  }
}
@-webkit-keyframes car-bump {
  90% {
    bottom: 25px;
  }
  100% {
    bottom: 26px;
  }
}
@-moz-keyframes car-bump {
  90% {
    bottom: 25px;
  }
  100% {
    bottom: 26px;
  }
}
@-ms-keyframes car-bump {
  90% {
    bottom: 25px;
  }
  100% {
    bottom: 26px;
  }
}
@-o-keyframes car-bump {
  90% {
    bottom: 25px;
  }
  100% {
    bottom: 26px;
  }
}
@keyframes car-bump {
  90% {
    bottom: 25px;
  }
  100% {
    bottom: 26px;
  }
}
@-webkit-keyframes car-move-xs {
  0% {
    left: 15%;
  }
  50% {
    left: 50%;
  }
  100% {
    left: 15%;
  }
}
@-moz-keyframes car-move-xs {
  0% {
    left: 15%;
  }
  50% {
    left: 50%;
  }
  100% {
    left: 15%;
  }
}
@-ms-keyframes car-move-xs {
  0% {
    left: 15%;
  }
  50% {
    left: 50%;
  }
  100% {
    left: 15%;
  }
}
@-o-keyframes car-move-xs {
  0% {
    left: 15%;
  }
  50% {
    left: 50%;
  }
  100% {
    left: 15%;
  }
}
@keyframes car-move-xs {
  0% {
    left: 15%;
  }
  50% {
    left: 50%;
  }
  100% {
    left: 15%;
  }
}
@-webkit-keyframes car-move-md {
  0% {
    left: 25%;
  }
  50% {
    left: 50%;
  }
  100% {
    left: 25%;
  }
}
@-moz-keyframes car-move-md {
  0% {
    left: 25%;
  }
  50% {
    left: 50%;
  }
  100% {
    left: 25%;
  }
}
@-ms-keyframes car-move-md {
  0% {
    left: 25%;
  }
  50% {
    left: 50%;
  }
  100% {
    left: 25%;
  }
}
@-o-keyframes car-move-md {
  0% {
    left: 25%;
  }
  50% {
    left: 50%;
  }
  100% {
    left: 25%;
  }
}
@keyframes car-move-md {
  0% {
    left: 25%;
  }
  50% {
    left: 50%;
  }
  100% {
    left: 25%;
  }
}
@-webkit-keyframes grass {
  100% {
    background-position: -826px 0;
  }
}
@-moz-keyframes grass {
  100% {
    background-position: -826px 0;
  }
}
@-ms-keyframes grass {
  100% {
    background-position: -826px 0;
  }
}
@-o-keyframes grass {
  100% {
    background-position: -826px 0;
  }
}
@keyframes grass {
  100% {
    background-position: -826px 0;
  }
}
#email-updates .field-wrapper {
  display: block;
  padding: 10px 5px;
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}
#email-updates .field-label {
  display: block;
  margin-bottom: 10px;
}
#email-updates .field-input {
  border: 0;
  padding: 10px;
  width: 100%;
}
#email-updates .submit-wrapper {
  display: block;
  padding: 20px 5px;
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}
#email-updates .submit-button {
  background-color: black;
  color: white !important;
  cursor: pointer;
  font-family: 'geomanistmedium', Arial, sans-serif !important;
  font-size: 1.5rem;
  font-weight: 300 !important;
  padding: 19px 38px 17px;
  letter-spacing: 1px;
  display: inline-block;
  line-height: 27px;
  height: 61px;
  text-align: center;
  text-decoration: none !important;
  text-transform: uppercase;
  width: 100%;
  -webkit-transition: background-color ease-in 200ms, color ease-in 200ms;
  -moz-transition: background-color ease-in 200ms, color ease-in 200ms;
  -o-transition: background-color ease-in 200ms, color ease-in 200ms;
  -ms-transition: background-color ease-in 200ms, color ease-in 200ms;
  transition: background-color ease-in 200ms, color ease-in 200ms;
  border: 0;
  width: auto;
}
#email-updates .submit-button:hover {
  background-color: white;
  color: black !important;
}
#email-updates .submit-button.inverted {
  background-color: white;
  color: black !important;
}
#email-updates .submit-button.inverted:hover {
  background-color: black;
  color: white !important;
}
#email-updates .submit-button.red-hover:hover {
  background-color: #eb5554;
  color: white !important;
}
/**
 *	=Home
 *	---------------------------------------------------------
 */

#home .boxxy .item .panel .row p {
  font-size: 14px;
}
#home #header.is-sticky {
  margin-top: 0 !important;
}
#home #header .brand {
  overflow: visible;
  width: 192px;
}
#home #header .brand .logo {
  display: none;
}
#home #header .brand .brightlabs {
  margin-top: 0;
  position: absolute;
  top: 0px;
  width: 99px;
}
/**
 *	=Portfolio Landing Page
 *	---------------------------------------------------------
 */

#page-189471 #hero {
  padding-bottom: 0;
}
#page-189471 .boxxy-filter li {
  width: 50%;
}
/**
 *	=Porfolio - General Template
 *	---------------------------------------------------------
 */
.portfolio-general .row {
  position: relative;
  padding-top: 52px;
  padding-bottom: 104px;
  background: white;
}
.portfolio-general .row.last {
  padding-bottom: 0;
}
.portfolio-general .row.first {
  padding-top: 0;
}
.portfolio-general .row p {
  margin-top: 20px;
  color: #4c535f;
}
.general-connector {
  display: block;
  height: 52px;
  position: absolute;
  width: 3px;
  bottom: 0;
  left: 50%;
}
.general-connector i {
  height: 3px;
  background: #3c4049;
  display: block;
}
.general-connector i:before,
.general-connector i:after {
  content: "";
  position: absolute;
  display: block;
  width: 3px;
  height: 52px;
  background: #3c4049;
}
.general-connector i:before {
  left: 0;
  bottom: 52px;
}
.general-connector i:after {
  right: 0;
  bottom: 0;
}
.general-connector:after,
.general-connector:before {
  content: "";
  display: block;
  background: #3c4049;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  position: absolute;
  z-index: 2;
}
.general-connector:after {
  bottom: -6px;
  right: -5px;
}
.general-connector:before {
  bottom: 98px;
  left: -6px;
}
.general-connector.alternate i:after {
  right: 0;
  bottom: 52px;
}
.general-connector.alternate i:before {
  bottom: 0;
  left: 0;
}
.general-connector.alternate:before {
  bottom: -6px;
  left: -6px;
}
.general-connector.alternate:after {
  bottom: 98px;
  right: -5px;
}
/**
 *	=Portfolio Project Page
 *	---------------------------------------------------------
 */

.portfolio-project .portfolio-hero {
  position: relative;
}
.portfolio-project .portfolio-hero .title {
  background: white;
  font-family: 'geomanistmedium', Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.5rem;
  letter-spacing: 1px;
  margin: 0;
  padding: 22px 20px 18px;
  z-index: 1;
}
.portfolio-project .portfolio-hero .carousel-container > .carousel {
  height: 585px;
}
.portfolio-project .portfolio-hero .carousel {
  background-color: black;
}
.portfolio-project .portfolio-hero .carousel .responsive video {
  width: 100%;
}
.portfolio-project .portfolio-hero .carousel .responsive img {
  width: 100%;
}
.portfolio-project .portfolio-hero .button {
  background: url('/img/icons/VisitSiteIconWhite.svg') no-repeat center center black;
  background-size: 75% 75%;
  bottom: 20px;
  display: block;
  height: 50px;
  min-width: 0;
  padding: 0;
  position: absolute;
  right: 20px;
  text-indent: -9999px;
  width: 50px;
}
.portfolio-project .portfolio-hero .button:hover {
  background: url('/img/icons/VisitSiteIconBlack.svg') no-repeat center center white;
  background-size: 75% 75%;
}
.portfolio-project .content-columns {
  background: #eb5554;
  color: white;
  overflow: hidden;
  position: relative;
}
.portfolio-project .content-columns .bg-fix {
  float: left;
  background: black;
  position: relative;
  width: 100%;
}
.portfolio-project .content-columns .column {
  background: black;
  float: left;
  padding: 20px;
  position: relative;
}
.portfolio-project .content-columns .column:last-child {
  background: #eb5554;
}
.portfolio-project .content-columns .column p {
  margin-bottom: 0;
}
.portfolio-project .content-columns .column .title {
  letter-spacing: 1px;
}
.portfolio-project .panel {
  padding: 20px;
  position: relative;
}
.portfolio-project .panel .title {
  letter-spacing: 1px;
  margin-bottom: 20px;
}
.portfolio-project .panel .title.colour-black {
  color: black;
}
.portfolio-project .panel .title.colour-white {
  color: white;
}
.portfolio-project .panel .summary {
  color: #414751;
}
.portfolio-project .panel .img-wrapper {
  display: block;
  text-align: center;
}
.portfolio-project .panel .img-wrapper img {
  display: inline-block;
}
.portfolio-project.basic .panel {
  padding: 0;
}
.portfolio-project.basic .panel .title {
  left: 20px;
  position: absolute;
  top: 20px;
}
.portfolio-project.basic .panel .title.colour-black {
  text-shadow: 1px 1px 3px white;
}
.portfolio-project.basic .panel .title.colour-white {
  text-shadow: 1px 1px 3px black;
}
.portfolio-project.basic .panel img {
  display: block;
}
.portfolio-project.vinnies .panel.macbook-phone {
  background: #f5f3f0;
}
.portfolio-project.vinnies .panel.macbook-phone:before {
  background: url('/img/portfolio/vinnies/background-logo.png') no-repeat right top;
  background-size: contain;
  content: '';
  height: 60%;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 100%;
}
.portfolio-project.vinnies .panel.macbook-phone img {
  display: inline-block;
  position: relative;
}
.portfolio-project.vinnies .panel.tablet-1 {
  background: white;
}
.portfolio-project.vinnies .panel.tablet-2 {
  background: #ebe7e1;
}
.portfolio-project.vinnies .panel.tablet-2 .title {
  margin-bottom: 0;
}
.portfolio-project.vinnies .panel.search {
  background: #f5f3f0;
}
.portfolio-project.vinnies .panel.map {
  padding: 0;
}
.portfolio-project.vinnies .panel.map img {
  display: block;
}
.portfolio-project.vinnies .panel.shop {
  background: white;
}
.portfolio-project.vinnies .panel.shop img {
  position: relative;
}
.portfolio-project.vinnies .panel.shop:before {
  background: #f5f3f0;
  bottom: 0;
  content: '';
  height: 30%;
  left: 0;
  position: absolute;
  width: 100%;
}
.portfolio-project.mirvac .panel {
  background: white;
}
.portfolio-project.mirvac .panel.briefcase {
  background: #f1f1f1;
  padding-bottom: 0;
  padding-right: 0;
}
.portfolio-project.mirvac .panel.briefcase .title {
  margin-bottom: 10px;
}
.portfolio-project.mirvac .panel.briefcase .summary {
  margin-bottom: 20px;
}
.portfolio-project.mirvac .panel.briefcase img {
  display: block;
}
.portfolio-project.mirvac .panel.calendar {
  padding-bottom: 0;
}
.portfolio-project.mirvac .panel.calendar .title {
  margin-bottom: 10px;
}
.portfolio-project.mirvac .panel.calendar img {
  display: block;
}
.portfolio-project.mirvac .panel.share-price {
  background: #f1f1f1;
}
.portfolio-project.legacy-games .panel .title {
  font-family: 'geomanist_regularregular', Arial, sans-serif;
  font-weight: 300;
  text-align: center;
}
.portfolio-project.legacy-games .panel.games {
  padding: 0;
}
.portfolio-project.legacy-games .panel.games .title {
  color: white;
  font-family: 'geomanistbold', Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 300;
  left: 4%;
  line-height: 0.95em;
  margin: 0;
  position: absolute;
  text-align: left;
  top: 38%;
  width: 200px;
}
.portfolio-project.legacy-games .panel.games img {
  display: block;
}
.portfolio-project.legacy-games .panel .frackman-title {
  font-family: 'DIN 1451 W01 Engschrift', Arial, sans-serif;
  position: absolute;
  font-size: 15px;
  padding-left: 15px;
  padding-top: 5px;
}
.portfolio-project.legacy-games .panel .frackman-title.white {
  color: white;
}
.portfolio-project.legacy-games .panel .frackman-title.grey {
  color: #3c4049;
}
.portfolio-project.legacy-games .panel .menulog-title {
  font-family: 'geomanist_regularregular', Arial, sans-serif;
  background: white;
  font-size: 18px;
  padding: 20px;
  margin: 0;
  text-align: center;
}
.portfolio-project.legacy-games .panel.responsive {
  background: #01afd9;
  padding-top: 40px;
}
.portfolio-project.legacy-games .panel.responsive:before {
  background: url('/img/portfolio/legacy-games/responsive.png') center center/auto 100% no-repeat;
  content: '';
  height: 43px;
  left: 0;
  position: absolute;
  top: -22px;
  width: 100%;
}
.portfolio-project.legacy-games .panel.responsive .title {
  color: white;
}
.portfolio-project.legacy-games .panel.responsive img {
  position: relative;
  z-index: 10;
}
.portfolio-project.legacy-games .panel.social {
  background: whitesmoke;
  margin-top: -6%;
  padding-top: 13%;
}
.portfolio-project.legacy-games .panel.social:before {
  background: url('/img/portfolio/legacy-games/slice-grey.png') center bottom no-repeat;
  content: '';
  height: 75px;
  left: 0;
  position: absolute;
  top: -75px;
  width: 100%;
}
.portfolio-project.legacy-games .panel.search {
  background: #762f8e;
  padding-top: 80px;
  padding-bottom: 110px;
}
.portfolio-project.legacy-games .panel.search:before {
  background: url('/img/portfolio/legacy-games/slice-grey-2.png') center bottom no-repeat;
  content: '';
  height: 60px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.portfolio-project.legacy-games .panel.search .title {
  color: white;
  margin-bottom: 50px;
}
.portfolio-project.legacy-games .panel.search:after {
  background: url('/img/portfolio/legacy-games/slice-pink.png') center bottom no-repeat;
  bottom: 0;
  content: '';
  height: 90px;
  left: 0;
  position: absolute;
  width: 100%;
}
.portfolio-project.legacy-games .panel.event-locations {
  background: white url('/img/portfolio/legacy-games/slice-pink-2.png') center -220px no-repeat;
  slice-top: 0;
}
.portfolio-project.legacy-games .panel.event-locations .title {
  background: url('/img/portfolio/legacy-games/marker.png') center top/25px 40px no-repeat;
  color: white;
  padding-top: 60px;
}
.portfolio-project.legacy-games .panel.events {
  background: white;
  padding-left: 0;
  padding-right: 0;
}
.portfolio-project.gj-gardner .panel .connector {
  background: #cc233e;
  display: none;
  height: 4px;
  position: absolute;
  width: 4px;
  z-index: 1;
}
.portfolio-project.gj-gardner .panel .connector:before,
.portfolio-project.gj-gardner .panel .connector:after {
  background: #cc233e;
  content: '';
  height: 14px;
  position: absolute;
  width: 14px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
.portfolio-project.gj-gardner .panel .connector:before {
  left: -5px;
  top: -5px;
}
.portfolio-project.gj-gardner .panel .connector:after {
  bottom: -5px;
  right: -5px;
}
.portfolio-project.gj-gardner .panel.strategy-concepts {
  background: #f3f3f3;
  overflow: hidden;
  padding-bottom: 40px;
}
.portfolio-project.gj-gardner .panel.strategy-concepts .strategy {
  margin-bottom: 20px;
}
.portfolio-project.gj-gardner .panel.find-a-home {
  background: white;
  margin-bottom: -16%;
  padding-bottom: 0;
  padding-right: 0;
}
.portfolio-project.gj-gardner .panel.find-a-home .title:after {
  background: url('/img/portfolio/gj-gardner/responsive.png') left top no-repeat;
  background-size: contain;
  background-position: center;
  content: '';
  display: block;
  height: 44px;
  margin-top: 20px;
}
.portfolio-project.gj-gardner .panel.find-a-home .img-wrapper {
  text-align: right;
}
.portfolio-project.gj-gardner .panel.find-a-home .img-wrapper img {
  position: relative;
  z-index: 1;
}
.portfolio-project.gj-gardner .panel.filtering {
  background: #f3f3f3;
  padding-top: 25%;
}
.portfolio-project.gj-gardner .panel.favourites {
  background: white;
}
.portfolio-project.gj-gardner .panel.favourites .title {
  margin-bottom: 10px;
}
.portfolio-project.gj-gardner .panel.favourites .img-wrapper {
  text-align: right;
}
.portfolio-project.gj-gardner .panel.style-diary {
  background: #f3f3f3;
}
.portfolio-project.gj-gardner .panel.style-diary .title {
  margin-bottom: 10px;
}
.portfolio-project.degani .panel {
  background: url('/img/portfolio/degani/bg.jpg') repeat-y top center;
}
.portfolio-project.degani .panel .title {
  letter-spacing: 0.5px;
}
.portfolio-project.degani .panel.one-design {
  padding-right: 0;
}
.portfolio-project.degani .panel.one-design .img-wrapper {
  margin-top: -25px;
  text-align: right;
}
.portfolio-project.degani .panel.one-design .title:after {
  background: url('/img/portfolio/degani/responsive.png') left top no-repeat;
  background-size: contain;
  background-position: center;
  content: '';
  display: block;
  height: 44px;
  margin-top: 20px;
}
.portfolio-project.degani .panel.coffee-fix {
  padding: 0;
}
.portfolio-project.degani .panel.coffee-fix .title {
  color: white;
  left: 20px;
  position: absolute;
  top: 20px;
}
.portfolio-project.degani .panel.layering {
  padding: 20px 0;
}
.portfolio-project.degani .panel.layering .title {
  color: black;
  margin-left: 20px;
}
.portfolio-project.wow-careers .panel {
  background: white;
  border-top: 1px solid #ebebeb;
}
.portfolio-project.wow-careers .panel.identity {
  border-top: 0;
  padding: 0;
}
.portfolio-project.wow-careers .panel.identity .title {
  margin: 0;
  padding: 20px;
}
.portfolio-project.wow-careers .panel.identity img {
  display: block;
}
.portfolio-project.wow-careers .panel.live-stats {
  padding: 0;
}
.portfolio-project.wow-careers .panel.live-stats .text-wrapper {
  padding: 20px 20px 0 20px;
}
.portfolio-project.wow-careers .panel.live-stats .title {
  margin-bottom: 10px;
}
.portfolio-project.wow-careers .panel.live-stats img {
  display: block;
}
.portfolio-project.wow-careers .panel.third-party {
  background: #3f3e3e;
}
.portfolio-project.wow-careers .panel.third-party .title {
  color: white;
}
.portfolio-project.wow-careers .panel.one-design .title:after {
  background: url('/img/portfolio/wow-careers/responsive.png') center center no-repeat;
  background-size: contain;
  content: '';
  display: block;
  height: 44px;
  margin-top: 10px;
}
.portfolio-project.hammerheads .locate,
.portfolio-project.hammerheads .responsive-design {
  padding: 0;
  margin-bottom: -6px;
}
.portfolio-project.hammerheads .locate .title,
.portfolio-project.hammerheads .responsive-design .title {
  max-width: 15em;
  left: 20px;
  position: absolute;
  top: 20px;
  display: block;
}
.portfolio-project.hammerheads .info .title,
.portfolio-project.hammerheads .responsive-design .title {
  color: white;
  margin-bottom: 0.5em;
}
.portfolio-project.hammerheads .info {
  background: url('/img/portfolio/hammerheads/feature-1.jpg') no-repeat center;
  background-size: cover;
}
.portfolio-project.hammerheads .info img {
  margin-bottom: -1em;
}
.portfolio-project.hammerheads .locate {
  position: relative;
  overflow: hidden;
}
.portfolio-project.hammerheads .locate .mobile-view {
  height: 65.75%;
  position: absolute;
  left: 20px;
  top: 6em;
}
.portfolio-project.hammerheads .responsive-design .title:after {
  background: url('/img/portfolio/hammerheads/responsive-icons.png') left top no-repeat;
  background-size: contain;
  content: '';
  display: block;
  height: 44px;
  margin-top: 20px;
}
.portfolio-project.the-desk .big-title {
  background-color: #0f81bb;
  text-align: center;
  padding-top: 63px;
  padding-bottom: 42px;
}
.portfolio-project.the-desk .big-title .title {
  color: white;
  font-size: 30px;
  font-family: 'geomanistmedium', Arial, sans-serif;
  font-weight: 300;
  margin-top: 17px;
  margin-bottom: 0;
  letter-spacing: 0.4px;
}
.portfolio-project.the-desk .intro {
  padding: 0 0 40px 0;
  background-color: white;
  overflow: hidden;
}
.portfolio-project.the-desk .intro .features {
  background-color: white;
  padding: 0;
  margin-top: -66px;
  z-index: 5;
  position: relative;
}
.portfolio-project.the-desk .intro .features > li {
  width: 50%;
  height: 150px;
  padding: 115px 0 0 0;
  margin: 0 0 0 0;
  float: left;
  display: block;
  text-align: center;
  cursor: pointer;
}
.portfolio-project.the-desk .intro .features > li a {
  color: white;
  font-size: 30px;
  font-family: 'geomanistmedium', Arial, sans-serif;
  font-weight: 300;
  text-decoration: none;
}
.portfolio-project.the-desk .intro .features > li.modules {
  background: url('/img/portfolio/the-desk/feature-modules.png') center 33% no-repeat #55a95b;
}
.portfolio-project.the-desk .intro .features > li.tools {
  background: url('/img/portfolio/the-desk/feature-tools.png') center 33% no-repeat #1e8fcf;
}
.portfolio-project.the-desk .intro .features > li.social {
  background: url('/img/portfolio/the-desk/feature-social.png') center 33% no-repeat #f39022;
}
.portfolio-project.the-desk .intro .features > li.quizzes {
  background: url('/img/portfolio/the-desk/feature-quizzes.png') center 33% no-repeat #ed4c21;
  margin-right: 0;
}
.portfolio-project.the-desk #tools-section {
  color: white;
  padding: 0;
  overflow: hidden;
  height: 710px;
  background-color: white;
}
.portfolio-project.the-desk #tools-section .title {
  position: absolute;
  top: 20px;
  left: 15px;
}
.portfolio-project.the-desk #tools-section .icon {
  background: url('/img/portfolio/the-desk/tools-section.png') center center no-repeat;
  width: 135px;
  height: 136px;
  top: 100px;
  left: 15px;
  position: absolute;
}
.portfolio-project.the-desk #tools-section .img-wrapper img {
  min-height: 290px;
}
.portfolio-project.the-desk #tools-section .tools-bullet {
  position: absolute;
  top: 270px;
  width: 100%;
}
.portfolio-project.the-desk #tools-section .tools-bullet .tick {
  background: url('/img/portfolio/the-desk/tick.png') 5px center no-repeat #1e8fcf;
  width: 100%;
  height: 60px;
  float: left;
  display: block;
  margin: 0 0 3px 0;
  padding: 18px 0 0 67px;
  border-radius: 30px;
}
.portfolio-project.the-desk #quizzes-section {
  color: white;
  overflow: hidden;
  height: auto;
  background: url('/img/portfolio/the-desk/quizzes-bg.jpg') left -40px repeat-x white;
}
.portfolio-project.the-desk #quizzes-section .title {
  margin-bottom: 5px;
}
.portfolio-project.the-desk #quizzes-section .icon {
  background: url('/img/portfolio/the-desk/quizzes-section.png') center center no-repeat;
  width: 135px;
  height: 136px;
}
.portfolio-project.the-desk #quizzes-section .img-wrapper img {
  margin-top: 0;
  margin-left: 0;
}
.portfolio-project.the-desk #modules-section {
  color: white;
  padding: 0;
  overflow: hidden;
  height: 530px;
  background-color: white;
}
.portfolio-project.the-desk #modules-section .title {
  position: absolute;
  top: 20px;
  left: 15px;
}
.portfolio-project.the-desk #modules-section .icon {
  background: url('/img/portfolio/the-desk/module-section.png') center center no-repeat;
  width: 135px;
  height: 136px;
  top: 70px;
  left: 15px;
  position: absolute;
}
.portfolio-project.the-desk #modules-section .img-wrapper img {
  min-height: 290px;
}
.portfolio-project.the-desk #modules-section .features-box {
  position: absolute;
  top: 220px;
  left: 0;
  width: 100%;
}
.portfolio-project.the-desk #modules-section .features-box .item {
  background-color: #55a95b;
  width: 48%;
  height: 150px;
  float: left;
  display: block;
  margin: 2px 2px;
  padding: 50px 0 0 0;
  border-radius: 30px;
  font-size: 24px;
  font-family: 'geomanistmedium', Arial, sans-serif;
  font-weight: 300;
  text-align: center;
}
.portfolio-project.the-desk #social-section {
  color: white;
  overflow: hidden;
  height: auto;
  background: url('/img/portfolio/the-desk/social-bg.jpg') left -436px repeat-x white;
  padding-bottom: 0;
  margin-bottom: 1px;
}
.portfolio-project.the-desk #social-section .title {
  margin-bottom: 5px;
}
.portfolio-project.the-desk #social-section .icon {
  background: url('/img/portfolio/the-desk/social-section.png') center center no-repeat;
  width: 135px;
  height: 136px;
}
.portfolio-project.the-desk #social-section .img-wrapper img {
  margin-left: 0;
  margin-top: 15px;
}
.portfolio-project.the-desk #social-section .features-box .item {
  color: #333333;
  width: 50%;
  display: block;
  margin: 22px 0 0 0;
  padding: 120px 0 0 0;
  font-size: 16px;
  font-family: 'geomanistmedium', Arial, sans-serif;
  font-weight: 300;
  text-align: center;
  float: left;
  height: 168px;
}
.portfolio-project.the-desk #social-section .features-box .item.photo {
  background: url('/img/portfolio/the-desk/social-photo.png') center top no-repeat;
}
.portfolio-project.the-desk #social-section .features-box .item.forum {
  background: url('/img/portfolio/the-desk/social-forum.png') center top no-repeat;
}
.portfolio-project.the-desk #social-section .features-box .item.places {
  background: url('/img/portfolio/the-desk/social-places.png') center top no-repeat;
}
.portfolio-project.the-desk #social-section .features-box .item.music {
  background: url('/img/portfolio/the-desk/social-music.png') center top no-repeat;
}
.portfolio-project.the-desk #social-section .features-box .item.sheets {
  background: url('/img/portfolio/the-desk/social-sheets.png') center top no-repeat;
}
.portfolio-project.careflight .panel.video {
  padding: 0;
}
.portfolio-project.careflight .panel.video .title {
  color: white;
  left: 20px;
  position: absolute;
  top: 20px;
  z-index: 18;
}
.portfolio-project.careflight .panel.video .video-poster {
  cursor: pointer;
  width: 100%;
}
.portfolio-project.careflight .panel.video video {
  cursor: pointer;
  display: none;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 6;
}
.portfolio-project.careflight .panel.video img {
  display: block;
}
.portfolio-project.careflight .panel.articles {
  background: white url('/img/portfolio/careflight/bg-chevron.jpg') left top repeat-x;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}
.portfolio-project.careflight .panel.articles img {
  display: inline-block;
  margin: 10px;
}
.portfolio-project.careflight .panel.shop {
  background: #efefec;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}
.portfolio-project.careflight .panel.shop .title {
  margin-left: 20px;
}
.portfolio-project.careflight .panel.shop img {
  display: block;
}
.portfolio-project.careflight .panel.donations {
  background: white;
  overflow: hidden;
  padding: 0;
}
.portfolio-project.careflight .panel.donations .title {
  margin: 20px;
}
.portfolio-project.careflight .panel.donations img {
  display: block;
}
.portfolio-project.careflight .panel.copywriting {
  background: white;
}
.portfolio-project.careflight .panel.copywriting img {
  max-width: 50%;
}
.portfolio-project.careflight .panel.copywriting .summary {
  letter-spacing: 1px;
  line-height: 1.6em;
  margin: 20px auto 0 auto;
  text-align: center;
}
.portfolio-project.mcinnes .panel.responsive {
  background: whitesmoke;
}
.portfolio-project.mcinnes .panel.responsive .title:after {
  background: url('/img/portfolio/mcinnes/responsive.png') left top no-repeat;
  background-size: contain;
  background-position: center;
  content: '';
  display: block;
  height: 44px;
  margin-top: 20px;
}
.portfolio-project.mcinnes .panel.responsive:after {
  background: url('/img/portfolio/mcinnes/down-pointer-white.png') 0 0 no-repeat;
  bottom: -37px;
  content: '';
  display: none;
  height: 37px;
  left: 50%;
  margin-left: -43px;
  position: absolute;
  width: 86px;
  z-index: 2;
}
.portfolio-project.mcinnes .panel.navigation {
  background: #00304e;
}
.portfolio-project.mcinnes .panel.navigation .title {
  color: white;
}
.portfolio-project.mcinnes .panel.navigation:after {
  background: url('/img/portfolio/mcinnes/down-pointer-blue.png') 0 0 no-repeat;
  bottom: -37px;
  content: '';
  display: none;
  height: 37px;
  left: 50%;
  margin-left: -43px;
  position: absolute;
  width: 86px;
  z-index: 2;
}
.portfolio-project.mcinnes .panel.links {
  background: #eaeaea;
  padding-bottom: 0;
  padding-right: 0;
}
.portfolio-project.mcinnes .panel.links .title {
  margin-bottom: 0;
}
.portfolio-project.mcinnes .panel.links .img-wrapper img {
  display: block;
  margin: 0 auto;
}
.portfolio-project.sandvik .concept {
  overflow: hidden;
  background-color: white;
  padding-top: 100px;
}
.portfolio-project.sandvik .concept .title {
  position: absolute;
  top: 20px;
  left: 15px;
}
.portfolio-project.sandvik .concept .title.second {
  top: 40%;
}
.portfolio-project.sandvik .level {
  padding: 0;
}
.portfolio-project.sandvik .level img {
  display: block;
}
.portfolio-project.sandvik .video-prod {
  padding: 95px 0 0 0;
  background-color: white;
}
.portfolio-project.sandvik .video-prod .title {
  position: absolute;
  top: 20px;
  left: 15px;
}
.portfolio-project.sandvik .screen {
  padding: 95px 0 0 0;
  background-color: white;
}
.portfolio-project.sandvik .screen .title {
  position: absolute;
  top: 20px;
  left: 15px;
}
.portfolio-project.sandvik .poster {
  padding: 95px 0 0 0;
  background-color: white;
}
.portfolio-project.sandvik .poster .title {
  position: absolute;
  top: 20px;
  left: 15px;
}
.portfolio-project.menzies .events {
  background-color: #e3dbca;
  padding-top: 60px;
}
.portfolio-project.menzies .events .title {
  position: absolute;
  top: 20px;
  left: 15px;
}
.portfolio-project.menzies .advanced {
  background-color: white;
  padding-bottom: 0;
}
.portfolio-project.menzies .advanced img {
  display: block;
}
.portfolio-project.menzies .support {
  color: white;
  padding: 0;
}
.portfolio-project.menzies .support img {
  display: block;
}
.portfolio-project.menzies .support .title {
  position: absolute;
  top: 20px;
  left: 15px;
}
.portfolio-project.lsc .branding {
  background-color: #d6d6d6;
}
.portfolio-project.lsc .branding .img-wrapper {
  padding-top: 30px;
}
.portfolio-project.lsc .branding .img-wrapper img {
  display: block;
}
.portfolio-project.lsc .corporate {
  background-color: #3c4049;
  color: white;
}
.portfolio-project.lsc .print {
  background-color: white;
}
.portfolio-project.lsc .packaging {
  background-color: #f5f7fa;
}
.portfolio-project.woolworths .panel.fresh {
  padding: 0;
}
.portfolio-project.woolworths .panel.fresh .title {
  left: 20px;
  position: absolute;
  top: 20px;
}
.portfolio-project.woolworths .panel.fresh img {
  display: block;
}
.portfolio-project.woolworths .panel.launchpad {
  padding: 0;
}
.portfolio-project.woolworths .panel.launchpad .title {
  left: 20px;
  position: absolute;
  top: 20px;
}
.portfolio-project.woolworths .panel.launchpad img {
  display: block;
}
.portfolio-project.woolworths .panel.traffic {
  padding: 0;
}
.portfolio-project.woolworths .panel.traffic .title {
  color: white;
  left: 20px;
  position: absolute;
  top: 20px;
}
.portfolio-project.woolworths .panel.traffic img {
  display: block;
}
.portfolio-project.vnet .portfolio-hero .logo {
  background: url('/img/portfolio/vnet/vicroads-logo.png') 0 0 no-repeat;
  background-size: 100%;
  height: 34px;
  left: 20px;
  position: absolute;
  top: 20px;
  width: 148px;
}
.portfolio-project.vnet .panel.branding {
  background-color: #ebebec;
  overflow: hidden;
  padding: 0;
}
.portfolio-project.vnet .panel.branding .title {
  left: 20px;
  position: absolute;
  top: 20px;
}
.portfolio-project.vnet .panel.branding .img-wrapper {
  display: inline-block;
  width: 50%;
}
.portfolio-project.vnet .panel.branding .img-wrapper.item-1,
.portfolio-project.vnet .panel.branding .img-wrapper.item-3 {
  padding: 6% 10%;
}
.portfolio-project.vnet .panel.branding .img-wrapper.item-2 {
  float: left;
}
.portfolio-project.vnet .panel.branding .img-wrapper.item-2 img {
  display: block;
}
.portfolio-project.vnet .panel.branding .img-wrapper.item-3 {
  padding-top: 0;
}
.portfolio-project.vnet .panel.animation {
  background-color: white;
}
.portfolio-project.vnet .panel.sharepoint {
  background-color: #ebebec;
  padding: 0;
}
.portfolio-project.vnet .panel.sharepoint .text-wrapper {
  padding: 20px 20px 0 20px;
  position: relative;
}
.portfolio-project.vnet .panel.sharepoint .text-wrapper .title {
  margin-bottom: 0;
}
.portfolio-project.vnet .panel.sharepoint .text-wrapper:after {
  background: url('/img/portfolio/vnet/sharepoint.png') 0 0 no-repeat;
  background-size: 100%;
  bottom: -90px;
  content: '';
  display: block;
  height: 57px;
  position: absolute;
  width: 100px;
}
.portfolio-project.vnet .panel.sharepoint img {
  display: block;
}
.portfolio-project.vnet .panel.mobile {
  background-color: white;
  padding: 0;
}
.portfolio-project.vnet .panel.mobile .title {
  position: absolute;
  padding: 20px;
}
.portfolio-project.asciano .panel.junction {
  padding: 0;
}
.portfolio-project.asciano .panel.junction img {
  display: block;
}
.portfolio-project.asciano .panel.sharepoint {
  background-color: #a80028;
  padding: 0;
}
.portfolio-project.asciano .panel.sharepoint .text-wrapper {
  padding: 20px;
}
.portfolio-project.asciano .panel.sharepoint .text-wrapper .title {
  color: white;
  margin-bottom: 0;
}
.portfolio-project.asciano .panel.sharepoint .text-wrapper .summary {
  color: white;
  margin-bottom: 0;
}
.portfolio-project.asciano .panel.sharepoint img {
  display: block;
}
.portfolio-project.asciano .panel.icons {
  background-color: white;
  text-align: center;
}
.portfolio-project.asciano .panel.icons .title {
  text-align: left;
}
.portfolio-project.asciano .panel.icons .icons-large,
.portfolio-project.asciano .panel.icons .icons-small {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
}
.portfolio-project.asciano .panel.icons .icons-large {
  margin: 20px;
}
.portfolio-project.asciano .panel.icons .icons-large img + img {
  margin-left: 20px;
}
.portfolio-project.asciano .panel.icons .icons-small + .icons-small {
  margin-left: 3px;
}
.portfolio-project.first-state .panel.campaigns {
  background: #3178f6;
  padding: 0;
}
.portfolio-project.first-state .panel.campaigns .title {
  padding: 20px 20px 0 20px;
}
.portfolio-project.first-state .panel.campaigns img {
  display: block;
}
.portfolio-project.first-state .panel.concept {
  margin-top: -1px;
  background-color: #ea148d;
  background-image: url('/img/portfolio/first-state/confetti-2.png'), url('/img/portfolio/first-state/confetti-1.png');
  padding-bottom: 0;
  -webkit-animation: first-state-concept-confetti 4s linear infinite;
  /* Safari 4+ */
  -moz-animation: first-state-concept-confetti 4s linear infinite;
  /* Fx 5+ */
  -o-animation: first-state-concept-confetti 4s linear infinite;
  /* Opera 12+ */
  animation: first-state-concept-confetti 4s linear infinite;
  /* IE 10+ */

}
.portfolio-project.first-state .panel.concept .img-wrapper {
  overflow: hidden;
}
.portfolio-project.first-state .panel.concept .img-wrapper img {
  margin-bottom: -6px;
}
.portfolio-project.first-state .panel.devices {
  background: #f1b941;
  padding: 0;
}
.portfolio-project.first-state .panel.devices .title {
  padding: 20px 20px 0 20px;
}
.portfolio-project.first-state .panel.devices img {
  display: block;
}
.portfolio-project.first-state .panel.touchpoints {
  background: white;
}
.portfolio-project.great-whites .content-columns {
  position: relative;
  z-index: 10;
}
.portfolio-project.great-whites .streaming {
  background-color: black;
  padding: 0;
  position: relative;
  overflow: hidden;
}
.portfolio-project.great-whites .streaming .title {
  position: absolute;
  top: 20px;
  left: 15px;
  z-index: 10;
  color: white;
}
.portfolio-project.great-whites .streaming iframe {
  border: none;
  height: 126%;
  left: 0;
  max-width: 100%;
  position: absolute;
  top: -13%;
  z-index: 4;
}
.portfolio-project.great-whites .ecommerce {
  padding: 0;
  position: relative;
  overflow: hidden;
  z-index: 10;
}
.portfolio-project.great-whites .ecommerce .title {
  position: absolute;
  top: 20px;
  left: 15px;
  color: white;
}
.portfolio-project.great-whites .ecommerce .title:before {
  background: url('/img/portfolio/great-whites/responsive.png') left top no-repeat;
  background-size: contain;
  background-position: center;
  content: '';
  display: block;
  height: 44px;
  width: 117px;
  margin-top: 30px;
  position: absolute;
}
.portfolio-project.great-whites .ecommerce .title:after {
  background: url('/img/portfolio/great-whites/lock-icon.png') left top no-repeat;
  background-size: contain;
  background-position: center;
  content: '';
  display: block;
  height: 44px;
  width: 44px;
  margin-top: 48px;
  position: absolute;
}
.portfolio-project.great-whites .ecommerce .img-wrapper img {
  display: block;
}
.portfolio-project.great-whites .compare {
  padding: 0;
}
.portfolio-project.great-whites .compare .title {
  position: absolute;
  top: 20px;
  left: 15px;
  color: white;
}
.portfolio-project.great-whites .compare .img-wrapper img {
  display: block;
}
.portfolio-project.vinnies-camp .campaign {
  background: url('/img/portfolio/vinnies-camp/bg.jpg') no-repeat;
  background-attachment: fixed;
  background-size: cover;
  color: white;
}
.portfolio-project.vinnies-camp .campaign .title {
  margin-bottom: 60px;
}
.portfolio-project.vinnies-camp .campaign .title:before {
  background: url('/img/portfolio/vinnies-camp/responsive.png') left top no-repeat;
  background-size: contain;
  background-position: center;
  content: '';
  display: block;
  height: 44px;
  width: 117px;
  margin-top: 70px;
  left: 50%;
  position: absolute;
  margin-left: -59px;
}
.portfolio-project.vinnies-camp .campaign #skrollr-body .slide {
  position: relative;
  padding-bottom: 60px;
}
.portfolio-project.vinnies-camp .campaign #skrollr-body .slide p {
  font-size: 20px;
}
.portfolio-project.vinnies-camp .campaign #skrollr-body .slide img {
  max-width: 100%;
  height: auto;
}
.portfolio-project.vinnies-camp .campaign #skrollr-body .chevron {
  display: block;
  margin: 0 auto;
  width: 30%;
  position: absolute;
  bottom: 20px;
  left: 50%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .portfolio-project.vinnies-camp .campaign #skrollr-body .chevron {
    display: none;
  }
}
.portfolio-project.vinnies-camp .campaign #skrollr-body .chevron a {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 15px 15px 0 15px;
  border-color: white transparent transparent transparent;
  margin-left: -7px;
}
.portfolio-project.vinnies-camp .campaign #skrollr-body .link-text {
  text-shadow: 5px 5px 4px #003c75;
  font-size: 20px;
  font-weight: bold;
  color: white;
  position: absolute;
  margin-left: -62px;
  margin-top: -50px;
}
.portfolio-project.vinnies-camp .campaign #skrollr-body #slide-home {
  margin-top: 30px;
  height: 160px;
}
.portfolio-project.supanews .newsagent {
  background-color: white;
  padding: 0 0 0;
  position: relative;
  overflow: hidden;
  z-index: 10;
}
.portfolio-project.supanews .newsagent .title {
  position: relative;
  top: 20px;
  left: 15px;
  color: black;
  margin-bottom: 100px;
}
.portfolio-project.supanews .newsagent .title:before {
  background: url('/img/portfolio/supanews/responsive.png') left top no-repeat;
  background-size: contain;
  background-position: center;
  content: '';
  display: block;
  height: 62px;
  width: 166px;
  right: 0;
  margin-top: 40px;
  position: absolute;
}
.portfolio-project.supanews .newsagent .title:after {
  background: url('/img/portfolio/supanews/logo-icon.png') left top no-repeat;
  background-size: contain;
  background-position: center;
  content: '';
  display: block;
  height: 21px;
  width: 101px;
  margin-top: 10px;
  position: absolute;
}
.portfolio-project.supanews .newsagent .img-wrapper img {
  display: block;
}
.portfolio-project.supanews .mage {
  background: url('/img/portfolio/supanews/mage-bg.jpg') left top;
  padding-bottom: 50px;
}
.portfolio-project.supanews .mage .bubble {
  margin-bottom: 10px;
}
.portfolio-project.supanews .mage .bubble img {
  margin: 0 auto;
}
.portfolio-project.supanews .smart {
  background-color: white;
  overflow: hidden;
}
.portfolio-project.supanews .smart .img-wrapper {
  margin-right: -50px;
}
.portfolio-project.supanews .secure {
  background-color: black;
  padding: 0;
  position: relative;
  overflow: hidden;
  z-index: 10;
}
.portfolio-project.supanews .secure .title {
  position: absolute;
  top: 20px;
  left: 15px;
  color: white;
  max-width: 80%;
}
.portfolio-project.supanews .secure .title:before {
  background: url('/img/portfolio/supanews/lock-icon.png') left top no-repeat;
  background-size: contain;
  background-position: center;
  content: '';
  display: block;
  height: 35px;
  width: 28px;
  right: -35px;
  margin-top: 0;
  position: absolute;
}
.portfolio-project.supanews .secure .img-wrapper img {
  display: block;
}
.portfolio-project.supanews .secure .secure-icons {
  margin: 0 15px;
}
.portfolio-project.supanews .secure .secure-icons img {
  margin: 15px auto;
}
.portfolio-project.treatyoursuper .panel.concept {
  background-color: #efefef;
  padding-top: 60px;
}
.portfolio-project.treatyoursuper .panel.design {
  background-color: #efefef;
  padding-top: 50px;
}
.portfolio-project.treatyoursuper .panel.channel {
  background-color: #205e82;
  padding-top: 50px;
}
.portfolio-project.mater .results {
  background: url('/img/portfolio/mater/results-bg.jpg') repeat;
  overflow: hidden;
}
.portfolio-project.mater .results .img-wrapper {
  float: left;
  text-align: left;
}
.portfolio-project.mater .template {
  background: url('/img/portfolio/mater/results-bg.jpg') repeat;
  padding-bottom: 0;
}
.portfolio-project.mater .template .title:after {
  background: url('/img/portfolio/mater/template-logo.png') left top no-repeat;
  content: '';
  display: block;
  height: 59px;
  position: static;
  width: 172px;
}
.portfolio-project.mater .template img {
  display: block;
}
.portfolio-project.mater .responsive {
  background-color: #ce1e85;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 10;
}
.portfolio-project.mater .responsive .title {
  color: white;
  left: 0;
  padding: 0 15px 15px 15px;
  position: relative;
  top: 20px;
  width: 100%;
}
.portfolio-project.mater .responsive .title:after {
  background: url('/img/portfolio/mater/responsive-logo.png') left top no-repeat;
  background-size: contain;
  content: '';
  display: block;
  height: 44px;
  margin-top: 0;
  position: relative;
  width: 166px;
}
.portfolio-project.mater .responsive .img-wrapper img {
  display: block;
}
.portfolio-project.mater .streaming {
  background-color: black;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.portfolio-project.mater .streaming .title {
  background-color: black;
  color: white;
  left: 0;
  padding: 20px 15px;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 10;
  margin-bottom: 0;
}
.portfolio-project.mater .streaming .subtitle {
  background-color: black;
  font-family: 'geomanistmedium', Arial, sans-serif;
  font-weight: 300;
  color: #ef018d;
  left: 0;
  padding: 0 15px 5px;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 10;
  display: block;
  text-align: center;
  font-size: 24px;
}
.portfolio-project.mater .streaming .img-wrapper {
  min-height: 250px;
}
.portfolio-project.mater .streaming iframe {
  border: none;
  height: 100%;
  left: 0;
  max-width: 100%;
  width: 100%;
  padding: 65px 0 0;
  position: absolute;
  top: 0;
  z-index: 4;
}
.portfolio-project.mater .streaming .angle-mask {
  bottom: 0;
  position: absolute;
  width: 100%;
  z-index: 10;
}
.portfolio-project.flight-centre .portfolio-hero .button {
  color: black !important;
  background-color: white !important;
  cursor: default;
}
.portfolio-project.sage-branding .panel.sage-300 {
  background: white;
}
.portfolio-project.sage-branding .panel.sage-300 .column + .column {
  padding-top: 50px;
}
.portfolio-project.sage-branding .panel.sage-300 .summary {
  color: black;
}
.portfolio-project.sage-branding .panel.rich-media {
  background: white;
}
.portfolio-project.sage-branding .panel.art-world .title {
  text-shadow: 1px 1px 3px black;
}
.portfolio-project.sage-handisoft .panel.onboarding {
  padding: 0;
}
.portfolio-project.sage-handisoft .panel.onboarding .fullscreen {
  background-color: white;
}
.portfolio-project.sage-handisoft .panel.onboarding .fullscreen iframe {
  width: 100%;
  height: 600px;
  margin-top: 80px;
}
.portfolio-project.sage-handisoft .panel.onboarding .title {
  left: 20px;
  position: absolute;
  top: 20px;
  z-index: 18;
}
.portfolio-project.sage-handisoft .panel.onboarding .video-poster {
  cursor: pointer;
  width: 100%;
}
.portfolio-project.sage-handisoft .panel.onboarding video {
  cursor: pointer;
  display: none;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 6;
}
.portfolio-project.sage-handisoft .panel.onboarding img {
  display: block;
}
.portfolio-project .panel.cover {
  padding: 0;
  position: relative;
  overflow: hidden;
}
.portfolio-project .panel.cover .title {
  position: absolute;
  top: 20px;
  left: 15px;
  z-index: 10;
}
.portfolio-project .panel.cover .title.white {
  color: white;
}
.portfolio-project .panel.cover img {
  display: block;
}
@-webkit-keyframes first-state-concept-confetti {
  to {
    background-position-y: 348px, 696px;
  }
}
@-moz-keyframes first-state-concept-confetti {
  to {
    background-position-y: 348px, 696px;
  }
}
@-ms-keyframes first-state-concept-confetti {
  to {
    background-position-y: 348px, 696px;
  }
}
@-o-keyframes first-state-concept-confetti {
  to {
    background-position-y: 348px, 696px;
  }
}
@keyframes first-state-concept-confetti {
  to {
    background-position-y: 348px, 696px;
  }
}
/**
 * Related Projects
 */

.related-projects .title-row {
  background: white;
  position: relative;
}
.related-projects .title-row .title {
  margin: 20px 5px;
}
.related-projects ul {
  padding: 0;
  margin-bottom: 0;
  margin-top: 0;
}
.related-projects ul li {
  background-position: 49.9% center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 300px;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  /**
			 * BG color setting
			 */

  /**
			 * Specific Items
			 */

}
.related-projects ul li > a {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.related-projects ul li .tag {
  background: black;
  color: white;
  display: inline-block;
  font-family: 'geomanist_regularregular', Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 300;
  left: 20px;
  line-height: 1.05rem;
  margin: 0;
  padding: 7px 9px;
  position: absolute;
  text-transform: uppercase;
  top: 20px;
}
.related-projects ul li.bg-black {
  background-color: black;
  color: white;
}
.related-projects ul li.bg-blue {
  background-color: #2080b8;
}
.related-projects ul li.bg-dark-blue {
  background-color: #005a7c;
}
.related-projects ul li.bg-green {
  background-color: #67b794;
}
.related-projects ul li.bg-grey {
  background-color: #3c4049;
}
.related-projects ul li.bg-light-blue {
  background-color: #71cff3;
}
.related-projects ul li.bg-purple {
  background-color: #7e5088;
}
.related-projects ul li.bg-orange {
  background-color: #eb8256;
}
.related-projects ul li.bg-red {
  background-color: #eb5554;
}
.related-projects ul li.bg-turquoise {
  background-color: #55c4be;
}
.related-projects ul li.bg-white,
.related-projects ul li.bg-yellow {
  background-color: white;
  color: black;
}
.related-projects ul li.bg-yellow {
  background-color: #ffdb2e;
}
.related-projects ul li.supanews {
  background-image: url('/img/portfolio/related/supanews.png');
  background-position: center bottom;
  background-size: auto;
}
.related-projects ul li.careflight {
  background-image: url('/img/portfolio/related/careflight.png');
  background-position: right bottom;
  background-size: auto;
}
.related-projects ul li.woolworths {
  background-image: url('/img/portfolio/related/woolworths.jpg');
}
.related-projects ul li.retail-fm {
  background-image: url('/img/portfolio/related/retail-fm.png');
  background-size: auto;
}
.related-projects ul li.royal-childrens {
  background-image: url('/img/backgrounds/boxxy-royal-childrens.png');
}
.related-projects ul li.gj-gardener {
  background-image: url('/img/backgrounds/boxxy-gj-gardener.png');
}
.related-projects ul li.korowa {
  background-image: url('/img/backgrounds/boxxy-korowa.png');
}
.related-projects ul li.legacy-games {
  background-image: url('/img/backgrounds/boxxy-legacy-games.png');
}
.related-projects ul li.great-whites {
  background-image: url('/img/backgrounds/boxxy-great-whites.png');
  background-position: left center;
}
.related-projects ul li.eagle-boys {
  background-image: url('/img/backgrounds/boxxy-eagle-boys.png');
  background-size: auto;
}
.related-projects ul li.wow {
  background-image: url('/img/backgrounds/boxxy-wow.png');
}
.related-projects ul li.fsssc {
  background-image: url('/img/backgrounds/boxxy-fsssc.png');
}
.related-projects ul li.cancer-council {
  background-image: url('/img/backgrounds/boxxy-cancer-council.png');
}
.related-projects ul li.hammerheads {
  background-image: url('/img/backgrounds/boxxy-hammerheads.png');
}
/**
 *	=Services
 *	---------------------------------------------------------
 */

/**
	 *	=Digital strategy collapsible area - listing
	 *	---------------------------------------------------------
	 */

.list-grid.list-grid {
  list-style: none;
  margin: 0 0 0 -30px;
}
.list-grid.list-grid li {
  float: left;
  width: 100%;
  list-style: none;
  margin: 45px 0;
}
.list-digital-strategy {
  position: relative;
}
.list-digital-strategy:before {
  content: "";
  display: block;
  background: url("/img/content/services-process-arrow.png") center no-repeat;
  background-size: contain;
  width: 50%;
  height: 98px;
  position: absolute;
  top: 0;
  right: 10%;
  display: none;
}
.item-digital-strategy {
  text-align: center;
  font-weight: 500;
}
.item-digital-strategy dt,
.item-digital-strategy dd {
  font-size: 1.5rem;
  line-height: 1.1;
  vertical-align: middle;
}
.item-digital-strategy dt:after {
  content: "";
  background: url("/img/icons/icon-arrow-down.png") left center no-repeat;
  width: 55px;
  height: 31px;
  display: block;
  margin: 30px auto;
}
.item-digital-strategy dt span {
  display: block;
  font-size: 42px;
}
.item-digital-strategy dd {
  max-width: 6em;
  margin: 0 auto;
}
.icon-arrow-down {
  background: url("/img/icons/icon-people.png") left center no-repeat;
}
.icon-services-arrow {
  background: url("/img/content/services-process-arrow.png") left center no-repeat;
}
/**
	 *	=Digital content creation collapsible section
	 *	---------------------------------------------------------
	 */

.services-grid-list {
  padding: 0;
  margin: 0;
}
.sgl-item.sgl-item {
  list-style: none;
  margin: 40px 0;
  font-size: 1.5rem;
  padding: 0 25px;
}
.sgl-item.sgl-item span {
  max-width: 8em;
  margin: 0 auto;
  display: block;
  vertical-align: middle;
  text-align: center;
}
.services-grid-list.larger-icons .sgl-item.sgl-item span {
  max-width: 14em;
}
.sgl-item.sgl-item:before {
  content: "";
  width: 81px;
  height: 73px;
  display: block;
  vertical-align: middle;
  margin: 0 auto 20px auto;
}
.services-grid-list.larger-icons .sgl-item.sgl-item:before {
  width: 91px;
  height: 90px;
}
.icon-copywriting:before {
  background: url("/img/icons/icon-copywriting.png") center no-repeat;
}
.icon-digital-video:before {
  background: url("/img/icons/icon-digital-video.png") center no-repeat;
}
.icon-image-content-creation:before {
  background: url("/img/icons/icon-image-content-creation.png") center no-repeat;
}
.icon-social-media-content:before {
  background: url("/img/icons/icon-social-media-content.png") center no-repeat;
}
.icon-content-editing:before {
  background: url("/img/icons/icon-content-editing.png") center no-repeat;
}
.icon-content-management:before {
  background: url("/img/icons/icon-content-management.png") center no-repeat;
}
.icon-flexibility:before {
  background: url("/img/icons/icon-flexibility.png") center no-repeat;
}
.icon-e-commerce:before {
  background: url("/img/icons/icon-ecommerce.png") center no-repeat;
}
.icon-digital-campaigns:before {
  background: url("/img/icons/icon-digital-campaigns.png") center no-repeat;
}
.icon-content-marketing:before {
  background: url("/img/icons/icon-content-marketing.png") center no-repeat;
}
.icon-social-media:before {
  background: url("/img/icons/icon-social-media.png") center no-repeat;
}
.icon-seo:before {
  background: url("/img/icons/icon-seo.png") center no-repeat;
}
.icon-customer-profiling:before {
  background: url("/img/icons/icon-customer-profiling.png") center no-repeat;
}
.icon-analysis:before {
  background: url("/img/icons/icon-analysis.png") center no-repeat;
}
.icon-data-centres:before {
  background: url("/img/icons/icon-data-centres.png") center no-repeat;
}
.icon-backups:before {
  background: url("/img/icons/icon-backups.png") center no-repeat;
}
.icon-secure:before {
  background: url("/img/icons/icon-secure.png") center no-repeat;
}
.icon-monitoring:before {
  background: url("/img/icons/icon-monitoring.png") center no-repeat;
}
.section .rate-us-form {
  min-height: 950px;
}
.section .rate-us-form #nps-radios {
  max-width: 720px;
}
.section .rate-us-form .radio {
  display: none;
}
.section .rate-us-form .radio-label {
  display: block;
  font-size: 18px;
  padding-left: 30px;
  position: relative;
  margin-bottom: 5px;
  margin-right: 20px;
  cursor: pointer;
}
.section .rate-us-form .radio-label:before {
  content: '';
  height: 15px;
  width: 15px;
  position: absolute;
  left: 0;
  top: 1px;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  background: #e4e5e9;
}
.section .rate-us-form .radio:checked + .radio-label:before {
  background: #3c4049;
}
.section .rate-us-form h3 {
  margin-top: 20px;
  margin-bottom: 5px;
}
.section .rate-us-form .supporting {
  font-size: 16px;
  font-style: italic;
}
.section .rate-us-form textarea {
  background-color: #e4e5e9;
  border: none;
  color: black;
  float: left;
  height: 250px;
  margin-bottom: 20px;
  padding: 9px 12px;
  width: 100%;
}
.section .rate-us-form .form-row {
  display: block;
  margin: 5px 0 15px;
  clear: both;
}
.section .rate-us-form .form-row label {
  font-size: 18px;
  display: block;
  margin-bottom: 5px;
  margin-top: 20px;
}
.section .rate-us-form .form-row input {
  background-color: #e4e5e9;
  border: none;
  color: black;
  float: left;
  height: 50px;
  margin-bottom: 15px;
  padding: 9px 12px;
  width: 100%;
}
.section .rate-us-form .button {
  border: 0;
  margin-top: 30px;
  position: static;
}
.section .rate-us-form .errors ul {
  padding: 20px;
  border: 1px solid #cc0000;
}
.section .rate-us-form .errors ul li {
  margin-bottom: 5px;
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .section .rate-us-form .radio-label {
    display: inline-block;
  }
}
/**
 *	=Min-width-768px
 *	---------------------------------------------------------
 */

@media screen and (min-width: 768px) {
  html {
    font-size: 16px !important;
  }
  .container {
    width: 100%;
  }
  /**
  	 * Navigation
  	 */
  
  #navigation {
    display: block;
    position: static;
    background: transparent;
    padding-top: 0;
    width: auto;
  }
  .is-sticky #navigation.open {
    background: black;
  }
  #navigation > ul {
    width: 415px;
  }
  #navigation > ul > li {
    display: block;
    float: left;
    width: auto;
  }
  #navigation > ul > li > a {
    font-size: 0.9375rem;
    padding: 17px 18px 15px 18px;
    line-height: 18px;
    height: 48px;
  }
  #btn-mobile-menu {
    display: none;
  }
  .main-menu-btn {
    display: none;
  }
  /**
  	 * Header
  	 */
  
  #header {
    background-color: transparent;
    height: 90px;
    padding: 20px;
  }
  #header .brand {
    height: 90px;
    padding: 0;
    width: 90px;
  }
  #header .brand img {
    width: 47px;
  }
  /**
  	 * Hero
  	 */
  
  #hero {
    overflow: hidden;
    padding-bottom: 0;
    padding-top: 94px;
  }
  #hero .heading {
    color: #0094c9;
    float: left;
    font-size: 110px;
    height: 105px;
    margin-left: -3px;
    overflow: hidden;
    padding-left: 0;
    white-space: nowrap;
    text-align: left;
    position: static;
    width: 100%;
    top: auto;
    left: auto;
  }
  #hero .control {
    height: 60px;
    margin-top: 0;
    max-width: 80%;
    position: absolute;
    right: 0;
    top: 100px;
    width: auto;
  }
  #hero .control .button {
    float: right;
  }
  #hero .control .prev,
  #hero .control .next {
    display: block;
  }
  #hero .control .prev:hover,
  #hero .control .next:hover {
    max-width: 434px;
    overflow: hidden;
    padding-left: 20px;
    padding-right: 20px;
    text-indent: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  #hero .control .prev:hover {
    padding-left: 40px;
  }
  #hero .control .next:hover {
    padding-right: 40px;
  }
  #hero.about {
    background-position: center 80px;
    background-size: 900px auto;
    padding-top: 415px;
  }
  #hero.about .title {
    color: white;
    font-size: 1.96875rem;
    letter-spacing: 1.5px;
  }
  #hero.about .tag-line {
    height: auto;
    padding: 10px;
    margin-top: 20px;
    text-align: center;
  }
  #hero.about .tag-line .icon {
    float: none;
    margin: 0 auto;
  }
  #hero.about .tag-line .tagline {
    color: white;
    font-family: 'geomanistbold', Arial, sans-serif;
    font-size: -5.625rem;
    padding: 0 5px;
    display: block;
    height: auto;
  }
  #hero.about .awards .item {
    min-height: 110px;
    width: 16.5%;
  }
  /**
  	 * button
  	 */
  
  .button {
    font-size: 20px;
    padding: 12px 30px;
    letter-spacing: 0;
    width: auto;
    line-height: 25px;
    height: 47px;
  }
  /**
  	 * section
  	 */
  
  .section {
    height: 50%;
    padding: 20px 25px 25px;
    width: 50%;
  }
  .section p.intro {
    font-size: 19px;
  }
  .section.square {
    padding: 0;
  }
  .section.square > img {
    display: block;
  }
  .section.square .sq-content {
    position: absolute !important;
    padding: 20px 25px 25px;
  }
  .section.small {
    height: 187px;
  }
  .section.tiny {
    height: 100px;
    padding-bottom: 25px;
    padding-top: 25px;
  }
  .section.call-to-action {
    margin-top: 0;
    padding-top: 36px;
  }
  .section.detailed {
    padding: 0;
    width: 100%;
  }
  .section.detailed .showhide,
  .section.detailed .section + .section + .showhide {
    padding-top: 20px;
  }
  .section.detailed .map,
  .section.detailed .section + .section + .map.showhide {
    padding: 20px;
  }
  .section.detailed .map .btn-close,
  .section.detailed .section + .section + .map.showhide .btn-close {
    display: block;
    position: absolute;
    right: 20px;
  }
  .section.detailed .map .google-map,
  .section.detailed .section + .section + .map.showhide .google-map {
    height: 335px;
  }
  .section.detailed .equals {
    background: url("/img/icons/icon-equals.png") center center no-repeat;
    float: left;
    height: 325px;
    margin: 0 20px 0 10px;
    width: 4%;
  }
  .section.detailed .feature {
    height: 500px;
    width: 66.5%;
  }
  .section.detailed .feature img {
    max-width: 200%;
    width: auto;
    height: 100%;
  }
  .section.detailed .aside {
    height: 500px;
    width: 33.5%;
  }
  .section.detailed .btn-close {
    display: block;
    right: 25px;
  }
  .section.detailed.twin .section.right {
    display: block !important;
  }
  .section.vertical-center {
    padding: 0;
    text-align: left;
  }
  .section.vertical-center .vertical-center-content {
    padding: 25% 15% 0 15%;
  }
  .section.vertical-center h3 {
    font-size: 2.3125rem;
  }
  .section.alternate {
    position: relative;
    left: -50%;
  }
  .section.alternate.picture {
    position: relative;
    left: 50%;
  }
  .section .button {
    bottom: 25px;
    display: inline-block;
    position: absolute;
  }
  .section .button.stay {
    position: static;
  }
  .section .title {
    bottom: 25px;
    margin-left: 25px;
  }
  .section .twin-child .section {
    padding-top: 10px;
    padding-right: 10px;
  }
  .section .twin-child .section + .section {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 0;
  }
  .section .list-table {
    display: table;
    height: 325px;
    margin: 0;
    padding: 0 30px;
    width: 45%;
  }
  .section .list-table li {
    display: table-row;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .section .list-table li.space {
    height: 5px;
  }
  .section .list-table li span {
    display: table-cell;
    font-size: 1.5rem;
    vertical-align: middle;
  }
  .section .list-table li span.people {
    background: url("/img/icons/icon-people.png") left center no-repeat;
  }
  .section .list-table li span.eye {
    background: url("/img/icons/icon-eye.png") left center no-repeat;
  }
  .section .list-table li span.connect {
    background: url("/img/icons/icon-connect.png") left center no-repeat;
  }
  .section .list-table li span.smiley {
    background: url("/img/icons/icon-smiley.png") left center no-repeat;
  }
  .section .news-box {
    padding: 20px;
  }
  .section .news-box:nth-child(2n+2) {
    border-left: 1px solid #005a7c;
    border-top: 1px solid #005a7c;
  }
  .section .news-box:nth-child(2n+1) {
    border-left: 1px solid white;
    border-top: 1px solid #005a7c;
  }
  .section .news-box:nth-child(2n+1):hover {
    border-left: 1px solid #eb5554;
  }
  .section .news-box:nth-child(2) {
    border-left: 1px solid #005a7c;
    border-top: 1px solid white;
  }
  .section .news-box:nth-child(2):hover {
    border-top: 1px solid #eb5554;
  }
  .section .news-box:nth-child(1) {
    border-left: 1px solid white;
    border-top: 1px solid white;
  }
  .section .news-box:nth-child(1):hover {
    border-left: 1px solid #eb5554;
    border-top: 1px solid #eb5554;
  }
  .section .news-box:hover .image-box img {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
  }
  .section .news-box .image-box {
    height: 167px;
    overflow: hidden;
  }
  .section .news-box .image-box img {
    margin-bottom: 20px;
  }
  .section .news-box .content-box {
    padding: 10px 20px;
  }
  .section .news-box .content-box .headline {
    display: block;
    font-size: 1.875rem;
    height: 70px;
    margin-bottom: 20px;
    margin-top: 30px;
    overflow: hidden;
  }
  .section .news-box .content-box p {
    display: block;
    height: 100px;
    overflow: hidden;
  }
  .section .tab-link {
    margin: 0;
    padding: 20px;
    height: 150px;
    width: 33.3%;
    text-align: center;
  }
  .section .tab-link .icon {
    float: none;
    margin: 4px auto;
  }
  .section .tab-link .tab-header {
    margin: 10px 0 0 0;
    padding: 0;
    display: inline-block;
    height: auto;
  }
  .section .title {
    font-size: 3rem;
  }
  .section .section-title {
    font-size: -6.6875rem;
  }
  .section .anchor {
    top: -110px;
  }
  /**
  	 * primary
  	 */
  
  #primary .overhang {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
  }
  .guide h1 {
    font-size: 34px;
    letter-spacing: 1px;
  }
  .guide h2 {
    font-size: 26px;
  }
  .guide h3 {
    font-size: 19px;
  }
  .guide h4 {
    font-size: 14px;
  }
  .guide h5 {
    font-size: 14px;
  }
  .guide p,
  .guide li {
    font-size: 14px;
    margin-bottom: 14px;
  }
  /**
  	 * Listing
  	 */
  
  .listing.icons .item {
    width: 25%;
    min-height: 150px;
  }
  /**
  	 * form
  	 */
  
  .cmsform .field_contain {
    width: 48%;
  }
  .cmsform .field_contain:nth-child(2n) {
    margin-left: 26px;
    clear: none;
  }
  .cmsform .field_contain.right {
    margin-right: 5px;
    margin-left: 0px;
  }
  .cmsform .field_input .option_contain .radio_item {
    width: 50%;
  }
  .cmsform .captureform2 > .field_name {
    width: 48%;
  }
  .cmsform .captureform2 > .field_input {
    width: 48%;
  }
  .cmsform .captureform2 > .field_input input {
    position: relative;
    margin-top: -50px;
    margin-left: 165px;
    width: 150px;
  }
  .cmsform .captureform2 > .field_input input:after {
    content: '<br>';
  }
  .cmsform .captureform2 > .field_input img {
    margin-bottom: 0;
  }
  .cmsform input[type="submit"] {
    width: auto;
  }
  /**
  	 * Boxxy
  	 */
  
  .boxxy .item {
    min-height: 0;
    /**
  			 * Rows
  			 */
  
    /**
  			 * iPad
  			 */
  
    /**
  			 * Specific Items
  			 */
  
  }
  .boxxy .item.text-content .panel {
    padding: 0;
  }
  .boxxy .item.text-content .row {
    margin-left: -10px;
    margin-right: -10px;
  }
  .boxxy .item.text-content .title {
    font-size: 1.0625rem;
    margin-bottom: 0.3125rem;
    padding-right: 0;
    padding-top: 10px;
  }
  .boxxy .item.text-content p {
    font-size: 0.9375rem;
  }
  .boxxy .item.text-content .col-xs-6 {
    padding: 0 10px;
  }
  .boxxy .item.text-content .image-wrapper {
    padding: 0;
  }
  .boxxy .item.row-1 .panel,
  .boxxy .item.row-1 .details {
    background-size: 188px;
    height: 188px;
    min-height: 188px;
  }
  .boxxy .item.row-1.expanded .panel {
    float: left;
    height: 376px;
    width: 50%;
  }
  .boxxy .item.row-1.expanded .details {
    float: right;
    height: 376px;
    width: 50%;
  }
  .boxxy .item.row-1.expanded .details .button {
    display: none;
  }
  .boxxy .item.row-2 .panel,
  .boxxy .item.row-2 .details {
    height: 376px;
  }
  .boxxy .item.row-2.expanded .panel,
  .boxxy .item.row-2.expanded .details {
    float: right;
    width: 50%;
  }
  .boxxy .item.row-3 .panel,
  .boxxy .item.row-3 .details {
    height: 564px;
  }
  .boxxy .item.row-3.expanded .panel,
  .boxxy .item.row-3.expanded .details {
    float: left;
    width: 50%;
  }
  .boxxy .item.row-4 .panel,
  .boxxy .item.row-4 .details {
    height: 752px;
  }
  .boxxy .item.row-4.expanded .panel,
  .boxxy .item.row-4.expanded .details {
    float: left;
    width: 50%;
  }
  .boxxy .item .image-wrapper {
    padding-top: 0;
  }
  .boxxy .item .image-wrapper .img-responsive {
    display: block;
  }
  .boxxy .item .details .button {
    bottom: 20px;
    left: 20px;
    position: absolute;
  }
  .boxxy .item.expanded .details {
    background: none;
    opacity: 1;
  }
  .boxxy .item .summary {
    font-size: 15px;
    line-height: 18px;
  }
  .boxxy .item.ipad .panel {
    background-size: 335px auto;
  }
  .boxxy .item.ipad .panel .screen {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 256px auto;
    height: 194px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -128px;
    margin-top: -97px;
    width: 256px;
  }
  .boxxy .item.supanews .panel {
    background-size: auto 90%;
  }
  .boxxy .item.careflight .panel {
    background-size: auto 90%;
  }
  .boxxy .item.careflight.expanded .panel {
    float: right;
  }
  .boxxy .item.careflight.expanded .details {
    float: right;
    position: static;
  }
  .boxxy .item.brightlabs .panel {
    overflow: hidden;
  }
  .boxxy .item.brightlabs .panel img {
    height: 1600%;
    left: -890%;
    position: absolute;
    top: -870%;
    width: 1600%;
    -webkit-transition: width 1s ease-in-out, height 1s ease-in-out, left 1s ease-in-out, top 1s ease-in-out, -webkit-transform 1s ease-in-out;
    -moz-transition: width 1s ease-in-out, height 1s ease-in-out, left 1s ease-in-out, top 1s ease-in-out, -moz-transform 1s ease-in-out;
    -o-transition: width 1s ease-in-out, height 1s ease-in-out, left 1s ease-in-out, top 1s ease-in-out, -o-transform 1s ease-in-out;
    -ms-transition: -ms-transform 1s ease-in-out;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -ms-transform: scale(2) translateX(-170px) rotate(90deg);
  }
  .boxxy .item.brightlabs .panel:hover img {
    height: 88%;
    left: 7%;
    top: 7%;
    width: 88%;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
  }
  .boxxy .item.eagle-boys .panel {
    background-size: 80%;
  }
  /**
  	 * footer
  	 */
  
  #footer {
    padding-bottom: 15px;
    padding-top: 120px;
  }
  #footer .logo {
    padding-left: 20px;
  }
  #footer .offices {
    padding-top: 16px;
  }
  #footer .social {
    padding-top: 0;
    margin-top: 7px;
  }
  #footer .social ul {
    margin: 0;
    text-align: right;
  }
  #footer .social ul li {
    margin-right: 0;
    padding: 0 0 5px 0;
  }
  #footer .social ul li a {
    display: block;
    height: 30px;
    width: 40px;
    text-indent: -9999px;
    /*
  						&.facebook {
  							background-position: 0 0;
  
  							&:hover {
  								background-position: -100px 0;		
  							}
  						}
  						&.twitter {
  							background-position: 0 -50px;
  
  							&:hover {
  								background-position: -100px -50px;		
  							}
  						}
  						&.linkedin {
  							background-position: 0 -100px;
  
  							&:hover {
  								background-position: -100px -100px;	
  							}
  						}
  						&.google {
  							background-position: 0 -150px;
  							width: 30px;
  
  							&:hover {
  								background-position: -100px -150px;	
  							}
  						}
  						*/
  
  }
  #footer .social ul li a.facebook {
    background-position: 7px -700px;
  }
  #footer .social ul li a.twitter {
    background-position: 0 -797px;
  }
  #footer .social ul li a.linkedin {
    background-position: 2px -900px;
  }
  #footer .social ul li a.google {
    background-position: 5px -997px;
  }
  #footer .social ul li a.youtube {
    background-position: -100px -700px;
  }
  /**
  	 * Homepage
  	 */
  
  #home .boxxy .item .panel .row p {
    font-size: 12px;
  }
  #home .container {
    width: 100%;
  }
  #home .boxxy .item.row-1 .panel {
    height: 100%;
    background-size: cover;
  }
  #home .boxxy .item.row-2 .panel {
    height: 100%;
  }
  #home .overhang {
    width: 100%;
  }
  #home .call-to-action {
    margin-top: -1px;
    width: 100%;
  }
  #home #header .brand {
    width: 135px;
  }
  #home #header .brand .brightlabs {
    margin-top: 0;
    width: 152px;
  }
  #home .feature-video-wrapper video {
    display: block;
    position: static;
  }
  #home .feature-video-wrapper .inner {
    bottom: 30px;
  }
  #home .feature-video-wrapper .title {
    margin-left: 0;
  }
  #home .feature-video-wrapper .title .large {
    font-size: 40px;
    line-height: 40px;
    padding: 14px 26px 6px 15px;
  }
  #home .feature-video-wrapper .title .small {
    display: block;
    font-size: 1.5rem;
    line-height: 1.5rem;
    padding: 0 15px 10px 15px;
    margin-top: -7px;
  }
  #home .feature-video-wrapper .title .play {
    background-size: auto;
    height: 60px;
    width: 60px;
  }
  #home .feature-video-wrapper .title .play:before {
    width: 220px;
  }
  #home .video-fallback-image {
    display: block;
  }
  #home .video-fallback-image-mobile {
    display: none;
  }
  /**
  	 *	=Portfolio Landing Page
  	 *	---------------------------------------------------------
  	 */
  
  #page-189471 .container {
    width: 100%;
  }
  #page-189471 .boxxy .item.row-1 .panel {
    height: 100%;
    background-size: cover;
  }
  #page-189471 .boxxy .item.row-2 .panel {
    height: 100%;
  }
  #page-189471 #primary .overhang {
    width: 100%;
  }
  #page-189471 .call-to-action {
    width: 100%;
  }
  #page-189471 .mobile-filter {
    display: none;
  }
  #page-189471 .boxxy-filter {
    height: auto;
    display: block;
    max-height: 100%;
  }
  #page-189471 .boxxy-filter li {
    font-size: 0.9375rem;
  }
  #page-189471 .boxxy-filter li.item-0 {
    width: 8%;
  }
  #page-189471 .boxxy-filter li.item-1 {
    width: 13%;
  }
  #page-189471 .boxxy-filter li.item-2 {
    width: 13%;
  }
  #page-189471 .boxxy-filter li.item-3 {
    width: 15%;
  }
  #page-189471 .boxxy-filter li.item-4 {
    width: 17%;
  }
  #page-189471 .boxxy-filter li.item-5 {
    width: 17%;
  }
  #page-189471 .boxxy-filter li.item-6 {
    width: 17%;
  }
  /**
  	 *	=Portfolio Project Page
  	 *	---------------------------------------------------------
  	 */
  
  .portfolio-project .container {
    width: 100%;
  }
  .portfolio-project #primary .overhang {
    width: 100%;
  }
  .portfolio-project .call-to-action {
    width: 100%;
  }
  .portfolio-project #hero .container {
    padding: 0;
  }
  .portfolio-project .portfolio-hero .title {
    background: none;
    bottom: 40px;
    font-size: 2.25rem;
    line-height: 2.25rem;
    left: 40px;
    padding: 0;
    position: absolute;
  }
  .portfolio-project .portfolio-hero .title span {
    background: white;
    clear: both;
    float: left;
    padding: 0.4em 0.6em 0.4em 0.6em;
  }
  .portfolio-project .portfolio-hero .title span + span {
    margin-top: -0.4em;
    padding-top: 0;
  }
  .portfolio-project .portfolio-hero .button {
    bottom: 40px;
    position: absolute;
    right: 40px;
    width: auto;
    display: inline;
    padding: 17px 40px 12px 40px;
    height: 60px;
    text-indent: 0;
    background-image: none;
    -webkit-transition: background-color 200ms ease-in-out;
    -moz-transition: background-color 200ms ease-in-out;
    -o-transition: background-color 200ms ease-in-out;
    -ms-transition: background-color 200ms ease-in-out;
    transition: background-color 200ms ease-in-out;
  }
  .portfolio-project .portfolio-hero .button:before {
    display: none;
  }
  .portfolio-project .portfolio-hero .button:hover {
    background-image: none;
  }
  .portfolio-project .portfolio-hero .carousel li {
    width: 750px;
    height: 375px;
  }
  .portfolio-project .content-columns .column {
    padding: 40px;
  }
  .portfolio-project .content-columns .column:last-child {
    float: left;
  }
  .portfolio-project .panel {
    padding: 40px;
  }
  .portfolio-project .panel .title {
    margin-bottom: 40px;
  }
  .portfolio-project.basic .panel .title {
    left: 40px;
    top: 40px;
  }
  .portfolio-project.vinnies .panel.shop:before {
    height: 190px;
  }
  .portfolio-project.mirvac .panel.briefcase .text-wrapper {
    position: absolute;
    left: 40px;
    top: 40px;
  }
  .portfolio-project.mirvac .panel.briefcase .summary {
    width: 200px;
  }
  .portfolio-project.legacy-games .panel.games .title {
    font-size: 2.875rem;
    line-height: 0.85em;
    width: 50%;
  }
  .portfolio-project.legacy-games .panel.responsive {
    padding-top: 30px;
  }
  .portfolio-project.legacy-games .panel.responsive:before {
    background: url('/img/portfolio/legacy-games/responsive.png') center center/auto 100% no-repeat, url('/img/portfolio/legacy-games/slice-blue.png') center bottom no-repeat;
    content: '';
    height: 95px;
    left: 0;
    position: absolute;
    top: -95px;
    width: 100%;
  }
  .portfolio-project.legacy-games .panel.social {
    margin-top: -90px;
    padding-top: 130px;
  }
  .portfolio-project.legacy-games .panel.event-locations {
    background-position: center -100px;
    padding-top: 10px;
  }
  .portfolio-project.legacy-games .panel.event-locations .title {
    background-position: 190px;
    background-size: auto;
    padding: 30px 0;
  }
  .portfolio-project.legacy-games .panel .frackman-title {
    font-size: 20px;
    padding-left: 55px;
    padding-top: 20px;
  }
  .portfolio-project.legacy-games .panel .menulog-title {
    font-size: 24px;
    text-align: left;
    padding: 30px 45px;
  }
  .portfolio-project.gj-gardner .panel.strategy-concepts .connector {
    display: block;
    left: -20px;
    top: 220px;
    width: 35px;
  }
  .portfolio-project.gj-gardner .panel.find-a-home {
    margin-bottom: -120px;
  }
  .portfolio-project.gj-gardner .panel.find-a-home .title:after {
    margin-top: 40px;
    margin: 0;
    position: absolute;
    right: 40px;
    top: 30px;
    width: 116px;
  }
  .portfolio-project.gj-gardner .panel.find-a-home .connector {
    bottom: -105px;
    display: block;
    height: 225px;
    left: 72.5%;
  }
  .portfolio-project.gj-gardner .panel.filtering {
    padding-top: 160px;
  }
  .portfolio-project.gj-gardner .panel.filtering .connector {
    bottom: -75px;
    display: block;
    height: 120px;
    left: 72.5%;
  }
  .portfolio-project.gj-gardner .panel.favourites .summary {
    position: absolute;
    width: 330px;
  }
  .portfolio-project.gj-gardner .panel.favourites .connector {
    bottom: -103px;
    display: block;
    height: 205px;
    left: 56%;
  }
  .portfolio-project.degani .panel.one-design .title:after {
    margin-top: 40px;
    margin: 0;
    position: absolute;
    left: 40px;
    top: 70px;
    width: 116px;
  }
  .portfolio-project.degani .panel.coffee-fix .title {
    left: 46px;
    top: 34px;
  }
  .portfolio-project.degani .panel.layering {
    padding: 0;
  }
  .portfolio-project.degani .panel.layering .title {
    left: 46px;
    margin-left: 0;
    position: absolute;
    top: 34px;
  }
  .portfolio-project.degani .panel.layering .img-wrapper {
    padding-bottom: 10px;
    padding-top: 50px;
  }
  .portfolio-project.wow-careers .panel.identity .title {
    padding: 25px 40px;
    position: absolute;
  }
  .portfolio-project.wow-careers .panel.live-stats .text-wrapper {
    padding: 40px;
    position: absolute;
    width: 250px;
  }
  .portfolio-project.wow-careers .panel.one-design .title {
    text-align: left;
  }
  .portfolio-project.wow-careers .panel.one-design .title:after {
    background-position: left center;
    margin-top: 20px;
  }
  .portfolio-project.hammerheads .info .title,
  .portfolio-project.hammerheads .locate .title,
  .portfolio-project.hammerheads .responsive-design .title {
    left: 46px;
    top: 34px;
  }
  .portfolio-project.hammerheads .locate .mobile-view {
    left: 60px;
    top: 6em;
    height: auto;
    width: 26.75%;
  }
  .portfolio-project.the-desk .big-title {
    padding-top: 50px;
    padding-bottom: 40px;
  }
  .portfolio-project.the-desk .big-title .title {
    font-size: 25px;
    margin-top: 10px;
    margin-bottom: 0;
    letter-spacing: 0.4px;
  }
  .portfolio-project.the-desk .intro {
    padding: 0 0 40px 0;
  }
  .portfolio-project.the-desk .intro .features {
    padding: 20px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -328px;
    margin-top: 0;
  }
  .portfolio-project.the-desk .intro .features > li {
    width: 150px;
    height: 150px;
    padding: 115px 0 0 0;
    margin: 0 5px 0 0;
  }
  .portfolio-project.the-desk .intro .features > li a {
    font-size: 25px;
  }
  .portfolio-project.the-desk #tools-section {
    padding: 0;
    height: 529px;
  }
  .portfolio-project.the-desk #tools-section .title {
    top: 50px;
    left: 50px;
  }
  .portfolio-project.the-desk #tools-section .icon {
    width: 135px;
    height: 136px;
    top: 110px;
    left: 50px;
  }
  .portfolio-project.the-desk #tools-section .tools-bullet {
    top: 24px;
    right: 0px;
    width: 330px;
    position: absolute;
  }
  .portfolio-project.the-desk #tools-section .tools-bullet .tick {
    width: 310px;
    height: 60px;
    margin: 0 0 10px 0;
    padding: 18px 0 0 67px;
    border-radius: 30px;
    font-size: 18px;
  }
  .portfolio-project.the-desk #quizzes-section .title {
    margin-bottom: 5px;
  }
  .portfolio-project.the-desk #quizzes-section .icon {
    width: 135px;
    height: 136px;
    top: 168px;
    left: 50px;
    position: absolute;
  }
  .portfolio-project.the-desk #quizzes-section .img-wrapper img {
    margin-top: 20px;
    margin-left: 150px;
    max-width: 75%;
  }
  .portfolio-project.the-desk #modules-section {
    padding: 0;
    height: 469px;
  }
  .portfolio-project.the-desk #modules-section .title {
    top: 50px;
    left: 50px;
  }
  .portfolio-project.the-desk #modules-section .icon {
    width: 135px;
    height: 136px;
    top: 110px;
    left: 50px;
  }
  .portfolio-project.the-desk #modules-section .features-box {
    position: absolute;
    top: 300px;
    left: 50px;
    width: 620px;
  }
  .portfolio-project.the-desk #modules-section .features-box .item {
    width: 100px;
    height: 100px;
    margin: 30px 20px 18px 0;
    padding: 32px 5px 0;
    border-radius: 20px;
    font-size: 16px;
  }
  .portfolio-project.the-desk #social-section {
    padding-bottom: 315px;
    background-position: left -313px;
  }
  .portfolio-project.the-desk #social-section .title {
    margin-bottom: 5px;
  }
  .portfolio-project.the-desk #social-section .icon {
    width: 135px;
    height: 136px;
    top: 120px;
    left: 50px;
    position: absolute;
  }
  .portfolio-project.the-desk #social-section .img-wrapper img {
    margin-left: 0;
    margin-top: 50px;
  }
  .portfolio-project.the-desk #social-section .features-box {
    position: absolute;
    top: 600px;
    left: 50%;
    width: 730px;
    margin-left: -360px;
  }
  .portfolio-project.the-desk #social-section .features-box .item {
    width: 150px;
    margin: 0 30px 22px 0;
    padding: 120px 0 0 0;
    font-size: 20px;
    position: absolute;
  }
  .portfolio-project.the-desk #social-section .features-box .item.forum {
    left: 29%;
    top: 82px;
    margin-left: -75px;
  }
  .portfolio-project.the-desk #social-section .features-box .item.places {
    left: 50%;
    top: 123px;
    margin-left: -75px;
  }
  .portfolio-project.the-desk #social-section .features-box .item.music {
    left: 71%;
    top: 82px;
    margin-left: -75px;
  }
  .portfolio-project.the-desk #social-section .features-box .item.sheets {
    right: 0;
  }
  .portfolio-project.careflight .panel.video .title {
    left: 40px;
    top: 40px;
  }
  .portfolio-project.careflight .panel.shop .title {
    margin-left: 40px;
  }
  .portfolio-project.careflight .panel.donations .title {
    left: 40px;
    position: absolute;
    top: 40px;
    margin: 0;
  }
  .portfolio-project.careflight .panel.copywriting .summary {
    margin-top: 40px;
    width: 75%;
  }
  .portfolio-project.mcinnes .panel.responsive .title:after {
    margin-top: 40px;
    margin: 0;
    position: absolute;
    right: 40px;
    top: 30px;
    width: 116px;
  }
  .portfolio-project.mcinnes .panel.responsive:after {
    display: block;
  }
  .portfolio-project.mcinnes .panel.navigation:after {
    display: block;
  }
  .portfolio-project.mcinnes .panel.links {
    padding-top: 0;
    overflow: hidden;
  }
  .portfolio-project.mcinnes .panel.links .title {
    position: absolute;
    top: 40px;
    width: 40%;
  }
  .portfolio-project.mcinnes .panel.links .img-wrapper img {
    margin-top: 50px;
  }
  .portfolio-project.sandvik .portfolio-hero .title span {
    position: relative;
    z-index: 2;
  }
  .portfolio-project.sandvik .portfolio-hero .title span + span {
    padding-bottom: 0.5em;
    padding-top: 0.7em;
    z-index: 1;
    margin-top: -0.6em;
  }
  .portfolio-project.sandvik .concept {
    padding-top: 110px;
  }
  .portfolio-project.sandvik .concept .title {
    position: absolute;
    top: 40px;
    left: 40px;
  }
  .portfolio-project.sandvik .video-prod {
    padding: 0;
  }
  .portfolio-project.sandvik .video-prod .title {
    position: absolute;
    top: 40px;
    left: 40px;
  }
  .portfolio-project.sandvik .screen {
    padding: 65px 0 0 0;
  }
  .portfolio-project.sandvik .screen .title {
    position: absolute;
    top: 10px;
    left: 40px;
  }
  .portfolio-project.sandvik .poster {
    padding: 0;
  }
  .portfolio-project.sandvik .poster .title {
    top: 40px;
    left: 40px;
  }
  .portfolio-project.menzies .portfolio-hero .title span {
    margin-bottom: -0.2em;
    padding: 0.6em 0.6em 0 0.6em;
    position: relative;
    z-index: 2;
  }
  .portfolio-project.menzies .portfolio-hero .title span + span {
    padding-bottom: 0.4em;
    padding-top: 0.6em;
    z-index: 1;
  }
  .portfolio-project.menzies .events {
    padding-top: 40px;
  }
  .portfolio-project.menzies .events .title {
    top: 40px;
    left: 40px;
  }
  .portfolio-project.menzies .support .title {
    top: 40px;
    left: 40px;
  }
  .portfolio-project.lsc .branding {
    overflow: hidden;
  }
  .portfolio-project.lsc .corporate {
    padding-bottom: 80px;
  }
  .portfolio-project.woolworths .panel.fresh .title {
    left: 40px;
    top: 40px;
  }
  .portfolio-project.woolworths .panel.launchpad .title {
    left: 40px;
    top: 40px;
    max-width: 280px;
  }
  .portfolio-project.woolworths .panel.traffic .title {
    left: 40px;
    top: 40px;
    max-width: 280px;
  }
  .portfolio-project.vnet .portfolio-hero .logo {
    height: 68px;
    left: 40px;
    top: 40px;
    width: 295px;
  }
  .portfolio-project.vnet .panel.branding .title {
    left: 40px;
    top: 40px;
  }
  .portfolio-project.vnet .panel.branding .img-wrapper {
    vertical-align: middle;
    width: 32%;
  }
  .portfolio-project.vnet .panel.branding .img-wrapper.item-1,
  .portfolio-project.vnet .panel.branding .img-wrapper.item-3 {
    padding: 0;
  }
  .portfolio-project.vnet .panel.branding .img-wrapper.item-2 {
    float: none;
  }
  .portfolio-project.vnet .panel.animation .title {
    width: 150px;
  }
  .portfolio-project.vnet .panel.sharepoint .text-wrapper {
    padding: 40px;
    position: absolute;
  }
  .portfolio-project.vnet .panel.sharepoint .text-wrapper:after {
    position: static;
  }
  .portfolio-project.vnet .panel.mobile .title {
    padding: 40px;
  }
  .portfolio-project.asciano .panel.sharepoint .text-wrapper {
    padding: 40px;
  }
  .portfolio-project.asciano .panel.sharepoint .text-wrapper .summary {
    width: 150px;
  }
  .portfolio-project.asciano .panel.sharepoint .text-wrapper:before {
    background: url('/img/portfolio/asciano/sharepoint.png') 0 0 no-repeat;
    background-size: 100%;
    content: '';
    float: right;
    height: 53px;
    width: 180px;
  }
  .portfolio-project.asciano .panel.icons .icons-large {
    margin: 0;
  }
  .portfolio-project.asciano .panel.icons .icons-large img + img {
    margin-left: 40px;
  }
  .portfolio-project.asciano .panel.icons .icons-small {
    margin-left: 40px;
  }
  .portfolio-project.asciano .panel.icons .icons-small img + img {
    margin-left: 20px;
  }
  .portfolio-project.first-state .panel.campaigns .title {
    left: 40px;
    padding: 0;
    position: absolute;
    top: 40px;
    width: 25%;
  }
  .portfolio-project.first-state .panel.devices .title {
    left: 40px;
    padding: 0;
    position: absolute;
    top: 40px;
    width: 35%;
  }
  .portfolio-project.first-state .panel.touchpoints .title {
    width: 35%;
  }
  .portfolio-project.great-whites .streaming .title {
    top: 40px;
    left: 40px;
  }
  .portfolio-project.great-whites .streaming iframe {
    top: -6%;
    height: 112%;
  }
  .portfolio-project.great-whites .ecommerce .title {
    top: 40px;
    left: 40px;
  }
  .portfolio-project.great-whites .ecommerce .title:before {
    height: 87px;
    margin-right: -450px;
    margin-top: 0;
    right: 0;
    width: 232px;
  }
  .portfolio-project.great-whites .ecommerce .title:after {
    height: 87px;
    width: 232px;
    margin-top: 20px;
  }
  .portfolio-project.great-whites .compare .title {
    top: 40px;
    left: 40px;
  }
  .portfolio-project.vinnies-camp .campaign .title:before {
    height: 60px;
    margin-top: 0;
    right: 40px;
    width: 200px;
    margin-left: 0;
    left: auto;
  }
  .portfolio-project.vinnies-camp .campaign #skrollr-body .slide {
    position: relative;
    padding-bottom: 100px;
  }
  .portfolio-project.vinnies-camp .campaign #skrollr-body .slide p {
    font-size: 30px;
    position: absolute;
  }
  .portfolio-project.vinnies-camp .campaign #skrollr-body .slide .chevron {
    bottom: 50px;
  }
  .portfolio-project.vinnies-camp .campaign #skrollr-body #slide-home {
    margin-top: 40px;
    height: 220px;
  }
  .portfolio-project.vinnies-camp .campaign #skrollr-body #slide-home .link-text {
    font-size: 30px;
    margin-left: -91px;
  }
  .portfolio-project.vinnies-camp .campaign #skrollr-body #slide-10 p.primary.right {
    top: 60px;
    left: 50%;
  }
  .portfolio-project.vinnies-camp .campaign #skrollr-body #slide-10 p.right {
    top: 200px;
    left: 60%;
  }
  .portfolio-project.vinnies-camp .campaign #skrollr-body #slide-11 p.primary {
    top: 190px;
    left: 0;
    width: 50%;
  }
  .portfolio-project.vinnies-camp .campaign #skrollr-body #slide-11 p.bottom-line {
    top: 290px;
    left: 0;
    width: 50%;
  }
  .portfolio-project.vinnies-camp .campaign #skrollr-body #slide-13 p.primary {
    top: 270px;
    left: 50%;
  }
  .portfolio-project.vinnies-camp .campaign #skrollr-body #slide-25 {
    padding-top: 80px;
  }
  .portfolio-project.vinnies-camp .campaign #skrollr-body #slide-25 p.primary {
    top: 0;
    left: 0;
  }
  .portfolio-project.vinnies-camp .campaign #skrollr-body #slide-25 p.secondary {
    bottom: 80px;
    left: 0;
    width: 60%;
  }
  .portfolio-project.supanews .portfolio-hero .title span {
    margin-bottom: -0.2em;
    padding: 0.6em 0.6em 0.3em 0.6em;
    position: relative;
    z-index: 2;
  }
  .portfolio-project.supanews .portfolio-hero .title span + span {
    padding-bottom: 0.4em;
    padding-top: 0.6em;
    z-index: 1;
  }
  .portfolio-project.supanews .newsagent .title {
    top: 40px;
    left: 40px;
    margin-bottom: 100px;
    width: 670px;
  }
  .portfolio-project.supanews .newsagent .title:before {
    height: 62px;
    width: 166px;
    right: 0;
    margin-top: 0;
  }
  .portfolio-project.supanews .newsagent .title:after {
    height: 42px;
    width: 202px;
    margin-top: 15px;
  }
  .portfolio-project.supanews .secure .title {
    top: 40px;
    left: 40px;
  }
  .portfolio-project.supanews .secure .title:before {
    height: 35px;
    width: 28px;
    right: auto;
    left: 0;
    margin-top: 70px;
  }
  .portfolio-project.supanews .secure .secure-icons {
    margin: 0 40px;
    position: absolute;
    bottom: 40px;
    width: 50%;
  }
  .portfolio-project.supanews .secure .secure-icons img {
    margin: 0;
  }
  .portfolio-project.treatyoursuper .panel.concept {
    padding-top: 20px;
  }
  .portfolio-project.treatyoursuper .panel.design {
    padding-top: 0;
  }
  .portfolio-project.treatyoursuper .panel.channel {
    padding-top: 0;
  }
  .portfolio-project.mater .results .first {
    width: 60%;
  }
  .portfolio-project.mater .results .second {
    width: 40%;
  }
  .portfolio-project.mater .template .title:after {
    margin-top: -56px;
    position: absolute;
    right: 50px;
  }
  .portfolio-project.mater .responsive {
    background-color: #ce1e85;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 10;
  }
  .portfolio-project.mater .responsive .title {
    top: 40px;
    padding: 0 40px 80px 40px;
  }
  .portfolio-project.mater .responsive .title:after {
    height: 87px;
    margin-top: -15px;
    position: absolute;
    right: 40px;
    width: 232px;
  }
  .portfolio-project.mater .streaming .title {
    padding: 40px 40px 40px 40px;
  }
  .portfolio-project.mater .streaming .subtitle {
    padding: 0 15px 5px;
    font-size: 32px;
  }
  .portfolio-project.mater .streaming .img-wrapper {
    min-height: 475px;
  }
  .portfolio-project.mater .streaming iframe {
    top: 85px;
    height: 520px;
    padding: 0;
  }
  .portfolio-project.sage-branding .panel.sage-300 .column {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .portfolio-project.sage-branding .panel.sage-300 .column + .column {
    padding-top: 50px;
  }
  .portfolio-project.sage-branding .panel.sage-300 img {
    display: block;
  }
  .portfolio-project.sage-branding .panel.sage-300 .summary {
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: bold;
  }
  .portfolio-project.sage-handisoft .panel.onboarding .title {
    left: 40px;
    top: 40px;
  }
  .portfolio-project .panel.cover .title {
    top: 40px;
    left: 40px;
  }
  .portfolio-project .overhang {
    position: relative;
  }
  .portfolio-project .overhang .section {
    position: absolute;
  }
  .portfolio-project #footer {
    padding-top: 135px;
  }
  .general-connector {
    width: 50%;
    left: 25%;
  }
  .portfolio-general .row {
    padding-top: 0;
  }
  /**
  	 * Related Projects
  	 */
  
  .related-projects .title-row .title {
    margin: 25px 5px;
  }
  .related-projects .title-row .button.red-hover {
    position: absolute;
    right: 15px;
    top: 14px;
  }
  /**
  	 * Animations
  	 */
  
  #car-anim .car {
    -webkit-animation: car-bump 200ms linear infinite, car-move-md 80s ease-in-out infinite;
    /* Safari 4+ */
    -moz-animation: car-bump 200ms linear infinite, car-move-md 80s ease-in-out infinite;
    /* Fx 5+ */
    -o-animation: car-bump 200ms linear infinite, car-move-md 80s ease-in-out infinite;
    /* Opera 12+ */
    animation: car-bump 200ms linear infinite, car-move-md 80s ease-in-out infinite;
    /* IE 10+ */
  
  }
  #car-anim .left-cover,
  #car-anim .right-cover {
    width: 25%;
  }
  #car-anim .left-cover-grass,
  #car-anim .right-cover-grass {
    display: block;
    width: 10%;
  }
  #car-anim .road {
    width: 65%;
  }
  #car-anim .ground {
    width: 70%;
  }
  /**
  	 *	=Digital content creation grid
  	 *	---------------------------------------------------------
  	 */
  
  .services-grid-list {
    text-align: center;
    clear: both;
  }
  .sgl-item.sgl-item {
    width: 33%;
    display: inline-block;
    vertical-align: top;
  }
  .sgl-item.sgl-item.sgl-item-half {
    width: 49%;
  }
  .services-grid-list.larger-icons .sgl-item.sgl-item span {
    max-width: 14em;
  }
  .services-grid-list.larger-icons .sgl-item.sgl-item.sgl-item-half span {
    max-width: 17em;
  }
  .services-grid-list.larger-icons .sgl-item.sgl-item.sgl-item-half:last-of-type span {
    max-width: 16em;
  }
  .sgl-item.sgl-item:before {
    margin: 20px auto;
    display: block;
  }
  #sect-190328 .sgl-item.sgl-item {
    width: 24%;
  }
  .home-hero__title {
    font-size: 56px;
    margin-bottom: 35px;
    text-align: left;
  }
  .home-hero__summary {
    font-size: 20px;
    text-align: left;
  }
  .home-hero__wrapper {
    padding: 60px 0 250px;
  }
  .home-hero__wrapper.top {
    padding-top: 0;
  }
  .home-hero__pager {
    right: 30px;
    left: auto;
    bottom: auto;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 10px;
  }
  .home-hero__pager a {
    margin-bottom: 15px;
    margin-right: 0;
  }
}
/**
 *	=Min-width-992px
 *	---------------------------------------------------------
 */

@media screen and (min-width: 992px) {
  #navigation > ul > li > a {
    font-size: -0.0625rem;
    padding: 15px 18px 15px;
    line-height: 1.2;
    height: 48px;
  }
  /**
  	 * Header
  	 */
  
  #header {
    height: 84px;
  }
  /**
  	 * Hero
  	 */
  
  #hero {
    padding-bottom: 0;
    padding-top: 94px;
  }
  #hero .heading {
    font-size: 145px;
    height: 140px;
  }
  #hero .control {
    top: 106px;
    width: 50%;
  }
  #hero .control .prev,
  #hero .control .next {
    margin-top: 6px;
  }
  #hero.about {
    background-position: center 100px;
    background-size: 1100px auto;
    height: auto;
    padding-top: 525px;
  }
  #hero.about .awards .item {
    min-height: 120px;
  }
  #hero.about .tag-line {
    margin-bottom: 40px;
    margin-top: 25px;
  }
  #hero.about .tag-line .tagline {
    font-size: -1.625rem;
    line-height: 43px;
    padding: 16px 30px 0 30px;
  }
  /**
  	 * Primary
  	 */
  
  .guide h1 {
    font-size: 42px;
    letter-spacing: 2px;
  }
  .guide h2 {
    font-size: 33px;
  }
  .guide h3 {
    font-size: 25px;
  }
  .guide h4 {
    font-size: 17px;
  }
  .guide h5 {
    font-size: 17px;
  }
  .guide p,
  .guide li {
    font-size: 17px;
    margin-bottom: 17px;
  }
  .guide blockquote,
  .guide blockquote p {
    font-size: 24px;
  }
  /**
  	 * Listing
  	 */
  
  .listing.icons .item {
    width: 20%;
    min-height: 172px;
  }
  /**
  	 * Section
  	 */
  
  .section {
    padding: 30px 35px 35px;
  }
  .section p.intro {
    font-size: 25px;
  }
  .section.square .sq-content {
    padding: 30px 35px 35px;
  }
  .section.small {
    height: 242px;
  }
  .section.detailed .button {
    bottom: 35px;
  }
  .section.detailed .showhide,
  .section.detailed .section + .section + .showhide {
    padding-top: 30px;
  }
  .section.detailed .map .google-map,
  .section.detailed .section + .section + .map.showhide .google-map {
    height: 445px;
  }
  .section.detailed .equals {
    height: 415px;
  }
  .section.detailed .feature {
    height: 650px;
  }
  .section.detailed .aside {
    height: 650px;
  }
  .section.detailed .btn-close {
    right: 35px;
  }
  .section.social {
    height: 50px;
  }
  .section.vertical-center .vertical-center-content {
    padding-top: 33%;
  }
  .section .title {
    margin-left: 35px;
    bottom: 35px;
  }
  .section .section-title {
    font-size: -0.6875rem;
  }
  .section .list-table {
    height: 415px;
  }
  .section .news-box {
    padding: 10px;
  }
  .section .news-box:nth-child(3n+2) {
    border-left: 1px solid #005a7c;
    border-top: 1px solid #005a7c;
  }
  .section .news-box:nth-child(3n+2):hover {
    border-left: 1px solid #005a7c;
  }
  .section .news-box:nth-child(3n+1) {
    border-left: 1px solid white;
    border-top: 1px solid #005a7c;
  }
  .section .news-box:nth-child(3n+1):hover {
    border-left: 1px solid #eb5554;
  }
  .section .news-box:nth-child(3n+3) {
    border-left: 1px solid #005a7c;
    border-top: 1px solid #005a7c;
  }
  .section .news-box:nth-child(3n+3):hover {
    border-left: 1px solid #005a7c;
  }
  .section .news-box:nth-child(3) {
    border-left: 1px solid #005a7c;
    border-top: 1px solid white;
  }
  .section .news-box:nth-child(3):hover {
    border-left: 1px solid #005a7c;
    border-top: 1px solid #eb5554;
  }
  .section .news-box:nth-child(2) {
    border-left: 1px solid #005a7c;
    border-top: 1px solid white;
  }
  .section .news-box:nth-child(2):hover {
    border-top: 1px solid #eb5554;
  }
  .section .news-box:nth-child(1) {
    border-left: 1px solid white;
    border-top: 1px solid white;
  }
  .section .news-box:nth-child(1):hover {
    border-left: 1px solid #eb5554;
    border-top: 1px solid #eb5554;
  }
  .section .news-box .image-box {
    height: 151px;
  }
  .section .news-box .image-box img {
    margin-bottom: 10px;
  }
  .section .news-box .content-box {
    padding: 10px 10px;
  }
  .section .news-box .content-box .headline {
    font-size: -0.125rem;
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .section .tab-link {
    height: 160px;
    padding: 10px;
    width: 16.6%;
  }
  .section .tab-link:last-child {
    width: 17%;
  }
  .section .tab-link .icon {
    margin: 13px auto 3px;
  }
  .section .tab-link .tab-header a {
    font-size: -1.8125rem;
  }
  .section .anchor {
    top: -110px;
  }
  /**
  	 * iCMS Form
  	 */
  
  .cmsform .field_contain:nth-child(2n) {
    margin-left: 36px;
  }
  .cmsform .field_contain.right {
    margin-right: 5px;
    margin-left: 0px;
  }
  /**
  	 * Boxxy
  	 */
  
  .boxxy .item .summary {
    font-size: 21px;
    line-height: 25px;
    padding: 20px;
  }
  .boxxy .item.text-content .panel {
    padding: 0;
  }
  .boxxy .item.text-content .row {
    margin-left: -20px;
    margin-right: -20px;
  }
  .boxxy .item.text-content .title {
    font-size: 1.3125rem;
    margin-bottom: 0.5rem;
    padding-top: 15px;
  }
  .boxxy .item.text-content p {
    font-size: 1.125rem;
  }
  .boxxy .item.text-content .col-xs-6 {
    padding: 0 20px;
  }
  .boxxy .item.text-content .image-wrapper {
    padding: 0;
  }
  .boxxy .item.row-1 .panel,
  .boxxy .item.row-1 .details {
    background-size: 243px;
    height: 243px;
    min-height: 243px;
  }
  .boxxy .item.row-1.expanded .panel {
    height: 486px;
  }
  .boxxy .item.row-1.expanded .details {
    height: 486px;
  }
  .boxxy .item.row-1.expanded .details .button {
    display: block;
  }
  .boxxy .item.row-2 .panel,
  .boxxy .item.row-2 .details {
    height: 486px;
  }
  .boxxy .item.row-3 .panel,
  .boxxy .item.row-3 .details {
    height: 729px;
  }
  .boxxy .item.row-4 .panel,
  .boxxy .item.row-4 .details {
    height: 972px;
  }
  .boxxy .item.ipad .panel {
    background-size: 430px auto;
  }
  .boxxy .item.ipad .panel .screen {
    background-size: 344px auto;
    height: 259px;
    margin-left: -172px;
    margin-top: -129.5px;
    width: 344px;
  }
  .button {
    font-size: -1.5rem;
    padding: 15px 35px;
    letter-spacing: 1px;
    line-height: 28px;
    height: 55px;
  }
  /**
  	 * Footer
  	 */
  
  /**
  	 * Homepage
  	 */
  
  #home .boxxy .item .panel .row p {
    font-size: 14px;
  }
  #home .container {
    width: 100%;
  }
  #home .overhang {
    width: 100%;
  }
  #home .call-to-action {
    width: 100%;
  }
  #home #header .brand .brightlabs {
    width: 152px;
  }
  #home .feature-video-wrapper .inner {
    bottom: 80px;
  }
  /**
  	 *	=Portfolio Landing Page
  	 *	---------------------------------------------------------
  	 */
  
  #page-189471 .boxxy-filter li {
    font-size: -0.0625rem;
  }
  /**
  	 *	=Portfolio Project Page
  	 *	---------------------------------------------------------
  	 */
  
  .portfolio-project .portfolio-hero .title {
    font-size: 2.875rem;
    line-height: 2.875rem;
  }
  .portfolio-project .portfolio-hero .carousel li {
    width: 970px;
    height: 485px;
  }
  .portfolio-project .content-columns .bg-fix {
    right: 33.333333%;
  }
  .portfolio-project .content-columns .column {
    left: 33.333333%;
  }
  .portfolio-project .panel .title {
    font-size: 1.5rem;
    line-height: 1.8rem;
  }
  .portfolio-project.basic .panel .title {
    left: 40px;
    top: 40px;
  }
  .portfolio-project.vinnies .panel.shop:before {
    height: 240px;
  }
  .portfolio-project.legacy-games .panel.search {
    padding-top: 100px;
    padding-bottom: 170px;
  }
  .portfolio-project.legacy-games .panel.search .title {
    margin-bottom: 80px;
  }
  .portfolio-project.legacy-games .panel.event-locations {
    background-position: center -50px;
  }
  .portfolio-project.legacy-games .panel.event-locations .title {
    background-position: 270px;
  }
  .portfolio-project.legacy-games .panel .frackman-title {
    font-size: 24px;
    padding-left: 55px;
    padding-top: 35px;
  }
  .portfolio-project.gj-gardner .panel.strategy-concepts .connector {
    display: block;
    left: -30px;
    top: 270px;
    width: 75px;
  }
  .portfolio-project.gj-gardner .panel.find-a-home .title {
    position: absolute;
  }
  .portfolio-project.gj-gardner .panel.find-a-home .title:after {
    background-position: left top;
    height: 60px;
    margin-top: 20px;
    position: static;
    width: auto;
  }
  .portfolio-project.gj-gardner .panel.find-a-home .connector {
    bottom: -110px;
    height: 230px;
    left: 75%;
  }
  .portfolio-project.gj-gardner .panel.filtering .connector {
    left: 75%;
    bottom: -80px;
    height: 125px;
  }
  .portfolio-project.gj-gardner .panel.favourites .connector {
    bottom: -117px;
    height: 232px;
    left: 58%;
  }
  .portfolio-project.degani .panel.one-design .title {
    position: absolute;
  }
  .portfolio-project.degani .panel.one-design .title:after {
    background-position: left top;
    height: 60px;
    margin-top: 20px;
    position: static;
    width: auto;
  }
  .portfolio-project.degani .panel.one-design .img-wrapper {
    margin-top: 25px;
  }
  .portfolio-project.degani .panel.layering .img-wrapper {
    padding-bottom: 15px;
    padding-top: 65px;
  }
  .portfolio-project.wow-careers .panel.identity .title {
    padding: 40px;
  }
  .portfolio-project.wow-careers .panel.live-stats .text-wrapper {
    width: 290px;
  }
  .portfolio-project.wow-careers .panel.one-design .title:after {
    height: 60px;
  }
  .portfolio-project.hammerheads .info .title,
  .portfolio-project.hammerheads .locate .title,
  .portfolio-project.hammerheads .responsive-design .title {
    left: 40px;
    top: 40px;
  }
  .portfolio-project.hammerheads .locate .mobile-view {
    left: 80px;
    top: 7.5em;
  }
  .portfolio-project.hammerheads .responsive-design .title:after {
    background-position: left top;
    height: 60px;
    margin-top: 20px;
    position: static;
    width: auto;
  }
  .portfolio-project.careflight .panel.video .title {
    left: 40px;
    top: 40px;
  }
  .portfolio-project.careflight .panel.shop .title {
    margin-left: 40px;
  }
  .portfolio-project.careflight .panel.donations .title {
    left: 40px;
    top: 40px;
  }
  .portfolio-project.careflight .panel.copywriting .summary {
    margin-top: 40px;
  }
  .portfolio-project.the-desk .big-title {
    padding-top: 63px;
    padding-bottom: 42px;
  }
  .portfolio-project.the-desk .big-title .title {
    font-size: 30px;
    margin-top: 17px;
    margin-bottom: 0;
    letter-spacing: 0.4px;
  }
  .portfolio-project.the-desk .intro {
    padding: 0 0 40px 0;
  }
  .portfolio-project.the-desk .intro .features {
    padding: 22px;
    bottom: 0;
    left: 50%;
    margin-left: -450px;
  }
  .portfolio-project.the-desk .intro .features > li {
    width: 210px;
    height: 210px;
    padding: 165px 0 0 0;
    margin: 0 5px 0 0;
  }
  .portfolio-project.the-desk .intro .features > li a {
    font-size: 30px;
  }
  .portfolio-project.the-desk #tools-section {
    padding: 0;
    height: 684px;
  }
  .portfolio-project.the-desk #tools-section .title {
    top: 50px;
    left: 50px;
  }
  .portfolio-project.the-desk #tools-section .icon {
    width: 135px;
    height: 136px;
    top: 110px;
    left: 50px;
  }
  .portfolio-project.the-desk #tools-section .tools-bullet {
    top: 145px;
    right: 10px;
    width: 355px;
  }
  .portfolio-project.the-desk #tools-section .tools-bullet .tick {
    width: 340px;
    height: 60px;
    margin: 0 0 14px 0;
    padding: 18px 0 0 67px;
    border-radius: 30px;
  }
  .portfolio-project.the-desk #quizzes-section .title {
    margin-bottom: 5px;
  }
  .portfolio-project.the-desk #quizzes-section .icon {
    width: 135px;
    height: 136px;
    top: 168px;
    left: 50px;
  }
  .portfolio-project.the-desk #quizzes-section .img-wrapper img {
    margin-top: 20px;
    margin-left: 150px;
    max-width: 100%;
  }
  .portfolio-project.the-desk #modules-section {
    padding: 0;
    height: 606px;
  }
  .portfolio-project.the-desk #modules-section .title {
    top: 50px;
    left: 50px;
  }
  .portfolio-project.the-desk #modules-section .icon {
    width: 135px;
    height: 136px;
    top: 110px;
    left: 50px;
  }
  .portfolio-project.the-desk #modules-section .features-box {
    top: 300px;
    left: 50px;
    width: 420px;
  }
  .portfolio-project.the-desk #modules-section .features-box .item {
    width: 130px;
    height: 130px;
    margin: 0 20px 18px 0;
    padding: 39px 5px 0;
    border-radius: 35px;
    font-size: 20px;
  }
  .portfolio-project.the-desk #social-section {
    padding-bottom: 315px;
    background-position: left -165px;
  }
  .portfolio-project.the-desk #social-section .title {
    margin-bottom: 5px;
  }
  .portfolio-project.the-desk #social-section .icon {
    width: 135px;
    height: 136px;
    top: 168px;
    left: 50px;
  }
  .portfolio-project.the-desk #social-section .img-wrapper img {
    margin-left: 0;
    margin-top: 50px;
  }
  .portfolio-project.the-desk #social-section .features-box {
    top: 770px;
    left: 50%;
    width: 930px;
    margin-left: -445px;
  }
  .portfolio-project.the-desk #social-section .features-box .item {
    width: 150px;
    margin: 0 30px 22px 0;
    padding: 120px 0 0 0;
    font-size: 20px;
  }
  .portfolio-project.the-desk #social-section .features-box .item.forum {
    left: 29%;
    top: 82px;
    margin-left: -75px;
  }
  .portfolio-project.the-desk #social-section .features-box .item.places {
    left: 50%;
    top: 123px;
    margin-left: -75px;
  }
  .portfolio-project.the-desk #social-section .features-box .item.music {
    left: 71%;
    top: 82px;
    margin-left: -75px;
  }
  .portfolio-project.the-desk #social-section .features-box .item.sheets {
    right: 0;
  }
  .portfolio-project.mcinnes .panel.responsive .title {
    margin-bottom: 0;
  }
  .portfolio-project.mcinnes .panel.responsive .title:after {
    background-position: left top;
    height: 60px;
    margin-top: 20px;
    position: static;
    width: auto;
  }
  .portfolio-project.sandvik .concept {
    padding-top: 130px;
  }
  .portfolio-project.sandvik .concept .title {
    top: 40px;
    left: 40px;
  }
  .portfolio-project.sandvik .video-prod .title {
    top: 40px;
    left: 40px;
  }
  .portfolio-project.menzies .events .title {
    top: 40px;
    left: 40px;
  }
  .portfolio-project.lsc .corporate {
    padding-bottom: 50px;
  }
  .portfolio-project.woolworths .panel.fresh .title {
    left: 40px;
    top: 40px;
  }
  .portfolio-project.woolworths .panel.launchpad .title {
    left: 40px;
    top: 40px;
  }
  .portfolio-project.woolworths .panel.traffic .title {
    left: 40px;
    top: 40px;
  }
  .portfolio-project.vnet .portfolio-hero .logo {
    left: 40px;
    top: 40px;
  }
  .portfolio-project.vnet .panel.branding .title {
    left: 40px;
    top: 40px;
  }
  .portfolio-project.vnet .panel.animation .title {
    width: 200px;
  }
  .portfolio-project.vnet .panel.sharepoint .text-wrapper {
    padding: 40px;
  }
  .portfolio-project.vnet .panel.sharepoint .text-wrapper .summary {
    width: 190px;
  }
  .portfolio-project.vnet .panel.sharepoint .text-wrapper:after {
    width: 191px;
  }
  .portfolio-project.vnet .panel.mobile .title {
    padding: 40px;
  }
  .portfolio-project.asciano .panel.sharepoint .text-wrapper {
    padding: 40px;
  }
  .portfolio-project.asciano .panel.sharepoint .text-wrapper .summary {
    width: 200px;
  }
  .portfolio-project.asciano .panel.sharepoint .text-wrapper:before {
    height: 65px;
    width: 219px;
  }
  .portfolio-project.asciano .panel.icons .icons-large {
    margin: 40px;
    margin-left: 0;
  }
  .portfolio-project.asciano .panel.icons .icons-large img + img {
    margin-left: 80px;
  }
  .portfolio-project.asciano .panel.icons .icons-small {
    margin: 40px;
    margin-right: 0;
  }
  .portfolio-project.asciano .panel.icons .icons-small img + img {
    margin-left: 40px;
  }
  .portfolio-project.first-state .panel.campaigns .title {
    left: 40px;
    top: 40px;
  }
  .portfolio-project.great-whites .streaming .title {
    top: 40px;
    left: 40px;
  }
  .portfolio-project.great-whites .ecommerce .title {
    top: 40px;
    left: 40px;
  }
  .portfolio-project.great-whites .ecommerce .title:before {
    margin-right: -600px;
  }
  .portfolio-project.great-whites .compare .title {
    top: 40px;
    left: 40px;
  }
  .portfolio-project.vinnies-camp .campaign .title {
    margin-bottom: 80px;
  }
  .portfolio-project.vinnies-camp .campaign .title:before {
    height: 87px;
    right: 40px;
    width: 232px;
  }
  .portfolio-project.vinnies-camp .campaign #skrollr-body .slide {
    position: relative;
    padding-bottom: 100px;
  }
  .portfolio-project.vinnies-camp .campaign #skrollr-body .slide p {
    font-size: 35px;
    position: absolute;
  }
  .portfolio-project.vinnies-camp .campaign #skrollr-body .slide .chevron {
    bottom: 50px;
  }
  .portfolio-project.vinnies-camp .campaign #skrollr-body #slide-home {
    margin-top: 40px;
    height: 220px;
  }
  .portfolio-project.vinnies-camp .campaign #skrollr-body #slide-home .link-text {
    font-size: 35px;
    margin-left: -107px;
    margin-top: -60px;
  }
  .portfolio-project.vinnies-camp .campaign #skrollr-body #slide-10 p.primary.right {
    top: 55px;
    left: 42%;
  }
  .portfolio-project.vinnies-camp .campaign #skrollr-body #slide-10 p.right {
    top: 200px;
    left: 50%;
  }
  .portfolio-project.vinnies-camp .campaign #skrollr-body #slide-11 img {
    margin-left: 300px;
  }
  .portfolio-project.vinnies-camp .campaign #skrollr-body #slide-11 p.primary {
    top: 210px;
    left: 0;
    width: 60%;
  }
  .portfolio-project.vinnies-camp .campaign #skrollr-body #slide-11 p.bottom-line {
    top: 290px;
    left: 0;
    width: 60%;
  }
  .portfolio-project.vinnies-camp .campaign #skrollr-body #slide-13 p.primary {
    top: 300px;
    left: 40%;
  }
  .portfolio-project.vinnies-camp .campaign #skrollr-body #slide-25 {
    padding-top: 100px;
  }
  .portfolio-project.vinnies-camp .campaign #skrollr-body #slide-25 p.primary {
    width: 70%;
    top: 0;
    left: 0;
  }
  .portfolio-project.vinnies-camp .campaign #skrollr-body #slide-25 p.secondary {
    bottom: 125px;
    left: 56%;
    width: 45%;
    text-align: right;
  }
  .portfolio-project.supanews .portfolio-hero .title {
    bottom: 50px;
  }
  .portfolio-project.supanews .newsagent .title {
    top: 40px;
    left: 40px;
    margin-bottom: 150px;
    width: 890px;
  }
  .portfolio-project.supanews .newsagent .title:before {
    height: 124px;
    width: 232px;
  }
  .portfolio-project.supanews .newsagent .title:after {
    height: 42px;
    width: 202px;
    margin-top: 40px;
  }
  .portfolio-project.treatyoursuper .panel.concept {
    padding-top: 0;
  }
  .portfolio-project.mater .responsive .title {
    top: 40px;
    padding: 0 40px 80px 40px;
  }
  .portfolio-project.mater .responsive .title:after {
    right: 40px;
  }
  .portfolio-project.mater .streaming .title {
    padding: 40px 40px 40px 40px;
  }
  .portfolio-project.mater .streaming .subtitle {
    padding: 0 15px 5px;
    font-size: 34px;
  }
  .portfolio-project.mater .streaming .img-wrapper {
    min-height: 550px;
  }
  .portfolio-project.mater .streaming iframe {
    top: 125px;
    height: 520px;
    width: 975px;
    left: 50%;
    margin-left: -462px;
    padding: 0;
  }
  .portfolio-project.sage-branding .panel.sage-300 .column {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .portfolio-project.sage-branding .panel.sage-300 .column + .column {
    padding-top: 100px;
  }
  .portfolio-project.sage-handisoft .panel.onboarding .title {
    left: 40px;
    top: 40px;
  }
  .portfolio-project .panel.cover .title {
    top: 40px;
    left: 40px;
  }
  /**
  	 * Related Projects
  	 */
  
  .related-projects .title-row .title {
    margin: 33px 5px;
  }
  .related-projects .title-row .button.red-hover {
    right: 20px;
    top: 22px;
  }
  /**
  	 * Services page content grid
  	 */
  
  .list-grid.list-grid li {
    width: 25%;
  }
  .list-digital-strategy {
    padding: 98px 0 0 0;
  }
  .list-digital-strategy:before {
    display: block;
    width: 55%;
  }
}
/**
 *	=Min-width-1200px
 *	---------------------------------------------------------
 */

@media screen and (min-width: 1200px) {
  .container {
    width: 1170px;
  }
  #navigation > ul {
    width: 435px;
  }
  #navigation > ul > li > a {
    font-size: 0.9375rem;
    padding: 15px 20px;
    line-height: 1.2;
    height: 48px;
  }
  /**
  	 * Header
  	 */
  
  #header {
    height: 90px;
  }
  /**
  	 * Hero
  	 */
  
  #hero {
    padding-top: 74px;
  }
  #hero .heading {
    font-size: 175px;
    height: 168px;
  }
  #hero .control {
    right: 50%;
    margin-right: -585px;
  }
  #hero .control .prev:hover,
  #hero .control .next:hover {
    max-width: 534px;
  }
  #hero.about {
    background-size: 1430px auto;
    padding-top: 672px;
  }
  #hero.about .title {
    font-size: 2.625rem;
    letter-spacing: 0;
  }
  #hero.about .awards {
    padding-bottom: 0;
  }
  #hero.about .awards .item {
    line-height: 160px;
    min-height: 165px;
    padding-top: 0;
  }
  #hero.about .tag-line {
    float: left;
    margin-bottom: 74px;
    margin-top: 40px;
    width: 351px;
  }
  #hero.about .tag-line:nth-child(1) {
    margin-left: 61px;
  }
  /**
  	 * Primary
  	 */
  
  .guide h1 {
    font-size: 50px;
    letter-spacing: 2px;
  }
  .guide h2 {
    font-size: 40px;
  }
  .guide h3 {
    font-size: 30px;
  }
  .guide h4 {
    font-size: 20px;
  }
  .guide h5 {
    font-size: 20px;
  }
  .guide p,
  .guide li {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .guide blockquote,
  .guide blockquote p {
    font-size: 30px;
  }
  /**
  	 * Section
  	 */
  
  .section {
    padding: 50px;
  }
  .section p.intro {
    font-size: 30px;
  }
  .section.square .sq-content {
    padding: 50px;
  }
  .section.full {
    padding-bottom: 30px;
  }
  .section.grid {
    padding-bottom: 0;
  }
  .section.small {
    height: 292px;
  }
  .section.social {
    height: 40px;
    padding-bottom: 20px;
  }
  .section.detailed .button {
    bottom: 50px;
  }
  .section.detailed .showhide,
  .section.detailed .section + .section + .showhide {
    padding-top: 45px;
  }
  .section.detailed .map .google-map,
  .section.detailed .section + .section + .map.showhide .google-map {
    height: 545px;
  }
  .section.detailed .equals {
    width: 90px;
    height: 485px;
  }
  .section.detailed .feature {
    width: 800px;
  }
  .section.detailed .aside {
    width: 370px;
  }
  .section.detailed .btn-close {
    right: 50px;
  }
  .section .title {
    bottom: 40px;
    letter-spacing: 2px;
    margin-left: 50px;
  }
  .section .heading {
    font-size: 2.3125rem;
  }
  .section .section-title {
    font-size: 2.3125rem;
    line-height: 2.3125rem;
    margin-bottom: 25px;
  }
  .section .list-table {
    height: 485px;
    width: 475px;
  }
  .section .news-box {
    padding: 20px;
  }
  .section .news-box .image-box {
    height: 174px;
  }
  .section .news-box .image-box img {
    margin-bottom: 20px;
  }
  .section .news-box .content-box {
    padding: 0 20px;
  }
  .section .news-box .content-box .headline {
    font-size: 1.875rem;
    margin-bottom: 20px;
    margin-top: 30px;
  }
  .section .news-box .content-box p {
    height: 98px;
  }
  .section .tab-link {
    height: 195px;
    padding: 7px 21px;
    width: 195px;
  }
  .section .tab-link:nth-child(3n+2) {
    margin-left: 0;
    margin-right: 0;
    width: 194px;
  }
  .section .tab-link:nth-child(n+2) {
    margin-left: 1px;
    width: 194px;
  }
  .section .tab-link:nth-child(6n+6) {
    width: 194px;
  }
  .section .tab-link .icon {
    margin: 30px auto 15px;
  }
  .section .tab-link .tab-header a {
    font-size: 1.1875rem;
  }
  .section .anchor {
    top: -130px;
  }
  .section .contact-row {
    padding-left: 58px;
  }
  /**
  	 * Boxxy
  	 */
  
  .boxxy .item {
    font-size: 1.25rem;
    line-height: 1.5rem;
    /**
  			 * Rows
  			 */
  
    /**
  			 * iPad
  			 */
  
    /**
  			 * Specific Items
  			 */
  
  }
  .boxxy .item .summary {
    font-size: 26px;
    line-height: 31px;
    padding: 25px;
  }
  .boxxy .item.text-content .title {
    font-size: 1.625rem;
    margin-bottom: 0.625rem;
    padding-right: 0;
    padding-top: 20px;
  }
  .boxxy .item.text-content p {
    font-size: 1.125rem;
  }
  .boxxy .item.row-1 .panel,
  .boxxy .item.row-1 .details {
    background-size: 293px;
    height: 293px;
    min-height: 293px;
  }
  .boxxy .item.row-1.expanded .panel {
    height: 586px;
  }
  .boxxy .item.row-1.expanded .details {
    height: 586px;
  }
  .boxxy .item.row-2 .panel,
  .boxxy .item.row-2 .details {
    height: 586px;
  }
  .boxxy .item.row-3 .panel,
  .boxxy .item.row-3 .details {
    height: 879px;
  }
  .boxxy .item.ipad .panel {
    background-size: auto;
  }
  .boxxy .item.ipad .panel .screen {
    background-size: auto;
    height: 286px;
    margin-left: -190px;
    margin-top: -143px;
    width: 380px;
  }
  .boxxy .item.careflight .panel {
    background-size: auto;
  }
  .boxxy .item.korowa .panel {
    background-size: auto;
  }
  .boxxy .item.great-whites .panel {
    background-size: auto;
  }
  .boxxy .item.eagle-boys .panel {
    background-size: auto;
  }
  /**
  	 * form
  	 */
  
  .cmsform .field_contain {
    width: 505px;
  }
  .cmsform .field_contain:nth-child(2n) {
    margin-left: 50px;
  }
  .cmsform .field_contain.right {
    margin-right: 9px;
    margin-left: 0px;
  }
  .cmsform .captureform2 > .field_name {
    width: 505px;
  }
  .cmsform .captureform2 > .field_input {
    width: 460px;
  }
  .button {
    font-size: 1.5rem;
    padding: 16px 38px;
    letter-spacing: 1px;
    line-height: 27px;
    height: 61px;
  }
  /**
  	 * Footer
  	 */
  
  #footer .logo {
    padding-right: 0;
  }
  #footer .offices {
    text-align: center;
  }
  #footer .offices ul li {
    letter-spacing: 1px;
  }
  #footer .social {
    float: right;
  }
  /**
  	 * Homepage
  	 */
  
  #home .boxxy .item .panel .row p {
    font-size: 16px;
  }
  #home .container {
    width: 1172px;
  }
  #home #navigation > ul > li:nth-child(1) > a {
    padding-left: 22px;
  }
  #home .feature-video-wrapper .inner {
    bottom: 305px;
  }
  #home .feature-video-wrapper .title .large {
    font-size: 2.875rem;
    line-height: 2.875rem;
    padding: 27px 35px 15px 22px;
  }
  #home .feature-video-wrapper .title .small {
    font-size: 2.25rem;
    line-height: 2.25rem;
    padding: 2px 22px 17px 22px;
    margin-top: -13px;
  }
  #home .feature-video-wrapper .title .play {
    height: 88px;
    width: 88px;
  }
  #home .feature-video-wrapper .title .play:before {
    width: 300px;
    height: 80px;
    top: -100px;
    right: 60px;
  }
  /**
  	 *	=Portfolio Landing Page
  	 *	---------------------------------------------------------
  	 */
  
  #page-189471 .container {
    width: 1172px;
  }
  #page-189471 .boxxy-filter li {
    font-size: 0.9375rem;
  }
  #page-189471 .boxxy-filter li.item-0 {
    width: 95px;
  }
  #page-189471 .boxxy-filter li.item-1 {
    width: 152px;
  }
  #page-189471 .boxxy-filter li.item-2 {
    width: 152px;
  }
  #page-189471 .boxxy-filter li.item-3 {
    width: 176px;
  }
  #page-189471 .boxxy-filter li.item-4 {
    width: 199px;
  }
  #page-189471 .boxxy-filter li.item-5 {
    width: 199px;
  }
  #page-189471 .boxxy-filter li.item-6 {
    width: 199px;
  }
  /**
  	 *	=Portfolio Project Page
  	 *	---------------------------------------------------------
  	 */
  
  .portfolio-project .container {
    width: 1172px;
  }
  .portfolio-project .portfolio-hero .title {
    bottom: 50px;
    left: 50px;
  }
  .portfolio-project .portfolio-hero .button {
    bottom: 50px;
    right: 50px;
  }
  .portfolio-project .portfolio-hero .carousel li {
    width: 1170px;
    height: 585px;
  }
  .portfolio-project .content-columns .bg-fix {
    float: left;
    background: black;
    position: relative;
    right: 391px;
    width: 100%;
  }
  .portfolio-project .content-columns .column {
    padding: 46px 51px;
    width: 391px;
    left: 390px;
  }
  .portfolio-project .content-columns .column:last-child {
    width: 390px;
  }
  .portfolio-project .panel {
    padding: 50px;
  }
  .portfolio-project .panel .title {
    margin-bottom: 50px;
  }
  .portfolio-project.basic .panel .title {
    left: 50px;
    top: 50px;
  }
  .portfolio-project.vinnies .panel.macbook-phone:before {
    height: 77%;
  }
  .portfolio-project.vinnies .panel.shop:before {
    height: 278px;
  }
  .portfolio-project.mirvac .panel.briefcase .text-wrapper {
    left: 50px;
    top: 50px;
  }
  .portfolio-project.legacy-games .panel.games .title {
    font-size: 70px;
  }
  .portfolio-project.legacy-games .panel.responsive:before {
    height: 95px;
    top: -95px;
  }
  .portfolio-project.legacy-games .panel.event-locations {
    background-position: center top;
  }
  .portfolio-project.legacy-games .panel.event-locations .title {
    background-position: 355px;
  }
  .portfolio-project.gj-gardner .panel.strategy-concepts {
    padding-bottom: 80px;
  }
  .portfolio-project.gj-gardner .panel.strategy-concepts .connector {
    left: -73px;
    top: 280px;
    width: 163px;
  }
  .portfolio-project.gj-gardner .panel.strategy-concepts .concepts .title {
    margin-left: 60px;
  }
  .portfolio-project.gj-gardner .panel.find-a-home .title:after {
    height: 87px;
    margin-top: 30px;
  }
  .portfolio-project.gj-gardner .panel.find-a-home .connector {
    bottom: -128px;
    height: 135px;
    left: 48.6%;
  }
  .portfolio-project.gj-gardner .panel.filtering {
    padding-top: 50px;
  }
  .portfolio-project.gj-gardner .panel.filtering .title {
    width: 220px;
  }
  .portfolio-project.gj-gardner .panel.filtering img {
    margin-top: 90px;
    margin-bottom: 50px;
  }
  .portfolio-project.gj-gardner .panel.filtering .connector {
    bottom: -218px;
    height: 323px;
    left: 48.6%;
  }
  .portfolio-project.gj-gardner .panel.favourites {
    padding-top: 100px;
    padding-bottom: 70px;
  }
  .portfolio-project.gj-gardner .panel.favourites .summary:after {
    content: '';
    display: block;
    height: 53px;
    margin-top: 20px;
    background: url('/img/portfolio/gj-gardner/i-heart-house.png') left top no-repeat;
  }
  .portfolio-project.gj-gardner .panel.favourites .connector {
    bottom: -90px;
    height: 173px;
    left: 48.6%;
  }
  .portfolio-project.gj-gardner .panel.style-diary .summary {
    width: 230px;
    position: absolute;
  }
  .portfolio-project.gj-gardner .panel.style-diary .summary:after {
    content: '';
    display: block;
    height: 75px;
    margin-top: 20px;
    background: url('/img/portfolio/gj-gardner/social.png') left top no-repeat;
  }
  .portfolio-project.gj-gardner .panel.style-diary .img-wrapper {
    text-align: right;
  }
  .portfolio-project.degani .panel {
    padding: 34px 46px 9px 46px;
    margin-bottom: 0;
  }
  .portfolio-project.degani .panel.one-design {
    padding-right: 0;
  }
  .portfolio-project.degani .panel.one-design .title:after {
    height: 87px;
    margin-top: 25px;
  }
  .portfolio-project.degani .panel.one-design .img-wrapper {
    margin-top: 25px;
  }
  .portfolio-project.degani .panel.coffee-fix .title {
    left: 46px;
    top: 34px;
  }
  .portfolio-project.degani .panel.layering .img-wrapper {
    padding-bottom: 20px;
    padding-top: 85px;
  }
  .portfolio-project.wow-careers .panel.identity .title {
    padding: 50px;
  }
  .portfolio-project.wow-careers .panel.live-stats .text-wrapper {
    padding: 50px;
    width: 350px;
  }
  .portfolio-project.wow-careers .panel.one-design .title:after {
    height: 87px;
    margin-top: 30px;
  }
  .portfolio-project.hammerheads .info .title,
  .portfolio-project.hammerheads .locate .title,
  .portfolio-project.hammerheads .responsive-design .title {
    left: 50px;
    top: 50px;
  }
  .portfolio-project.hammerheads .locate .mobile-view {
    left: 100px;
    top: 8.6em;
  }
  .portfolio-project.hammerheads .responsive-design .title:after {
    height: 87px;
    margin-top: 30px;
  }
  .portfolio-project.the-desk .intro .features {
    padding: 22px;
    bottom: 0;
    left: 50%;
    margin-left: -529px;
  }
  .portfolio-project.the-desk .intro .features > li {
    width: 250px;
    height: 250px;
    padding: 165px 0 0 0;
    margin: 0 5px 0 0;
  }
  .portfolio-project.the-desk .intro .features > li a {
    font-size: 30px;
  }
  .portfolio-project.the-desk #tools-section {
    padding: 0;
    height: 825px;
  }
  .portfolio-project.the-desk #tools-section .title {
    top: 50px;
    left: 50px;
  }
  .portfolio-project.the-desk #tools-section .icon {
    width: 135px;
    height: 136px;
    top: 110px;
    left: 50px;
  }
  .portfolio-project.the-desk #tools-section .tools-bullet {
    top: 145px;
    right: 10px;
    width: 355px;
  }
  .portfolio-project.the-desk #tools-section .tools-bullet .tick {
    width: 340px;
    height: 60px;
    margin: 0 0 14px 0;
    padding: 18px 0 0 67px;
    border-radius: 30px;
  }
  .portfolio-project.the-desk #quizzes-section .title {
    margin-bottom: 5px;
  }
  .portfolio-project.the-desk #quizzes-section .icon {
    width: 135px;
    height: 136px;
    top: 168px;
    left: 50px;
  }
  .portfolio-project.the-desk #quizzes-section .img-wrapper img {
    margin-top: 20px;
    margin-left: 30px;
  }
  .portfolio-project.the-desk #modules-section {
    padding: 0;
    height: 731px;
  }
  .portfolio-project.the-desk #modules-section .title {
    top: 50px;
    left: 50px;
  }
  .portfolio-project.the-desk #modules-section .icon {
    width: 135px;
    height: 136px;
    top: 110px;
    left: 50px;
  }
  .portfolio-project.the-desk #modules-section .features-box {
    top: 300px;
    left: 50px;
    width: 500px;
  }
  .portfolio-project.the-desk #modules-section .features-box .item {
    width: 187px;
    height: 187px;
    margin: 0 30px 22px 0;
    padding: 70px 0 0 0;
    border-radius: 50px;
    font-size: 24px;
  }
  .portfolio-project.the-desk #social-section {
    padding-bottom: 315px;
    background-position: left top;
  }
  .portfolio-project.the-desk #social-section .title {
    margin-bottom: 5px;
  }
  .portfolio-project.the-desk #social-section .icon {
    width: 135px;
    height: 136px;
    top: 168px;
    left: 50px;
  }
  .portfolio-project.the-desk #social-section .img-wrapper img {
    margin-left: 0;
    margin-top: 86px;
  }
  .portfolio-project.the-desk #social-section .features-box {
    top: 970px;
    left: 50%;
    width: 1050px;
    margin-left: -525px;
  }
  .portfolio-project.the-desk #social-section .features-box .item {
    width: 150px;
    margin: 0 30px 22px 0;
    padding: 120px 0 0 0;
    font-size: 20px;
  }
  .portfolio-project.the-desk #social-section .features-box .item.forum {
    left: 29%;
    top: 82px;
    margin-left: -75px;
  }
  .portfolio-project.the-desk #social-section .features-box .item.places {
    left: 50%;
    top: 123px;
    margin-left: -75px;
  }
  .portfolio-project.the-desk #social-section .features-box .item.music {
    left: 71%;
    top: 82px;
    margin-left: -75px;
  }
  .portfolio-project.the-desk #social-section .features-box .item.sheets {
    right: 0;
  }
  .portfolio-project.careflight .panel.video .title {
    left: 50px;
    top: 50px;
  }
  .portfolio-project.careflight .panel.shop .title {
    margin-left: 50px;
  }
  .portfolio-project.careflight .panel.donations .title {
    left: 50px;
    top: 50px;
  }
  .portfolio-project.mcinnes .panel.responsive .title:after {
    height: 87px;
    margin-top: 30px;
  }
  .portfolio-project.sandvik .concept {
    padding-top: 150px;
  }
  .portfolio-project.sandvik .concept .title {
    top: 50px;
    left: 50px;
  }
  .portfolio-project.sandvik .video-prod .title {
    top: 50px;
    left: 50px;
  }
  .portfolio-project.sandvik .screen {
    padding: 95px 0 0 0;
  }
  .portfolio-project.sandvik .screen .title {
    position: absolute;
    top: 10px;
    left: 50px;
  }
  .portfolio-project.sandvik .poster .title {
    top: 50px;
    left: 50px;
  }
  .portfolio-project.menzies .events .title {
    top: 50px;
    left: 50px;
  }
  .portfolio-project.menzies .support .title {
    top: 50px;
    left: 50px;
  }
  .portfolio-project.lsc .corporate {
    padding-bottom: 80px;
  }
  .portfolio-project.lsc .packaging {
    padding-bottom: 80px;
  }
  .portfolio-project.woolworths .panel.fresh .title {
    left: 50px;
    top: 50px;
  }
  .portfolio-project.woolworths .panel.launchpad .title {
    left: 50px;
    top: 50px;
  }
  .portfolio-project.woolworths .panel.traffic .title {
    left: 50px;
    top: 50px;
  }
  .portfolio-project.vnet .portfolio-hero .logo {
    left: 50px;
    top: 50px;
  }
  .portfolio-project.vnet .panel.branding .title {
    left: 50px;
    top: 50px;
  }
  .portfolio-project.vnet .panel.sharepoint .text-wrapper {
    padding: 50px;
  }
  .portfolio-project.vnet .panel.sharepoint .text-wrapper .summary {
    width: 220px;
  }
  .portfolio-project.vnet .panel.mobile .title {
    padding: 50px;
  }
  .portfolio-project.asciano .panel.sharepoint .text-wrapper {
    padding: 50px;
  }
  .portfolio-project.asciano .panel.sharepoint .text-wrapper .summary {
    width: 220px;
  }
  .portfolio-project.asciano .panel.sharepoint .text-wrapper:before {
    margin-top: 5px;
  }
  .portfolio-project.asciano .panel.icons .icons-large {
    margin: 50px;
  }
  .portfolio-project.asciano .panel.icons .icons-large img + img {
    margin-left: 100px;
  }
  .portfolio-project.asciano .panel.icons .icons-small {
    margin: 50px;
  }
  .portfolio-project.asciano .panel.icons .icons-small img + img {
    margin-left: 50px;
  }
  .portfolio-project.first-state .panel.campaigns .title {
    width: auto;
  }
  .portfolio-project.first-state .panel.touchpoints .title {
    width: 30%;
  }
  .portfolio-project.great-whites .streaming .title {
    top: 50px;
    left: 50px;
  }
  .portfolio-project.great-whites .ecommerce .title {
    top: 50px;
    left: 50px;
  }
  .portfolio-project.great-whites .ecommerce .title:before {
    margin-right: -785px;
  }
  .portfolio-project.great-whites .compare .title {
    top: 50px;
    left: 50px;
  }
  .portfolio-project.vinnies-camp .campaign .title:before {
    height: 87px;
    right: 50px;
    width: 232px;
  }
  .portfolio-project.vinnies-camp .campaign #skrollr-body .slide p {
    font-size: 40px;
  }
  .portfolio-project.vinnies-camp .campaign #skrollr-body .slide .chevron {
    bottom: 50px;
  }
  .portfolio-project.vinnies-camp .campaign #skrollr-body #slide-home {
    margin-top: 40px;
    height: 280px;
  }
  .portfolio-project.vinnies-camp .campaign #skrollr-body #slide-home img {
    margin-left: 70px;
  }
  .portfolio-project.vinnies-camp .campaign #skrollr-body #slide-home .link-text {
    font-size: 40px;
    margin-left: -120px;
    margin-top: -65px;
  }
  .portfolio-project.vinnies-camp .campaign #skrollr-body #slide-10 img {
    margin-left: 100px;
  }
  .portfolio-project.vinnies-camp .campaign #skrollr-body #slide-10 p.primary.right {
    top: 55px;
    left: 45%;
  }
  .portfolio-project.vinnies-camp .campaign #skrollr-body #slide-10 p.right {
    top: 200px;
    left: 50%;
  }
  .portfolio-project.vinnies-camp .campaign #skrollr-body #slide-11 img {
    margin-left: 400px;
  }
  .portfolio-project.vinnies-camp .campaign #skrollr-body #slide-11 p.primary {
    top: 30px;
    left: 0;
    width: 35%;
  }
  .portfolio-project.vinnies-camp .campaign #skrollr-body #slide-11 p.bottom-line {
    top: 270px;
    left: 0;
    width: 60%;
  }
  .portfolio-project.vinnies-camp .campaign #skrollr-body #slide-13 img {
    margin-left: 300px;
  }
  .portfolio-project.vinnies-camp .campaign #skrollr-body #slide-13 p.primary {
    top: 30px;
    left: 0;
    width: 40%;
  }
  .portfolio-project.vinnies-camp .campaign #skrollr-body #slide-25 {
    padding-top: 120px;
  }
  .portfolio-project.vinnies-camp .campaign #skrollr-body #slide-25 p.primary {
    width: 60%;
    top: 0;
    left: 0;
  }
  .portfolio-project.vinnies-camp .campaign #skrollr-body #slide-25 p.secondary {
    bottom: 185px;
    left: 50%;
    width: 45%;
    text-align: right;
  }
  .portfolio-project.supanews .portfolio-hero .title {
    bottom: 60px;
  }
  .portfolio-project.supanews .newsagent .title {
    top: 50px;
    left: 50px;
    margin-bottom: 180px;
    width: 1070px;
  }
  .portfolio-project.mater .responsive .title {
    top: 50px;
    padding: 0 50px 100px 50px;
  }
  .portfolio-project.mater .responsive .title:after {
    right: 50px;
  }
  .portfolio-project.mater .streaming .title {
    padding: 50px 50px 50px 50px;
  }
  .portfolio-project.mater .streaming .subtitle {
    padding: 0 15px 5px;
    font-size: 42px;
  }
  .portfolio-project.mater .streaming iframe {
    top: 160px;
    height: 520px;
    width: 975px;
    left: 50%;
    margin-left: -462px;
    padding: 0;
  }
  .portfolio-project.sage-branding .panel.sage-300 .summary {
    font-size: 1.5rem;
  }
  .portfolio-project.sage-handisoft .panel.onboarding .title {
    left: 50px;
    top: 50px;
  }
  .portfolio-project .panel.cover .title {
    top: 50px;
    left: 50px;
  }
  .home-hero__contents {
    position: absolute;
    top: 50%;
    bottom: auto;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: auto;
    right: 15px;
    margin: 0;
    padding: 0;
    width: 335px;
  }
  .home-hero__img-wrapper {
    height: 100%;
    top: 0;
  }
  .home-hero__wrapper {
    padding-right: 355px;
    padding-bottom: 0;
    padding-top: 0;
    position: relative;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    left: 0;
    height: 100%;
    width: 100%;
  }
  .home-hero__wrapper.top {
    top: 0;
  }
  .home-hero__wrapper.top .home-hero__image {
    top: 0;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .home-hero__image {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
  }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .section .tab-link .icon {
    background: url('/img/sprites/tab-icons-2x.png') no-repeat 20px 0;
    background-size: 100px auto;
  }
  .section .tab-link .icon.icon-link {
    background-position: 20px -500px;
  }
  .section .tab-link .icon.icon-people {
    background-position: 20px -400px;
  }
  .section .tab-link .icon.icon-film {
    background-position: 20px -300px;
  }
  .section .tab-link .icon.icon-cog {
    background-position: 20px -200px;
  }
  .section .tab-link .icon.icon-bow {
    background-position: 20px -100px;
  }
  #hero.about .tag-line .icon {
    background: url('/img/sprites/tagline-2x.png') no-repeat 30px 6px;
    background-size: 100px auto;
  }
  #hero.about .tag-line .icon.icon-chart {
    background-position: 21px -84px;
  }
  #hero.about .tag-line .icon.icon-heart {
    background-position: 9px -183px;
  }
}
/*
	jQuery.mmenu CSS
*/

html.mm-opened .mm-page,
html.mm-opened #mm-blocker,
html.mm-opened .mm-fixed-top,
html.mm-opened .mm-fixed-bottom,
html.mm-opened .mm-menu.mm-horizontal > .mm-panel {
  -webkit-transition: none 0.4s ease;
  -moz-transition: none 0.4s ease;
  -ms-transition: none 0.4s ease;
  -o-transition: none 0.4s ease;
  transition: none 0.4s ease;
  -webkit-transition-property: top, right, bottom, left, border, -webkit-transform;
  -moz-transition-property: top, right, bottom, left, border, -moz-transform;
  -ms-transition-property: top, right, bottom, left, border, -ms-transform;
  -o-transition-property: top, right, bottom, left, border, -o-transform;
  transition-property: top, right, bottom, left, border, transform;
}
html.mm-opened .mm-page,
html.mm-opened #mm-blocker {
  left: 0%;
  top: 0;
  margin: 0;
  border: 0px solid transparent;
}
html.mm-opened.mm-opening .mm-page,
html.mm-opened.mm-opening #mm-blocker {
  border: 0px solid rgba(100, 100, 100, 0);
}
.mm-menu .mm-hidden {
  display: none;
}
.mm-fixed-top,
.mm-fixed-bottom {
  position: fixed;
  left: 0;
}
.mm-fixed-top {
  top: 0;
}
.mm-fixed-bottom {
  bottom: 0;
}
html.mm-opened .mm-page,
.mm-menu > .mm-panel {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
html.mm-opened,
html.mm-opened body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
html.mm-opened .mm-page {
  height: 100%;
  overflow: hidden;
  position: absolute;
}
html.mm-background .mm-page {
  background: inherit;
}
#mm-blocker {
  background: white;
  opacity: 0;
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 9999;
}
html.mm-opened #mm-blocker,
html.mm-blocking #mm-blocker {
  display: block;
}
.mm-menu.mm-current {
  display: block;
}
.mm-menu {
  background: inherit;
  display: none;
  overflow: hidden;
  height: 100%;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
.mm-menu > .mm-panel {
  background: inherit;
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  height: 100%;
  padding: 20px;
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 0;
}
.mm-menu > .mm-panel.mm-opened {
  left: 0%;
}
.mm-menu > .mm-panel.mm-subopened {
  left: -40%;
}
.mm-menu > .mm-panel.mm-highest {
  z-index: 1;
}
.mm-menu > .mm-panel.mm-hidden {
  display: block;
  visibility: hidden;
}
.mm-menu .mm-list {
  padding: 20px 0;
}
.mm-menu > .mm-list {
  padding: 20px 0 40px 0;
}
.mm-panel > .mm-list {
  margin-left: -20px;
  margin-right: -20px;
}
.mm-panel > .mm-list:first-child {
  padding-top: 0;
}
.mm-list,
.mm-list > li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
}
.mm-list * {
  -webkit-text-size-adjust: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-shadow: none;
}
.mm-list a,
.mm-list a:hover {
  text-decoration: none;
}
.mm-list > li {
  position: relative;
}
.mm-list > li > a,
.mm-list > li > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: inherit;
  line-height: 20px;
  display: block;
  padding: 10px 10px 10px 20px;
  margin: 0;
}
.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults)::after {
  content: '';
  border-bottom-width: 1px;
  border-bottom-style: solid;
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):after {
  width: auto;
  margin-left: 20px;
  position: relative;
  left: auto;
}
.mm-list a.mm-subopen {
  width: 40px;
  height: 100%;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.mm-list a.mm-subopen::before {
  content: '';
  border-left-width: 1px;
  border-left-style: solid;
  display: block;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.mm-list a.mm-subopen.mm-fullsubopen {
  width: 100%;
}
.mm-list a.mm-subopen.mm-fullsubopen:before {
  border-left: none;
}
.mm-list a.mm-subopen + a,
.mm-list a.mm-subopen + span {
  padding-right: 5px;
  margin-right: 40px;
}
.mm-list > li.mm-selected > a.mm-subopen {
  background: transparent;
}
.mm-list > li.mm-selected > a.mm-fullsubopen + a,
.mm-list > li.mm-selected > a.mm-fullsubopen + span {
  padding-right: 45px;
  margin-right: 0;
}
.mm-list a.mm-subclose {
  text-indent: 20px;
  padding-top: 30px;
  margin-top: -20px;
}
.mm-list > li.mm-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 10px;
  text-transform: uppercase;
  text-indent: 20px;
  line-height: 25px;
  padding-right: 5px;
}
.mm-list > li.mm-spacer {
  padding-top: 40px;
}
.mm-list > li.mm-spacer.mm-label {
  padding-top: 25px;
}
.mm-list a.mm-subopen:after,
.mm-list a.mm-subclose:before {
  content: '';
  border: 2px solid transparent;
  display: block;
  width: 7px;
  height: 7px;
  margin-bottom: -5px;
  position: absolute;
  bottom: 50%;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.mm-list a.mm-subopen:after {
  border-top: none;
  border-left: none;
  right: 18px;
}
.mm-list a.mm-subclose:before {
  border-right: none;
  border-bottom: none;
  margin-bottom: -15px;
  left: 22px;
}
.mm-menu.mm-vertical .mm-list .mm-panel {
  display: none;
  padding: 10px 0 10px 10px;
}
.mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {
  border-color: transparent;
}
.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel {
  display: block;
}
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen {
  height: 40px;
}
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 16px;
  right: 16px;
}
html.mm-opened .mm-page {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
.mm-ismenu {
  background: #333333;
}
.mm-menu {
  color: rgba(255, 255, 255, 0.6);
}
.mm-menu .mm-list > li:after {
  border-color: rgba(0, 0, 0, 0.15);
}
.mm-menu .mm-list > li > a.mm-subclose {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(255, 255, 255, 0.3);
}
.mm-menu .mm-list > li > a.mm-subopen:after,
.mm-menu .mm-list > li > a.mm-subclose:before {
  border-color: rgba(255, 255, 255, 0.3);
}
.mm-menu .mm-list > li > a.mm-subopen:before {
  border-color: rgba(0, 0, 0, 0.15);
}
.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen),
.mm-menu .mm-list > li.mm-selected > span {
  background: rgba(0, 0, 0, 0.1);
}
.mm-menu .mm-list > li.mm-label {
  background: rgba(255, 255, 255, 0.05);
}
.mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
.mm-menu.mm-vertical .mm-list li.mm-opened > ul {
  background: rgba(255, 255, 255, 0.05);
}
html.mm-opened.mm-opening .mm-page,
html.mm-opened.mm-opening #mm-blocker,
html.mm-opened.mm-opening .mm-fixed-top,
html.mm-opened.mm-opening .mm-fixed-bottom {
  left: 80%;
}
.mm-menu {
  width: 80%;
}
@media all and (max-width: 175px) {
  .mm-menu {
    width: 140px;
  }
  html.mm-opened.mm-opening .mm-page,
  html.mm-opened.mm-opening #mm-blocker,
  html.mm-opened.mm-opening .mm-fixed-top,
  html.mm-opened.mm-opening .mm-fixed-bottom {
    left: 140px;
  }
}
@media all and (min-width: 550px) {
  .mm-menu {
    width: 440px;
  }
  html.mm-opened.mm-opening .mm-page,
  html.mm-opened.mm-opening #mm-blocker,
  html.mm-opened.mm-opening .mm-fixed-top,
  html.mm-opened.mm-opening .mm-fixed-bottom {
    left: 440px;
  }
}
html.mm-nooverflowscrolling.mm-opened {
  height: auto;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: scroll;
}
html.mm-nooverflowscrolling.mm-opened body {
  overflow: auto;
}
html.mm-nooverflowscrolling.mm-opened .mm-page {
  min-height: 1000px;
  position: fixed;
}
html.mm-nooverflowscrolling.mm-opened .mm-menu {
  height: auto;
  min-height: 1000px;
  overflow: auto;
  overflow-x: hidden;
  position: relative;
  left: auto;
  top: auto;
}
html.mm-nooverflowscrolling.mm-opened > .mm-panel {
  position: relative;
  height: auto;
  display: none;
  left: 0;
}
html.mm-nooverflowscrolling.mm-opened > .mm-panel.mm-current {
  display: block;
}
/*
	jQuery.mmenu counters addon CSS
*/

em.mm-counter {
  font-style: normal;
  text-indent: 0;
  line-height: 20px;
  display: block;
  margin-top: -10px;
  position: absolute;
  right: 40px;
  top: 50%;
}
em.mm-counter + a.mm-subopen {
  padding-left: 40px;
}
em.mm-counter + a.mm-subopen + a,
em.mm-counter + a.mm-subopen + span {
  margin-right: 80px;
}
em.mm-counter + a.mm-fullsubopen {
  padding-left: 0;
}
.mm-vertical em.mm-counter {
  top: 12px;
  margin-top: 0;
}
.mm-nosubresults > em.mm-counter {
  display: none;
}
.mm-menu em.mm-counter {
  color: rgba(255, 255, 255, 0.3);
}
/*
	jQuery.mmenu dragOpen addon CSS
*/

html.mm-opened.mm-dragging .mm-menu,
html.mm-opened.mm-dragging .mm-page,
html.mm-opened.mm-dragging #mm-blocker {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
/*
	jQuery.mmenu header addon CSS
*/

.mm-header {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-text-size-adjust: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-shadow: none;
  background: inherit;
  border-bottom: 1px solid transparent;
  text-align: center;
  line-height: 20px;
  width: 100%;
  height: 60px;
  padding: 30px 40px 0 40px;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
}
.mm-header .mm-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  width: 100%;
  position: relative;
  z-index: 1;
}
.mm-header .mm-prev,
.mm-header .mm-next {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  display: block;
  width: 40px;
  height: 100%;
  position: absolute;
  bottom: 0;
}
.mm-header .mm-prev:before,
.mm-header .mm-next:before {
  content: '';
  border: 2px solid transparent;
  display: block;
  width: 7px;
  height: 7px;
  margin-bottom: -5px;
  position: absolute;
  bottom: 50%;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-bottom: -15px;
}
.mm-header .mm-prev {
  left: 0;
}
.mm-header .mm-prev:before {
  border-right: none;
  border-bottom: none;
  left: 22px;
}
.mm-header .mm-next {
  right: 0;
}
.mm-header .mm-next:before {
  border-top: none;
  border-left: none;
  right: 18px;
}
.mm-menu.mm-hassearch .mm-header {
  height: 50px;
  padding-top: 20px;
  top: 50px;
}
.mm-menu.mm-hassearch .mm-header .mm-prev:before,
.mm-menu.mm-hassearch .mm-header .mm-mext:before {
  margin-bottom: -10px;
}
.mm-menu.mm-hasheader li.mm-subtitle {
  display: none;
}
.mm-menu.mm-hasheader .mm-panel {
  padding-top: 80px;
}
.mm-menu.mm-hasheader.mm-hassearch > .mm-panel {
  padding-top: 120px;
}
.mm-menu.mm-hasheader.mm-ismenu > .mm-panel {
  padding-top: 60px;
}
.mm-menu.mm-hasheader.mm-ismenu.mm-hassearch > .mm-panel {
  padding-top: 100px;
}
.mm-menu .mm-header {
  border-color: rgba(0, 0, 0, 0.15);
  color: rgba(255, 255, 255, 0.3);
}
.mm-menu .mm-header a:before {
  border-color: rgba(255, 255, 255, 0.3);
}
/*
	jQuery.mmenu labels addon CSS
*/

.mm-list > li.mm-label * {
  font: inherit;
}
.mm-menu.mm-fixedlabels .mm-list {
  background: inherit;
}
.mm-menu.mm-fixedlabels .mm-list > li.mm-label {
  background: inherit !important;
  opacity: 0.97;
  height: 25px;
  overflow: visible;
  position: relative;
  z-index: 1;
}
.mm-menu.mm-fixedlabels .mm-list > li.mm-label > div {
  background: inherit;
  width: 100%;
  position: absolute;
  left: 0;
}
.mm-menu.mm-fixedlabels .mm-list > li.mm-label > div > div {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.mm-menu.mm-fixedlabels .mm-list > li.mm-label.mm-spacer > div > div {
  padding-top: 25px;
}
.mm-list > li.mm-label > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
}
.mm-list > li.mm-label.mm-opened a.mm-subopen:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 17px;
}
.mm-list > li.mm-collapsed {
  display: none;
}
.mm-menu .mm-list li.mm-label > div > div {
  background: rgba(255, 255, 255, 0.05);
}
/*
	jQuery.mmenu searchfield addon CSS
*/

.mm-search,
.mm-search input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.mm-search {
  background: inherit;
  width: 100%;
  height: 50px;
  padding: 10px;
  position: relative;
  top: 0;
  z-index: 2;
}
.mm-search input {
  -webkit-text-size-adjust: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-shadow: none;
  border: none;
  border-radius: 15px;
  line-height: 30px;
  outline: none;
  display: block;
  width: 100%;
  height: 30px;
  margin: 0;
  padding: 0 10px;
}
.mm-menu li.mm-nosubresults > a.mm-subopen {
  display: none;
}
.mm-menu li.mm-nosubresults > a.mm-subopen + a,
.mm-menu li.mm-nosubresults > a.mm-subopen + span {
  padding-right: 10px;
}
.mm-menu li.mm-noresults {
  text-align: center;
  font-size: 20px;
  display: none;
  padding-top: 80px;
}
.mm-menu li.mm-noresults:after {
  border: none;
}
.mm-menu.mm-noresults li.mm-noresults {
  display: block;
}
.mm-menu.mm-hassearch > .mm-panel {
  padding-top: 60px;
}
.mm-menu .mm-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.6);
}
.mm-menu li.mm-noresults {
  color: rgba(255, 255, 255, 0.3);
}
/*
	jQuery.mmenu effects extension CSS
*/

html.mm-slide .mm-menu {
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  transition: transform 0.4s ease;
}
html.mm-slide.mm-opened .mm-menu {
  -webkit-transform: translateX(-40%);
  -moz-transform: translateX(-40%);
  -ms-transform: translateX(-40%);
  -o-transform: translateX(-40%);
  transform: translateX(-40%);
}
html.mm-slide.mm-opening .mm-menu {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
html.mm-slide.mm-right.mm-opened .mm-menu {
  -webkit-transform: translateX(40%);
  -moz-transform: translateX(40%);
  -ms-transform: translateX(40%);
  -o-transform: translateX(40%);
  transform: translateX(40%);
}
html.mm-slide.mm-right.mm-opening .mm-menu {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
html.mm-slide.mm-top.mm-opened .mm-menu {
  -webkit-transform: translateY(-40%);
  -moz-transform: translateY(-40%);
  -ms-transform: translateY(-40%);
  -o-transform: translateY(-40%);
  transform: translateY(-40%);
}
html.mm-slide.mm-top.mm-opening .mm-menu {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
}
html.mm-slide.mm-bottom.mm-opened .mm-menu {
  -webkit-transform: translateY(40%);
  -moz-transform: translateY(40%);
  -ms-transform: translateY(40%);
  -o-transform: translateY(40%);
  transform: translateY(40%);
}
html.mm-slide.mm-bottom.mm-opening .mm-menu {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
}
html.mm-zoom-menu .mm-menu {
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  transition: transform 0.4s ease;
}
html.mm-zoom-menu.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateX(-40%);
  -moz-transform: scale(0.7, 0.7) translateX(-40%);
  -ms-transform: scale(0.7, 0.7) translateX(-40%);
  -o-transform: scale(0.7, 0.7) translateX(-40%);
  transform: scale(0.7, 0.7) translateX(-40%);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
html.mm-zoom-menu.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateX(0%);
  -moz-transform: scale(1, 1) translateX(0%);
  -ms-transform: scale(1, 1) translateX(0%);
  -o-transform: scale(1, 1) translateX(0%);
  transform: scale(1, 1) translateX(0%);
}
html.mm-zoom-menu.mm-right.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateX(40%);
  -moz-transform: scale(0.7, 0.7) translateX(40%);
  -ms-transform: scale(0.7, 0.7) translateX(40%);
  -o-transform: scale(0.7, 0.7) translateX(40%);
  transform: scale(0.7, 0.7) translateX(40%);
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  transform-origin: right center;
}
html.mm-zoom-menu.mm-right.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateX(0%);
  -moz-transform: scale(1, 1) translateX(0%);
  -ms-transform: scale(1, 1) translateX(0%);
  -o-transform: scale(1, 1) translateX(0%);
  transform: scale(1, 1) translateX(0%);
}
html.mm-zoom-menu.mm-top.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateY(-40%);
  -moz-transform: scale(0.7, 0.7) translateY(-40%);
  -ms-transform: scale(0.7, 0.7) translateY(-40%);
  -o-transform: scale(0.7, 0.7) translateY(-40%);
  transform: scale(0.7, 0.7) translateY(-40%);
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -ms-transform-origin: center top;
  -o-transform-origin: center top;
  transform-origin: center top;
}
html.mm-zoom-menu.mm-top.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateY(0%);
  -moz-transform: scale(1, 1) translateY(0%);
  -ms-transform: scale(1, 1) translateY(0%);
  -o-transform: scale(1, 1) translateY(0%);
  transform: scale(1, 1) translateY(0%);
}
html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateY(40%);
  -moz-transform: scale(0.7, 0.7) translateY(40%);
  -ms-transform: scale(0.7, 0.7) translateY(40%);
  -o-transform: scale(0.7, 0.7) translateY(40%);
  transform: scale(0.7, 0.7) translateY(40%);
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  -o-transform-origin: center bottom;
  transform-origin: center bottom;
}
html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateY(0%);
  -moz-transform: scale(1, 1) translateY(0%);
  -ms-transform: scale(1, 1) translateY(0%);
  -o-transform: scale(1, 1) translateY(0%);
  transform: scale(1, 1) translateY(0%);
}
html.mm-zoom-page.mm-opened .mm-page {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
html.mm-zoom-page.mm-opening .mm-page {
  -webkit-transform: scale(1.5, 1.5);
  -moz-transform: scale(1.5, 1.5);
  -ms-transform: scale(1.5, 1.5);
  -o-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
}
html.mm-zoom-page.mm-right.mm-opened .mm-page {
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  transform-origin: right center;
}
html.mm-zoom-page.mm-top.mm-opened .mm-page {
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -ms-transform-origin: center top;
  -o-transform-origin: center top;
  transform-origin: center top;
}
html.mm-zoom-page.mm-bottom.mm-opened .mm-page {
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  -o-transform-origin: center bottom;
  transform-origin: center bottom;
}
html.mm-zoom-panels .mm-panel {
  -webkit-transform: scale(1.5, 1.5);
  -moz-transform: scale(1.5, 1.5);
  -ms-transform: scale(1.5, 1.5);
  -o-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
html.mm-zoom-panels .mm-panel.mm-opened {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}
html.mm-zoom-panels .mm-panel.mm-opened.mm-subopened {
  -webkit-transform: scale(0.7, 0.7);
  -moz-transform: scale(0.7, 0.7);
  -ms-transform: scale(0.7, 0.7);
  -o-transform: scale(0.7, 0.7);
  transform: scale(0.7, 0.7);
}
/*
	jQuery.mmenu fullscreen extension CSS
*/

html.mm-opened.mm-opening.mm-fullscreen .mm-page,
html.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
html.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top,
html.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
  left: 100%;
}
.mm-menu.mm-fullscreen {
  width: 100%;
}
@media all and (max-width: 140px) {
  .mm-menu.mm-fullscreen {
    width: 140px;
  }
  html.mm-opened.mm-opening.mm-fullscreen .mm-page,
  html.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top,
  html.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
    left: 140px;
  }
}
@media all and (min-width: 10000px) {
  .mm-menu.mm-fullscreen {
    width: 10000px;
  }
  html.mm-opened.mm-opening.mm-fullscreen .mm-page,
  html.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top,
  html.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
    left: 10000px;
  }
}
.mm-menu.mm-top.mm-fullscreen {
  height: 100%;
}
html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-page,
html.mm-top.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top {
  top: 100%;
}
html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
  bottom: -100%;
}
@media all and (max-height: 140px) {
  .mm-menu.mm-top.mm-fullscreen {
    height: 140px;
  }
  html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-page,
  html.mm-top.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top {
    top: 140px;
  }
  html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
    bottom: -140px;
  }
}
@media all and (min-height: 10000px) {
  .mm-menu.mm-top.mm-fullscreen {
    height: 10000px;
  }
  html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-page,
  html.mm-top.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top {
    top: 10000px;
  }
  html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
    bottom: -10000px;
  }
}
.mm-menu.mm-right.mm-fullscreen {
  width: 100%;
}
html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-page,
html.mm-right.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top,
html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
  right: 100%;
}
@media all and (max-width: 140px) {
  .mm-menu.mm-right.mm-fullscreen {
    width: 140px;
  }
  html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-page,
  html.mm-right.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top,
  html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
    right: 140px;
  }
}
@media all and (min-width: 10000px) {
  .mm-menu.mm-right.mm-fullscreen {
    width: 10000px;
  }
  html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-page,
  html.mm-right.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top,
  html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
    right: 10000px;
  }
}
.mm-menu.mm-bottom.mm-fullscreen {
  height: 100%;
}
html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-page,
html.mm-bottom.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
  bottom: 100%;
}
html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top {
  top: -100%;
}
@media all and (max-height: 140px) {
  .mm-menu.mm-bottom.mm-fullscreen {
    height: 140px;
  }
  html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-page,
  html.mm-bottom.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
    bottom: 140px;
  }
  html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top {
    top: -140px;
  }
}
@media all and (min-height: 10000px) {
  .mm-menu.mm-bottom.mm-fullscreen {
    height: 10000px;
  }
  html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-page,
  html.mm-bottom.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
    bottom: 10000px;
  }
  html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top {
    top: -10000px;
  }
}
.mm-menu.mm-fullscreen.mm-front,
.mm-menu.mm-fullscreen.mm-next {
  left: -100%;
}
@media all and (max-width: 140px) {
  .mm-menu.mm-fullscreen.mm-front,
  .mm-menu.mm-fullscreen.mm-next {
    left: -140px;
  }
}
@media all and (min-width: 10000px) {
  .mm-menu.mm-fullscreen.mm-front,
  .mm-menu.mm-fullscreen.mm-next {
    left: -10000px;
  }
}
.mm-menu.mm-top.mm-fullscreen.mm-front,
.mm-menu.mm-top.mm-fullscreen.mm-next {
  top: -100%;
}
@media all and (max-height: 140px) {
  .mm-menu.mm-top.mm-fullscreen.mm-front,
  .mm-menu.mm-top.mm-fullscreen.mm-next {
    top: -140px;
  }
}
@media all and (min-height: 10000px) {
  .mm-menu.mm-top.mm-fullscreen.mm-front,
  .mm-menu.mm-top.mm-fullscreen.mm-next {
    top: -10000px;
  }
}
.mm-menu.mm-right.mm-fullscreen.mm-front,
.mm-menu.mm-right.mm-fullscreen.mm-next {
  right: -100%;
}
@media all and (max-width: 140px) {
  .mm-menu.mm-right.mm-fullscreen.mm-front,
  .mm-menu.mm-right.mm-fullscreen.mm-next {
    right: -140px;
  }
}
@media all and (min-width: 10000px) {
  .mm-menu.mm-right.mm-fullscreen.mm-front,
  .mm-menu.mm-right.mm-fullscreen.mm-next {
    right: -10000px;
  }
}
.mm-menu.mm-bottom.mm-fullscreen.mm-front,
.mm-menu.mm-bottom.mm-fullscreen.mm-next {
  bottom: -100%;
}
@media all and (max-height: 140px) {
  .mm-menu.mm-bottom.mm-fullscreen.mm-front,
  .mm-menu.mm-bottom.mm-fullscreen.mm-next {
    bottom: -140px;
  }
}
@media all and (min-height: 10000px) {
  .mm-menu.mm-bottom.mm-fullscreen.mm-front,
  .mm-menu.mm-bottom.mm-fullscreen.mm-next {
    bottom: -10000px;
  }
}
html.mm-opened.mm-front .mm-fixed-top,
html.mm-opened.mm-front .mm-fixed-bottom,
html.mm-opened.mm-opening.mm-front .mm-fixed-top,
html.mm-opened.mm-opening.mm-front .mm-fixed-bottom {
  left: 0;
  right: auto;
}
html.mm-opened.mm-front .mm-fixed-top,
html.mm-opened.mm-opening.mm-front .mm-fixed-top {
  top: 0;
}
html.mm-opened.mm-front .mm-fixed-bottom,
html.mm-opened.mm-opening.mm-front .mm-fixed-bottom {
  bottom: 0;
}
html.mm-opened.mm-fullscreen .mm-page {
  box-shadow: none !important;
}
/*
	jQuery.mmenu hardware acceleration extension CSS
*/

/*
	The CSS rules in this file should force all transitions for the menu into hardware acceleration.
	Unfortunately, this is really buggy in different browsers.
	Use with caution and test thoroughly!
*/

html.mm-accelerated.mm-opened .mm-page,
html.mm-accelerated.mm-opened #mm-blocker,
html.mm-accelerated.mm-opened .mm-menu.mm-front,
html.mm-accelerated.mm-opened .mm-menu.mm-next {
  -webkit-transform: translate3d(0, 0, 0px);
  -moz-transform: translate3d(0, 0, 0px);
  -ms-transform: translate3d(0, 0, 0px);
  -o-transform: translate3d(0, 0, 0px);
  transform: translate3d(0, 0, 0px);
}
html.mm-accelerated.mm-opened.mm-opening .mm-page,
html.mm-accelerated.mm-opened.mm-opening #mm-blocker,
html.mm-accelerated.mm-opened.mm-opening .mm-menu.mm-front,
html.mm-accelerated.mm-opened.mm-opening .mm-menu.mm-next {
  -webkit-transform: translate3d(0, 0, 1px);
  -moz-transform: translate3d(0, 0, 1px);
  -ms-transform: translate3d(0, 0, 1px);
  -o-transform: translate3d(0, 0, 1px);
  transform: translate3d(0, 0, 1px);
}
html.mm-accelerated .mm-menu.mm-horizontal .mm-panel {
  -webkit-transform: translate3d(0, 0, 0px);
  -moz-transform: translate3d(0, 0, 0px);
  -ms-transform: translate3d(0, 0, 0px);
  -o-transform: translate3d(0, 0, 0px);
  transform: translate3d(0, 0, 0px);
}
html.mm-accelerated .mm-menu.mm-horizontal .mm-panel.mm-opened {
  -webkit-transform: translate3d(0, 0, 1px);
  -moz-transform: translate3d(0, 0, 1px);
  -ms-transform: translate3d(0, 0, 1px);
  -o-transform: translate3d(0, 0, 1px);
  transform: translate3d(0, 0, 1px);
}
html.mm-accelerated .mm-menu.mm-horizontal .mm-panel.mm-opened.mm-subopened {
  -webkit-transform: translate3d(0, 0, 2px);
  -moz-transform: translate3d(0, 0, 2px);
  -ms-transform: translate3d(0, 0, 2px);
  -o-transform: translate3d(0, 0, 2px);
  transform: translate3d(0, 0, 2px);
}
/*
	jQuery.mmenu position extension CSS
*/

.mm-menu.mm-top {
  width: 100%;
}
html.mm-top.mm-opened .mm-page,
html.mm-top.mm-opened #mm-blocker {
  top: 0%;
}
html.mm-top.mm-opened.mm-opening .mm-page,
html.mm-top.mm-opened.mm-opening #mm-blocker,
html.mm-top.mm-opened.mm-opening .mm-fixed-top,
html.mm-top.mm-opened.mm-opening .mm-fixed-bottom {
  left: 0;
}
.mm-menu.mm-right {
  left: auto;
  right: 0;
}
html.mm-right.mm-opened .mm-page,
html.mm-right.mm-opened #mm-blocker,
html.mm-right.mm-opened .mm-fixed-top,
html.mm-right.mm-opened .mm-fixed-bottom {
  left: auto;
  right: 0%;
}
html.mm-right.mm-opened.mm-opening .mm-page,
html.mm-right.mm-opened.mm-opening #mm-blocker,
html.mm-right.mm-opened.mm-opening .mm-fixed-top,
html.mm-right.mm-opened.mm-opening .mm-fixed-bottom {
  left: auto;
}
.mm-menu.mm-bottom {
  width: 100%;
  top: auto;
  bottom: 0;
}
html.mm-bottom.mm-opened .mm-page,
html.mm-bottom.mm-opened #mm-blocker {
  bottom: 0%;
  top: auto;
}
html.mm-bottom.mm-opened.mm-opening .mm-page,
html.mm-bottom.mm-opened.mm-opening #mm-blocker,
html.mm-bottom.mm-opened.mm-opening .mm-fixed-top,
html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom {
  top: auto;
  left: 0;
}
.mm-menu.mm-top {
  height: 80%;
}
html.mm-top.mm-opened.mm-opening .mm-page,
html.mm-top.mm-opened.mm-opening #mm-blocker,
html.mm-top.mm-opened.mm-opening .mm-fixed-top {
  top: 0;
}
html.mm-top.mm-opened.mm-opening .mm-fixed-bottom {
  bottom: -80%;
}
@media all and (max-height: 175px) {
  .mm-menu.mm-top {
    height: 140px;
  }
  html.mm-top.mm-opened.mm-opening .mm-page,
  html.mm-top.mm-opened.mm-opening #mm-blocker,
  html.mm-top.mm-opened.mm-opening .mm-fixed-top {
    top: 140px;
  }
  html.mm-top.mm-opened.mm-opening .mm-fixed-bottom {
    bottom: -140px;
  }
}
@media all and (min-height: 1100px) {
  .mm-menu.mm-top {
    height: 880px;
  }
  html.mm-top.mm-opened.mm-opening .mm-page,
  html.mm-top.mm-opened.mm-opening #mm-blocker,
  html.mm-top.mm-opened.mm-opening .mm-fixed-top {
    top: 880px;
  }
  html.mm-top.mm-opened.mm-opening .mm-fixed-bottom {
    bottom: -880px;
  }
}
.mm-menu.mm-right {
  width: 80%;
}
html.mm-right.mm-opened.mm-opening .mm-page,
html.mm-right.mm-opened.mm-opening #mm-blocker,
html.mm-right.mm-opened.mm-opening .mm-fixed-top,
html.mm-right.mm-opened.mm-opening .mm-fixed-bottom {
  right: 80%;
}
@media all and (max-width: 175px) {
  .mm-menu.mm-right {
    width: 140px;
  }
  html.mm-right.mm-opened.mm-opening .mm-page,
  html.mm-right.mm-opened.mm-opening #mm-blocker,
  html.mm-right.mm-opened.mm-opening .mm-fixed-top,
  html.mm-right.mm-opened.mm-opening .mm-fixed-bottom {
    right: 140px;
  }
}
@media all and (min-width: 550px) {
  .mm-menu.mm-right {
    width: 440px;
  }
  html.mm-right.mm-opened.mm-opening .mm-page,
  html.mm-right.mm-opened.mm-opening #mm-blocker,
  html.mm-right.mm-opened.mm-opening .mm-fixed-top,
  html.mm-right.mm-opened.mm-opening .mm-fixed-bottom {
    right: 440px;
  }
}
.mm-menu.mm-bottom {
  height: 80%;
}
html.mm-bottom.mm-opened.mm-opening .mm-page,
html.mm-bottom.mm-opened.mm-opening #mm-blocker,
html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom {
  bottom: 80%;
}
html.mm-bottom.mm-opened.mm-opening .mm-fixed-top {
  top: -80%;
}
@media all and (max-height: 175px) {
  .mm-menu.mm-bottom {
    height: 140px;
  }
  html.mm-bottom.mm-opened.mm-opening .mm-page,
  html.mm-bottom.mm-opened.mm-opening #mm-blocker,
  html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom {
    bottom: 140px;
  }
  html.mm-bottom.mm-opened.mm-opening .mm-fixed-top {
    top: -140px;
  }
}
@media all and (min-height: 1100px) {
  .mm-menu.mm-bottom {
    height: 880px;
  }
  html.mm-bottom.mm-opened.mm-opening .mm-page,
  html.mm-bottom.mm-opened.mm-opening #mm-blocker,
  html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom {
    bottom: 880px;
  }
  html.mm-bottom.mm-opened.mm-opening .mm-fixed-top {
    top: -880px;
  }
}
/*
	jQuery.mmenu z-position extension CSS
*/

html.mm-front.mm-opened .mm-page {
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
}
.mm-menu.mm-front,
.mm-menu.mm-next {
  -webkit-transition: none 0.4s ease;
  -moz-transition: none 0.4s ease;
  -ms-transition: none 0.4s ease;
  -o-transition: none 0.4s ease;
  transition: none 0.4s ease;
  -webkit-transition-property: top, right, bottom, left, -webkit-transform;
  -moz-transition-property: top, right, bottom, left, -moz-transform;
  -ms-transition-property: top, right, bottom, left, -o-transform;
  -o-transition-property: top, right, bottom, left, -o-transform;
  transition-property: top, right, bottom, left, transform;
}
html.mm-front .mm-page,
html.mm-front #mm-blocker {
  z-index: 0;
}
.mm-menu.mm-front {
  z-index: 1;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}
html.mm-opened.mm-next .mm-page {
  box-shadow: none;
}
html.mm-opening .mm-menu.mm-front,
html.mm-opening .mm-menu.mm-next {
  left: 0%;
}
.mm-menu.mm-top.mm-front,
.mm-menu.mm-top.mm-next {
  left: 0;
}
html.mm-opening .mm-menu.mm-top.mm-front,
html.mm-opening .mm-menu.mm-top.mm-next {
  left: 0;
  top: 0%;
}
.mm-menu.mm-right.mm-front,
.mm-menu.mm-right.mm-next {
  left: auto;
}
html.mm-opening .mm-menu.mm-right.mm-front,
html.mm-opening .mm-menu.mm-right.mm-next {
  left: auto;
  right: 0%;
}
.mm-menu.mm-bottom.mm-front,
.mm-menu.mm-bottom.mm-next {
  top: auto;
  left: 0;
}
html.mm-opening .mm-menu.mm-bottom.mm-front,
html.mm-opening .mm-menu.mm-bottom.mm-next {
  left: 0;
  bottom: 0%;
}
.mm-menu.mm-front,
.mm-menu.mm-next {
  left: -80%;
}
@media all and (max-width: 175px) {
  .mm-menu.mm-front,
  .mm-menu.mm-next {
    left: -140px;
  }
}
@media all and (min-width: 550px) {
  .mm-menu.mm-front,
  .mm-menu.mm-next {
    left: -440px;
  }
}
.mm-menu.mm-top.mm-front,
.mm-menu.mm-top.mm-next {
  top: -80%;
}
@media all and (max-height: 175px) {
  .mm-menu.mm-top.mm-front,
  .mm-menu.mm-top.mm-next {
    top: -140px;
  }
}
@media all and (min-height: 1100px) {
  .mm-menu.mm-top.mm-front,
  .mm-menu.mm-top.mm-next {
    top: -880px;
  }
}
.mm-menu.mm-right.mm-front,
.mm-menu.mm-right.mm-next {
  right: -80%;
}
@media all and (max-width: 175px) {
  .mm-menu.mm-right.mm-front,
  .mm-menu.mm-right.mm-next {
    right: -140px;
  }
}
@media all and (min-width: 550px) {
  .mm-menu.mm-right.mm-front,
  .mm-menu.mm-right.mm-next {
    right: -440px;
  }
}
.mm-menu.mm-bottom.mm-front,
.mm-menu.mm-bottom.mm-next {
  bottom: -80%;
}
@media all and (max-height: 175px) {
  .mm-menu.mm-bottom.mm-front,
  .mm-menu.mm-bottom.mm-next {
    bottom: -140px;
  }
}
@media all and (min-height: 1100px) {
  .mm-menu.mm-bottom.mm-front,
  .mm-menu.mm-bottom.mm-next {
    bottom: -880px;
  }
}
html.mm-opened.mm-front .mm-fixed-top,
html.mm-opened.mm-front .mm-fixed-bottom,
html.mm-opened.mm-opening.mm-front .mm-fixed-top,
html.mm-opened.mm-opening.mm-front .mm-fixed-bottom {
  left: 0;
  right: auto;
}
html.mm-opened.mm-front .mm-fixed-top,
html.mm-opened.mm-opening.mm-front .mm-fixed-top {
  top: 0;
}
html.mm-opened.mm-front .mm-fixed-bottom,
html.mm-opened.mm-opening.mm-front .mm-fixed-bottom {
  bottom: 0;
}
/*
	jQuery.mmenu themes extension CSS
*/

html.mm-opened.mm-light .mm-page {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.mm-ismenu.mm-light {
  background: #f3f3f3;
}
.mm-menu.mm-light {
  color: rgba(0, 0, 0, 0.6);
}
.mm-menu.mm-light .mm-list > li:after {
  border-color: rgba(0, 0, 0, 0.1);
}
.mm-menu.mm-light .mm-list > li > a.mm-subclose {
  background: rgba(255, 255, 255, 0.6);
  color: rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-light .mm-list > li > a.mm-subopen:after,
.mm-menu.mm-light .mm-list > li > a.mm-subclose:before {
  border-color: rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-light .mm-list > li > a.mm-subopen:before {
  border-color: rgba(0, 0, 0, 0.1);
}
.mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen),
.mm-menu.mm-light .mm-list > li.mm-selected > span {
  background: rgba(255, 255, 255, 0.6);
}
.mm-menu.mm-light .mm-list > li.mm-label {
  background: rgba(0, 0, 0, 0.03);
}
.mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
.mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul {
  background: rgba(0, 0, 0, 0.03);
}
.mm-menu.mm-light .mm-search input {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6);
}
.mm-menu.mm-light li.mm-noresults {
  color: rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-light em.mm-counter {
  color: rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-light .mm-list li.mm-label > div > div {
  background: rgba(0, 0, 0, 0.03);
}
.mm-menu.mm-light .mm-header {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-light .mm-header a:before {
  border-color: rgba(0, 0, 0, 0.3);
}
html.mm-opened.mm-white .mm-page {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.mm-ismenu.mm-white {
  background: white;
}
.mm-menu.mm-white {
  color: rgba(0, 0, 0, 0.6);
}
.mm-menu.mm-white .mm-list > li:after {
  border-color: rgba(0, 0, 0, 0.1);
}
.mm-menu.mm-white .mm-list > li > a.mm-subclose {
  background: rgba(0, 0, 0, 0.08);
  color: rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-white .mm-list > li > a.mm-subopen:after,
.mm-menu.mm-white .mm-list > li > a.mm-subclose:before {
  border-color: rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-white .mm-list > li > a.mm-subopen:before {
  border-color: rgba(0, 0, 0, 0.1);
}
.mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen),
.mm-menu.mm-white .mm-list > li.mm-selected > span {
  background: rgba(0, 0, 0, 0.08);
}
.mm-menu.mm-white .mm-list > li.mm-label {
  background: rgba(0, 0, 0, 0.03);
}
.mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
.mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul {
  background: rgba(0, 0, 0, 0.03);
}
.mm-menu.mm-white .mm-search input {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6);
}
.mm-menu.mm-white li.mm-noresults {
  color: rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-white em.mm-counter {
  color: rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-white .mm-list li.mm-label > div > div {
  background: rgba(0, 0, 0, 0.03);
}
.mm-menu.mm-white .mm-header {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-white .mm-header a:before {
  border-color: rgba(0, 0, 0, 0.3);
}
html.mm-opened.mm-black .mm-page {
  box-shadow: none;
}
.mm-ismenu.mm-black {
  background: black;
}
.mm-menu.mm-black {
  color: rgba(255, 255, 255, 0.6);
}
.mm-menu.mm-black .mm-list > li:after {
  border-color: rgba(255, 255, 255, 0.2);
}
.mm-menu.mm-black .mm-list > li > a.mm-subclose {
  background: rgba(255, 255, 255, 0.25);
  color: rgba(255, 255, 255, 0.3);
}
.mm-menu.mm-black .mm-list > li > a.mm-subopen:after,
.mm-menu.mm-black .mm-list > li > a.mm-subclose:before {
  border-color: rgba(255, 255, 255, 0.3);
}
.mm-menu.mm-black .mm-list > li > a.mm-subopen:before {
  border-color: rgba(255, 255, 255, 0.2);
}
.mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen),
.mm-menu.mm-black .mm-list > li.mm-selected > span {
  background: rgba(255, 255, 255, 0.25);
}
.mm-menu.mm-black .mm-list > li.mm-label {
  background: rgba(255, 255, 255, 0.15);
}
.mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
.mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul {
  background: rgba(255, 255, 255, 0.15);
}
.mm-menu.mm-black .mm-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.6);
}
.mm-menu.mm-black li.mm-noresults {
  color: rgba(255, 255, 255, 0.3);
}
.mm-menu.mm-black em.mm-counter {
  color: rgba(255, 255, 255, 0.3);
}
.mm-menu.mm-black .mm-list li.mm-label > div > div {
  background: rgba(255, 255, 255, 0.15);
}
.mm-menu.mm-black .mm-header {
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.3);
}
.mm-menu.mm-black .mm-header a:before {
  border-color: rgba(255, 255, 255, 0.3);
}
/**
 *	=Print
 *	---------------------------------------------------------
 */

@media print {
  * {
    background: transparent !important;
    box-shadow: none !important;
    color: black !important;
    text-shadow: none !important;
    position: static !important;
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: Helvetica, Arial, sans-serif !important;
    word-wrap: break-word;
    margin-bottom: 24px !important;
    font-weight: bold;
    text-transform: none !important;
  }
  h1 {
    font-size: 24pt !important;
    line-height: 42pt;
    border-bottom: 3px solid #cccccc;
    padding-bottom: 10px;
    color: black;
  }
  h2 {
    font-size: 22pt !important;
    border-bottom: 3px solid #cccccc;
    padding-bottom: 10px;
    color: black;
  }
  h3 {
    font-size: 22pt !important;
  }
  h4,
  h5,
  h6 {
    font-size: 18pt !important;
  }
  ul,
  ol,
  p {
    font-family: Garamond, "Times New Roman", serif !important;
    font-size: 16pt !important;
    line-height: 2em !important;
    margin-bottom: 20px;
  }
  ul li {
    font-size: 16pt !important;
    line-height: 2em !important;
    list-style-type: disc !important;
    margin-left: 20px;
  }
  #primary {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  #navigation,
  #hero,
  .boxxy-filter,
  #secondary,
  #tertiary,
  #footer,
  .search,
  .breadcrumbs,
  .tabs,
  #btn-mobile-menu {
    display: none;
  }
  .brand {
    border-bottom: none;
  }
  .boxxy {
    height: auto !important;
  }
  .boxxy .item {
    clear: both;
    left: auto !important;
    min-height: 0;
    position: relative !important;
    top: auto !important;
    width: 100%;
  }
  .boxxy .item .sq-setter-w {
    display: none;
  }
  .boxxy .item .panel {
    min-height: 0;
    position: relative !important;
  }
  .boxxy .item .panel .tag,
  .boxxy .item .panel .summary {
    display: block !important;
    height: auto;
    line-height: 1.2em;
    margin: 0;
    opacity: 1 !important;
    padding: 0;
  }
  .boxxy .item .panel:hover .tag,
  .boxxy .item .panel:hover .summary {
    display: block !important;
    opacity: 1 !important;
  }
  .boxxy .item.brightlabs {
    display: none;
  }
  #home .caroufredsel_wrapper {
    height: auto !important;
    width: 100% !important;
    margin: 0 !important;
  }
  #home .carousel {
    width: 100% !important;
    height: auto !important;
  }
  #home .carousel li {
    margin: 0;
    list-style: none;
    width: 100%;
  }
  #home .carousel li img {
    display: block;
    max-width: 100%;
    padding: 0 15px;
    width: auto;
  }
  #home .carousel li .title {
    border-bottom: 0;
    padding: 0;
    margin: 0 !important;
  }
  #home .carousel li .title span {
    padding-left: 0 !important;
  }
}