/* 320 */
/* 480 */
/* 768 */
/* 1280 */
/* 1760 */
nav ul {
  list-style-type: none;
  padding-left: 0;
  margin: 0; }

/**
 * @section CSS Reset
 * Meyer's CSS Reset, Normalized.css, and custom code.
 * @link http://meyerweb.com/eric/tools/css/reset/
 * @link http://necolas.github.io/normalize.css/
 */
/**
 * Mobile screen resizing
 * @link http://dev.w3.org/csswg/css-device-adapt/
 */
@-webkit-viewport {
  width: device-width;
  zoom: 1.0; }

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

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

@viewport {
  width: device-width;
  zoom: 1.0; }

/**
 * Remove browser defaults
 */
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,
button, 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-family: "Leitura News W01", serif;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/**
 * Add box sizing to everything
 * @link http://www.paulirish.com/2012/box-sizing-border-box-ftw/
 */
*,
*:before,
*:after {
  box-sizing: border-box; }

/**
 * Set display type for HTML5 semantic elements
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * Force scrollbar display to prevent jumping on pages.
 * Fix text resize bug on mobile devices.
 */
html {
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

/**
 * Display audio, canvas, and video elements as inline block elements.
 */
audio,
canvas,
video {
  display: inline-block; }

/**
 * Prevent modern browsers from displaying audio without controls.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Prevent img and video elements from spilling outside of the page on smaller screens.
 */
img,
video {
  max-width: 100%;
  height: auto; }

/**
 * Prevent iframe, object, and embed elements from spilling outside of the page on smaller screens.
 * height: auto causes iframes to smush, so it's omitted here.
 */
iframe,
object,
embed {
  max-width: 100%; }

/**
 * Hide the template element in IE, Safari, and Firefox < 22.
 */
template {
  display: none;
  visibility: hidden; }

/**
 * Prevents IE from making scaled images look like crap
 */
img {
  -ms-interpolation-mode: bicubic; }

/**
 * Address outline inconsistency between Chrome and other browsers.
 */
a:focus,
button:focus {
  outline: thin dotted;
  outline: 0.3125em auto -webkit-focus-ring-color;
  outline-offset: -0.15625em; }

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

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

/**
 * @section Grid
 * Structure and layout
 */
/**
 * Base grid styles: single column
 */
.container {
  max-width: 105em;
  width: 100%;
  margin-left: auto;
  margin-right: auto; }

.row {
  margin-left: -1.4%;
  margin-right: -1.4%; }

.grid-eighth, .grid-fourth, .grid-third, .grid-half, .grid-two-thirds, .grid-three-fourths, .grid-full, .grid-dynamic {
  float: left;
  width: 100%;
  padding-left: 1.4%;
  padding-right: 1.4%; }

/**
 * Reverses order of grid for content choreography
 */
.grid-flip {
  float: right; }

/**
 * Add columns to grid on bigger screens
 */
@media (min-width: 20em) {
  .row-start-xsmall .grid-eighth {
    width: 12.5%; }
  .row-start-xsmall .grid-fourth {
    width: 25%; }
  .row-start-xsmall .grid-third {
    width: 33.33333%; }
  .row-start-xsmall .grid-half {
    width: 50%; }
  .row-start-xsmall .grid-two-thirds {
    width: 66.66667%; }
  .row-start-xsmall .grid-three-fourths {
    width: 75%; }
  .row-start-xsmall .grid-full {
    width: 100%; } }

@media (min-width: 30em) {
  .row-start-small .grid-eighth {
    width: 12.5%; }
  .row-start-small .grid-fourth {
    width: 25%; }
  .row-start-small .grid-third {
    width: 33.33333%; }
  .row-start-small .grid-half {
    width: 50%; }
  .row-start-small .grid-two-thirds {
    width: 66.66667%; }
  .row-start-small .grid-three-fourths {
    width: 75%; }
  .row-start-small .grid-full {
    width: 100%; } }

@media (min-width: 48em) {
  .grid-eighth {
    width: 12.5%; }
  .grid-fourth {
    width: 25%; }
  .grid-third {
    width: 33.33333%; }
  .grid-half {
    width: 50%; }
  .grid-two-thirds {
    width: 66.66667%; }
  .grid-three-fourths {
    width: 75%; }
  .grid-full {
    width: 100%; }
  .offset-eighth {
    margin-left: 12.5%; }
  .offset-fourth {
    margin-left: 25%; }
  .offset-third {
    margin-left: 33.33333%; }
  .offset-half {
    margin-left: 50%; }
  .offset-two-thirds {
    margin-left: 66.66667%; }
  .offset-three-fourths {
    margin-left: 75%; }
  .offset-full {
    margin-left: 100%; } }

/**
 * Dynamic grid
 */
@media (min-width: 20em) {
  .grid-dynamic {
    width: 50%; } }

@media (min-width: 30em) {
  .grid-dynamic {
    width: 33.33333%; } }

@media (min-width: 48em) {
  .grid-dynamic {
    width: 25%; } }

/**
 * @section Typography
 * Sets font styles for entire site
 */
body {
  font-family: "Leitura News W01", serif;
  font-size: 100%;
  line-height: 1.5;
  color: #ffffff;
  background: #292929; }
  @media (min-width: 48em) {
    body {
      line-height: 1.5625; } }
  @media (min-width: 110em) {
    body {
      font-size: 125%; } }

p {
  margin-bottom: 1.25em; }

/**
 * Hyperlink styling
 */
a {
  color: #002664;
  text-decoration: none;
  word-wrap: break-word; }

a:hover,
a:focus {
  color: #000918;
  text-decoration: underline; }

a img {
  border: none;
  background: none; }

/**
 * Prevents border/background on linked image hover.
 * Adds slight opacity.
 */
a:hover img {
  border: none;
  background: none;
  opacity: 0.8; }

/**
 * List styling
 */
ul,
ol,
dl {
  margin-bottom: 1.25em;
  margin-left: 2em; }

ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0; }

dl {
  margin-left: 0; }

dt {
  font-weight: bold; }

/**
 * Removes list styling.
 * For semantic reasons, should only be used on unordered lists.
 */
.list-unstyled {
  margin-left: 0;
  list-style: none; }

/**
 * Display lists on a single line.
 */
.list-inline {
  list-style: none;
  margin-left: -0.5em;
  margin-right: -0.5em;
  padding: 0; }

.list-inline > li {
  display: inline;
  margin-left: 0.5em;
  margin-right: 0.5em; }

/**
 * Heading styling for h1 through h6 elements.
 * Heading class lets you use one heading type for semantics, but style it as another heading type.
 */
h1, h2, h3, h4, h5, h6 {
  line-height: 1.2;
  font-weight: normal;
  margin-bottom: 1em;
  word-wrap: break-word; }

h1,
.h1 {
  font-size: 1.5em;
  padding-top: .5em; }
  @media (min-width: 48em) {
    h1,
    .h1 {
      font-size: 1.75em; } }

h2,
.h2 {
  font-size: 1.3125em; }

h3,
.h3 {
  font-size: 1.2em; }

h4, h5, h6,
.h4, .h5, .h6 {
  font-size: 1em; }

h4,
.h4 {
  text-transform: uppercase; }

/**
 * Lines, Quotes and Emphasis
 */
hr {
  margin: 2em auto;
  border: 0;
  border-top: 0.0725em solid #e1e1e1;
  border-bottom: 0 solid #ffffff; }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

sub,
sup {
  position: relative;
  font-size: 85%;
  font-weight: bold;
  line-height: 0;
  vertical-align: baseline;
  margin-left: 0.25em; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/**
 * Highlighting colors
 */
::selection {
  color: #ffffff;
  background: #002664; }

/**
 * Blockquotes
 */
blockquote {
  border-left: 0.25em solid #e1e1e1;
  margin-bottom: 1.25em;
  padding-left: 1.25em;
  padding-right: 1.25em; }

blockquote, q {
  quotes: none; }

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

/**
 * @section Buttons
 * Styling for CSS buttons.
 */
.btn {
  display: inline-block;
  font-size: 0.9375em;
  padding: 0.5em 0.6875em;
  line-height: 1.2;
  font-weight: normal;
  background-color: #002664;
  border: 0.0725em solid #002664;
  border-radius: 0.0725em;
  margin-right: 0.3125em;
  margin-bottom: 0.3125em; }

.btn,
.btn:visited,
a .btn:visited,
.btn:hover,
a .btn:hover,
.btn:focus,
a .btn:focus,
.btn:active,
a .btn:active,
.btn.active {
  color: #ffffff; }

.btn:hover,
a .btn:hover,
.btn:focus,
a .btn:focus,
.btn:active,
a .btn:active,
.btn.active {
  background-color: #000918;
  border-color: #000918;
  text-decoration: none; }

.btn-secondary {
  background-color: #808080;
  border-color: #808080; }

.btn-secondary:hover,
a .btn-secondary:hover,
.btn-secondary:focus,
a .btn-secondary:focus,
.btn-secondary:active,
a .btn-secondary:active,
.btn-secondary.active {
  background-color: #5a5a5a;
  border-color: #5a5a5a; }

.btn:active,
.btn.active {
  box-shadow: inset 0 0.15625em 0.25em rgba(0, 0, 0, 0.15), 0 0.0725em 0.15625em rgba(0, 0, 0, 0.05);
  outline: 0; }

.btn.disabled,
.btn[disabled] {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.5;
  filter: alpha(opacity=50);
  box-shadow: none; }

.btn-large {
  padding: 0.6875em 0.9375em;
  font-size: 1em;
  line-height: normal; }

.btn-block,
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  display: block;
  width: 100%;
  margin-right: 0;
  padding-right: 0;
  padding-left: 0; }

button,
.btn {
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  /**
	 * @workaround Override default button styling
	 * @affected Webkit/Firefox
	 */
  background-image: none;
  -webkit-appearance: none; }

.btn:last-child,
input.btn {
  margin-right: 0; }

/* ==========================================================================
    MMENU STYLES
   ========================================================================== */
.mm-menu.mm-opened {
  display: block !important; }

.mm-ismenu {
  background: #2c2b32;
  color: white; }

.mm-menu .mm-search input {
  background: rgba(255, 255, 255, 0) !important;
  color: rgba(255, 255, 255, 0.6) !important; }

.mm-search {
  background: inherit;
  width: 100%;
  height: 60px;
  padding: 10px;
  position: relative;
  top: 0;
  z-index: 2; }

.mm-search input[type="text"] {
  border: 1px solid #fff !important;
  border-right: none !important;
  border-left: none !important;
  border-top: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
  border-radius: 0 !important;
  text-transform: uppercase !important;
  line-height: inherit !important;
  outline: none !important;
  display: block !important;
  width: 76% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 10px 10px !important;
  color: #fff !important;
  font-style: normal; }

.mm-search input[type="submit"] {
  border: 2px solid rgba(255, 255, 255, 0.5) !important;
  height: auto !important;
  margin: 0 !important;
  padding: 4px 10px !important;
  width: 20% !important;
  float: right; }

.mm-search ::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5); }

.mm-search :-moz-placeholder {
  /* Firefox 18- */
  color: rgba(255, 255, 255, 0.5); }

.mm-search ::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(255, 255, 255, 0.5); }

.mm-search :-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5); }

.mm-menu.mm-hassearch .mm-header {
  height: 50px;
  padding-top: 20px;
  top: 60px; }

.mm-menu.mm-hasheader.mm-ismenu.mm-hassearch > .mm-panel {
  padding-top: 110px; }

.mm-header .mm-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  width: 100%;
  position: relative;
  z-index: 1;
  color: #fff;
  text-transform: uppercase; }

.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.75); }

.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span {
  background: rgba(114, 164, 203, 0.2); }

.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span {
  background: rgba(195, 181, 155, 0.2); }

/* @override http://www.drwoods.com.au/css/mmenu.css
  http://wli.localdev.simple.com.au/css/mmenu.css
  http://des.localdev.simple.com.au/css/mmenu.css
  http://dev-actiumland-com-au.cloud.hosting-toolkit.net/actium/css/mmenu.css
  http://walford.localdev.simple.com.au/css/mmenu.css */
/*
  jQuery.mmenu CSS
*/
.mm-page,
.mm-fixed-top,
.mm-fixed-bottom,
.mm-menu.mm-horizontal > .mm-panel {
  transition: none 0.4s ease;
  transition-property: top, right, bottom, left, border; }

html.mm-opened .mm-page,
html.mm-opened #mm-blocker {
  left: 0;
  top: 0;
  margin: 0;
  border: 0px solid transparent; }

html.mm-opening .mm-page,
html.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 {
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

html.mm-opened {
  overflow-x: hidden;
  position: relative; }

html.mm-opened .mm-page {
  position: relative; }

html.mm-background .mm-page {
  background: inherit; }

#mm-blocker {
  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==) transparent;
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999999; }

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: fixed;
  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 {
  font: inherit;
  font-size: 14px; }

.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%;
  -ms-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 {
  -ms-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;
  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-opening .mm-page,
html.mm-opening #mm-blocker,
html.mm-opening .mm-fixed-top,
html.mm-opening .mm-fixed-bottom {
  left: 80%; }

.mm-menu {
  width: 80%; }

@media all and (max-width: 175px) {
  .mm-menu {
    width: 140px; }
  html.mm-opening .mm-page,
  html.mm-opening #mm-blocker,
  html.mm-opening .mm-fixed-top,
  html.mm-opening .mm-fixed-bottom {
    left: 140px; } }

@media all and (min-width: 550px) {
  .mm-menu {
    width: 440px; }
  html.mm-opening .mm-page,
  html.mm-opening #mm-blocker,
  html.mm-opening .mm-fixed-top,
  html.mm-opening .mm-fixed-bottom {
    left: 440px; } }

/*
  jQuery.mmenu counters addon CSS
*/
em.mm-counter {
  font: inherit;
  font-size: 14px;
  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-fixed-top,
html.mm-opened.mm-dragging .mm-fixed-bottom,
html.mm-opened.mm-dragging #mm-blocker {
  transition-duration: 0s; }

/*
  jQuery.mmenu header addon CSS
*/
.mm-header {
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  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 {
  -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%;
  -ms-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-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 {
  -ms-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 {
  -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 {
  border: none;
  border-radius: 15px;
  font: inherit;
  font-size: 14px;
  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: 21px;
  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 {
  transition: transform 0.4s ease; }

html.mm-slide.mm-opened .mm-menu {
  -ms-transform: translateX(-40%);
  transform: translateX(-40%); }

html.mm-slide.mm-opening .mm-menu {
  -ms-transform: translateX(0%);
  transform: translateX(0%); }

html.mm-slide.mm-right.mm-opened .mm-menu {
  -ms-transform: translateX(40%);
  transform: translateX(40%); }

html.mm-slide.mm-right.mm-opening .mm-menu {
  -ms-transform: translateX(0%);
  transform: translateX(0%); }

html.mm-slide.mm-top.mm-opened .mm-menu {
  -ms-transform: translateY(-40%);
  transform: translateY(-40%); }

html.mm-slide.mm-top.mm-opening .mm-menu {
  -ms-transform: translateY(0%);
  transform: translateY(0%); }

html.mm-slide.mm-bottom.mm-opened .mm-menu {
  -ms-transform: translateY(40%);
  transform: translateY(40%); }

html.mm-slide.mm-bottom.mm-opening .mm-menu {
  -ms-transform: translateY(0%);
  transform: translateY(0%); }

html.mm-zoom-menu .mm-menu {
  transition: transform 0.4s ease; }

html.mm-zoom-menu.mm-opened .mm-menu {
  -ms-transform: scale(0.7, 0.7) translateX(-40%);
  transform: scale(0.7, 0.7) translateX(-40%);
  -ms-transform-origin: left center;
  transform-origin: left center; }

html.mm-zoom-menu.mm-opening .mm-menu {
  -ms-transform: scale(1, 1) translateX(0%);
  transform: scale(1, 1) translateX(0%); }

html.mm-zoom-menu.mm-right.mm-opened .mm-menu {
  -ms-transform: scale(0.7, 0.7) translateX(40%);
  transform: scale(0.7, 0.7) translateX(40%);
  -ms-transform-origin: right center;
  transform-origin: right center; }

html.mm-zoom-menu.mm-right.mm-opening .mm-menu {
  -ms-transform: scale(1, 1) translateX(0%);
  transform: scale(1, 1) translateX(0%); }

html.mm-zoom-menu.mm-top.mm-opened .mm-menu {
  -ms-transform: scale(0.7, 0.7) translateY(-40%);
  transform: scale(0.7, 0.7) translateY(-40%);
  -ms-transform-origin: center top;
  transform-origin: center top; }

html.mm-zoom-menu.mm-top.mm-opening .mm-menu {
  -ms-transform: scale(1, 1) translateY(0%);
  transform: scale(1, 1) translateY(0%); }

html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu {
  -ms-transform: scale(0.7, 0.7) translateY(40%);
  transform: scale(0.7, 0.7) translateY(40%);
  -ms-transform-origin: center bottom;
  transform-origin: center bottom; }

html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu {
  -ms-transform: scale(1, 1) translateY(0%);
  transform: scale(1, 1) translateY(0%); }

html.mm-zoom-page.mm-opened .mm-page {
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -ms-transform-origin: left center;
  transform-origin: left center; }

html.mm-zoom-page.mm-opening .mm-page {
  -ms-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5); }

html.mm-zoom-page.mm-right.mm-opened .mm-page {
  -ms-transform-origin: right center;
  transform-origin: right center; }

html.mm-zoom-page.mm-top.mm-opened .mm-page {
  -ms-transform-origin: center top;
  transform-origin: center top; }

html.mm-zoom-page.mm-bottom.mm-opened .mm-page {
  -ms-transform-origin: center bottom;
  transform-origin: center bottom; }

html.mm-zoom-panels .mm-panel {
  -ms-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
  -ms-transform-origin: left center;
  transform-origin: left center; }

html.mm-zoom-panels .mm-panel.mm-opened {
  -ms-transform: scale(1, 1);
  transform: scale(1, 1); }

html.mm-zoom-panels .mm-panel.mm-opened.mm-subopened {
  -ms-transform: scale(0.7, 0.7);
  transform: scale(0.7, 0.7); }

/*
  jQuery.mmenu fullscreen extension CSS
*/
html.mm-opening.mm-fullscreen .mm-page,
html.mm-opening.mm-fullscreen #mm-blocker,
html.mm-opening.mm-fullscreen .mm-fixed-top,
html.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-opening.mm-fullscreen .mm-page,
  html.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-opening.mm-fullscreen .mm-fixed-top,
  html.mm-opening.mm-fullscreen .mm-fixed-bottom {
    left: 140px; } }

@media all and (min-width: 10000px) {
  .mm-menu.mm-fullscreen {
    width: 10000px; }
  html.mm-opening.mm-fullscreen .mm-page,
  html.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-opening.mm-fullscreen .mm-fixed-top,
  html.mm-opening.mm-fullscreen .mm-fixed-bottom {
    left: 10000px; } }

.mm-menu.mm-top.mm-fullscreen {
  height: 100%; }

html.mm-top.mm-opening.mm-fullscreen .mm-page,
html.mm-top.mm-opening.mm-fullscreen #mm-blocker,
html.mm-top.mm-opening.mm-fullscreen .mm-fixed-top {
  top: 100%; }

html.mm-top.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-opening.mm-fullscreen .mm-page,
  html.mm-top.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-top.mm-opening.mm-fullscreen .mm-fixed-top {
    top: 140px; }
  html.mm-top.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-opening.mm-fullscreen .mm-page,
  html.mm-top.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-top.mm-opening.mm-fullscreen .mm-fixed-top {
    top: 10000px; }
  html.mm-top.mm-opening.mm-fullscreen .mm-fixed-bottom {
    bottom: -10000px; } }

.mm-menu.mm-right.mm-fullscreen {
  width: 100%; }

html.mm-right.mm-opening.mm-fullscreen .mm-page,
html.mm-right.mm-opening.mm-fullscreen #mm-blocker,
html.mm-right.mm-opening.mm-fullscreen .mm-fixed-top,
html.mm-right.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-opening.mm-fullscreen .mm-page,
  html.mm-right.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-right.mm-opening.mm-fullscreen .mm-fixed-top,
  html.mm-right.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-opening.mm-fullscreen .mm-page,
  html.mm-right.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-right.mm-opening.mm-fullscreen .mm-fixed-top,
  html.mm-right.mm-opening.mm-fullscreen .mm-fixed-bottom {
    right: 10000px; } }

.mm-menu.mm-bottom.mm-fullscreen {
  height: 100%; }

html.mm-bottom.mm-opening.mm-fullscreen .mm-page,
html.mm-bottom.mm-opening.mm-fullscreen #mm-blocker,
html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-bottom {
  bottom: 100%; }

html.mm-bottom.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-opening.mm-fullscreen .mm-page,
  html.mm-bottom.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-bottom {
    bottom: 140px; }
  html.mm-bottom.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-opening.mm-fullscreen .mm-page,
  html.mm-bottom.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-bottom {
    bottom: 10000px; }
  html.mm-bottom.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-front .mm-fixed-top,
html.mm-front .mm-fixed-bottom,
html.mm-opening.mm-front .mm-fixed-top,
html.mm-opening.mm-front .mm-fixed-bottom {
  left: 0;
  right: auto; }

html.mm-front .mm-fixed-top,
html.mm-opening.mm-front .mm-fixed-top {
  top: 0; }

html.mm-front .mm-fixed-bottom,
html.mm-opening.mm-front .mm-fixed-bottom {
  bottom: 0; }

html.mm-opened.mm-fullscreen .mm-page {
  box-shadow: none !important; }

/*
  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-opening .mm-page,
html.mm-top.mm-opening #mm-blocker,
html.mm-top.mm-opening .mm-fixed-top {
  top: 80%; }

html.mm-top.mm-opening .mm-fixed-bottom {
  bottom: -80%; }

@media all and (max-height: 175px) {
  .mm-menu.mm-top {
    height: 140px; }
  html.mm-top.mm-opening .mm-page,
  html.mm-top.mm-opening #mm-blocker,
  html.mm-top.mm-opening .mm-fixed-top {
    top: 140px; }
  html.mm-top.mm-opening .mm-fixed-bottom {
    bottom: -140px; } }

@media all and (min-height: 1100px) {
  .mm-menu.mm-top {
    height: 880px; }
  html.mm-top.mm-opening .mm-page,
  html.mm-top.mm-opening #mm-blocker,
  html.mm-top.mm-opening .mm-fixed-top {
    top: 880px; }
  html.mm-top.mm-opening .mm-fixed-bottom {
    bottom: -880px; } }

.mm-menu.mm-right {
  width: 80%; }

html.mm-right.mm-opening .mm-page,
html.mm-right.mm-opening #mm-blocker,
html.mm-right.mm-opening .mm-fixed-top,
html.mm-right.mm-opening .mm-fixed-bottom {
  right: 80%; }

@media all and (max-width: 175px) {
  .mm-menu.mm-right {
    width: 140px; }
  html.mm-right.mm-opening .mm-page,
  html.mm-right.mm-opening #mm-blocker,
  html.mm-right.mm-opening .mm-fixed-top,
  html.mm-right.mm-opening .mm-fixed-bottom {
    right: 140px; } }

@media all and (min-width: 550px) {
  .mm-menu.mm-right {
    width: 440px; }
  html.mm-right.mm-opening .mm-page,
  html.mm-right.mm-opening #mm-blocker,
  html.mm-right.mm-opening .mm-fixed-top,
  html.mm-right.mm-opening .mm-fixed-bottom {
    right: 440px; } }

.mm-menu.mm-bottom {
  height: 80%; }

html.mm-bottom.mm-opening .mm-page,
html.mm-bottom.mm-opening #mm-blocker,
html.mm-bottom.mm-opening .mm-fixed-bottom {
  bottom: 80%; }

html.mm-bottom.mm-opening .mm-fixed-top {
  top: -80%; }

@media all and (max-height: 175px) {
  .mm-menu.mm-bottom {
    height: 140px; }
  html.mm-bottom.mm-opening .mm-page,
  html.mm-bottom.mm-opening #mm-blocker,
  html.mm-bottom.mm-opening .mm-fixed-bottom {
    bottom: 140px; }
  html.mm-bottom.mm-opening .mm-fixed-top {
    top: -140px; } }

@media all and (min-height: 1100px) {
  .mm-menu.mm-bottom {
    height: 880px; }
  html.mm-bottom.mm-opening .mm-page,
  html.mm-bottom.mm-opening #mm-blocker,
  html.mm-bottom.mm-opening .mm-fixed-bottom {
    bottom: 880px; }
  html.mm-bottom.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 {
  transition: none 0.4s ease;
  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-front .mm-fixed-top,
html.mm-front .mm-fixed-bottom,
html.mm-opening.mm-front .mm-fixed-top,
html.mm-opening.mm-front .mm-fixed-bottom {
  left: 0;
  right: auto; }

html.mm-front .mm-fixed-top,
html.mm-opening.mm-front .mm-fixed-top {
  top: 0; }

html.mm-front .mm-fixed-bottom,
html.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;
  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;
  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.06);
  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.06); }

.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;
  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); }

/**
 * @section Overrides
 * Nudge and tweak alignment, spacing, and visibility.
 */
/**
 * Text sizes
 */
.text-small {
  font-size: 0.9375em; }

.text-large {
  font-size: 1.1875em;
  line-height: 1.4; }
  @media (min-width: 48em) {
    .text-large {
      font-size: 1.3125em; } }

/**
 * Text colors
 */
.text-muted {
  color: #808080; }

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

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

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

/**
 * Floats
 */
.float-left {
  float: left; }

.float-center {
  float: none;
  margin-left: auto;
  margin-right: auto; }

.float-right {
  float: right; }

/**
 * Margins
 */
.no-margin {
  margin: 0; }

.no-margin-top {
  margin-top: 0; }

.no-margin-bottom {
  margin-bottom: 0; }

.margin-top {
  margin-top: 1.25em; }

.margin-bottom {
  margin-bottom: 1.25em; }

.margin-bottom-small {
  margin-bottom: 0.5em; }

.margin-bottom-large {
  margin-bottom: 2em; }

/**
 * Padding
 */
.no-padding {
  padding: 0; }

.no-padding-top {
  padding-top: 0; }

.no-padding-bottom {
  padding-bottom: 0; }

.padding-top {
  padding-top: 1.25em; }

.padding-top-small {
  padding-top: 0.5em; }

.padding-top-large {
  padding-top: 2em; }

.padding-bottom {
  padding-bottom: 1.25em; }

.padding-bottom-small {
  padding-bottom: 0.5em; }

.padding-bottom-large {
  padding-bottom: 2em; }

/**
 * Visibility
 */
/**
 * Visually hide an element, but leave it available for screen readers
 * @link https://github.com/h5bp/html5-boilerplate/blob/master/dist/css/main.css
 * @link http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.screen-reader {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/**
 * Extends the .screen-reader class to allow the element to be focusable when navigated to via the keyboard
 * @link https://github.com/h5bp/html5-boilerplate/blob/master/dist/css/main.css
 * @link https://www.drupal.org/node/897638
 */
.screen-reader-focusable:active,
.screen-reader-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/**
 * @workaround
 * @affected IE 8/9/10
 * @link http://juicystudio.com/article/screen-readers-display-none.php
 */
[hidden] {
  display: none;
  visibility: hidden; }

/**
 * Contain floats
 * The space content is one way to avoid an Opera bug when the `contenteditable` attribute is included anywhere else in the document.
 * @link https://github.com/h5bp/html5-boilerplate/blob/master/dist/css/main.css
 */
.clearfix:before, .container:before,
.row:before,
.clearfix:after,
.container:after,
.row:after {
  display: table;
  content: " "; }

.clearfix:after, .container:after,
.row:after {
  clear: both; }

/**
 * @section Print
 * Styling for printed content. Adapted from HTML5BP.
 * @link http://html5boilerplate.com
 */
@media print {
  /**
	 * Universal selector.
	 * Reset all content to transparent background, black color, and remove box and text shadows.
	 */
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important; }
  /**
	 * Specifies page margin
	 */
  @page {
    margin: 0.5cm; }
  /**
	 * Underline all links
	 */
  a,
  a:visited {
    text-decoration: underline; }
  /**
	 * Show URL after links
	 */
  a[href]:after {
    content: " (" attr(href) ")"; }
  /**
	 * Don't show URL for internal links
	 */
  a[href^="#"]:after {
    content: ""; }
  /**
	 * Specifies the minimum number of lines to print at the top and bottom of a page.
	 */
  p,
  h1, h2, h3 {
    orphans: 3;
    widows: 3; }
  /**
	 * Avoid inserting a page break after headers
	 */
  h1, h2, h3 {
    page-break-after: avoid; }
  /**
	 * Change border color on blockquotes and preformatted text.
	 * Avoid page breaks inside the content
	 */
  pre,
  blockquote {
    border-color: #999;
    page-break-inside: avoid; }
  /**
	 * Displayed as a table header row group
	 */
  thead {
    display: table-header-group; }
  /**
	 * Avoid inserting a page break inside table rows and images
	 */
  tr,
  img {
    page-break-inside: avoid; } }

html {
  height: 100%; }

body {
  min-height: 100%; }

.small-only {
  display: block; }

.large-only {
  display: none; }

@media (min-width: 48em) {
  .small-only {
    display: none; }
  .large-only {
    display: block; } }

/* ==========================================================================
	#LANDING PAGE
	 ========================================================================== */
.bg.landing-page {
  background-image: url("/img/splash-bg-500.jpg"); }

.bg.landing-page {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

.landing-page .box {
  position: relative;
  z-index: 30;
  width: 300px;
  padding: 4em 1em;
  margin: 0 auto;
  margin-top: 2em;
  background-color: #ffffff;
  color: #002664;
  text-align: center; }
  .landing-page .box .splash-logo {
    width: 180px;
    height: auto;
    margin-bottom: 3em; }
  .landing-page .box nav {
    width: 100%;
    margin: 0 auto; }
  .landing-page .box ul {
    font-size: 1.2em;
    text-align: left;
    font-family: "Aktiv Grotesk W01", sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    background-image: url("/img/icon-line.png");
    background-repeat: repeat-x;
    background-position: 0px top; }
  .landing-page .box li a {
    display: block;
    position: relative;
    margin-top: 1px;
    padding-top: 0.8em;
    background-image: url("/img/icon-line.png");
    background-repeat: repeat-x;
    background-position: 0px bottom;
    padding-bottom: 0.8em; }
  .landing-page .box li a:hover {
    text-decoration: none;
    animation: treadmill 0.366s 0s infinite linear; }
  .landing-page .box li a:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 1em;
    width: 18px;
    height: 18px;
    background-image: url("/img/icon-arrow-solo.svg");
    background-repeat: no-repeat;
    background-position: center center; }

@media (min-width: 30em) {
  .landing-page .box {
    padding-left: 2em;
    padding-right: 2em; }
  .bg.landing-page {
    background-image: url("/img/splash-bg-1400.jpg"); } }

@media (min-width: 48em) {
  .landing-page .box {
    width: 600px;
    padding: 6em 0; }
    .landing-page .box .splash-logo {
      width: 288px; }
    .landing-page .box nav {
      min-width: 300px;
      width: 50%; } }

@media (min-width: 80em) {
  .bg.landing-page {
    background-image: url("/img/splash-bg-2100.jpg"); } }

@keyframes treadmill {
  from {
    background-position-x: 0px; }
  to {
    background-position-x: 22px; } }

/* ==========================================================================
	#FULL WIDTH / LAYOUT ELEMENTS
	 ========================================================================== */
.wrapper {
  width: 100%;
  overflow: hidden; }

.container {
  overflow: hidden; }

.full-width {
  width: 100%;
  margin-left: 0%;
  margin-right: 0%; }

.full-width.padding {
  padding-left: 1.25em;
  padding-right: 1.25em; }

.mobile-padding {
  padding-left: 1.25em;
  padding-right: 1.25em; }

@media (min-width: 80em) {
  .mobile-padding {
    padding-left: 0;
    padding-right: 0; }
  .container {
    overflow: visible; }
  .full-width {
    width: 1760px;
    margin-left: -280px; }
  .full-width.padding {
    padding-left: 280px;
    padding-right: 280px; }
  .wrapper {
    min-width: 1200px; }
  .container {
    width: 1200px; } }

@media (min-width: 110em) {
  .full-width {
    width: 2560px;
    margin-left: -480px; }
  .full-width.padding {
    padding-left: 480px;
    padding-right: 480px; }
  .wrapper {
    min-width: 1600px; }
  .container {
    width: 1600px; } }

/* ==========================================================================
   #BACKGROUND COLOURS
   ========================================================================== */
.wrapper:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 20; }

.landing-page .wrapper:before {
  display: none; }

html.mm-opened .wrapper:before {
  left: auto;
  right: 440px;
  transition: all 0.4s ease; }

.bg {
  background-image: url("/img/bg.jpg"); }

body.bg-image {
  background-repeat: repeat-y;
  background-position: center 8.13157894736842%;
  background-size: 120% auto;
  transition: 0.5s background-size 0s; }

@media (min-width: 30em) {
  .bg {
    background-image: url("/img/bg.jpg"); }
  body.bg-image {
    background-size: 100% auto; } }

.bg-mine-shaft {
  background-color: #292929; }

.bg-gallery {
  background-color: #ebebeb; }

.bg-white {
  background-color: #ffffff;
  color: #292929; }

.bg-mercury {
  background-color: #e1e1e1; }

.bg-midnight {
  background-color: #002664; }

.bg-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

/* ==========================================================================
	#HEADER
	 ========================================================================== */
.preheader {
  position: relative;
  z-index: 30;
  display: none;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  font-family: "Aktiv Grotesk W01", sans-serif;
  text-transform: uppercase; }

.preheader .active a {
  color: #002664;
  font-weight: 500; }

.preheader nav ul,
.preheader nav {
  display: inline-block;
  margin: 0;
  padding: 0; }

.preheader nav li {
  display: inline-block;
  padding: 0 1em;
  font-size: 0.8em; }
  .preheader nav li:first-of-type {
    padding-left: 0; }
  .preheader nav li:last-of-type {
    padding-right: 0; }

.branches a {
  color: #959595;
  transition: 0.3s color 0s; }

nav.contact-head {
  text-align: right;
  float: right; }
  nav.contact-head li:first-of-type {
    display: none; }
  nav.contact-head span {
    display: none; }

.preheader a:hover,
.preheader a:active {
  color: #002664; }

header {
  position: relative;
  z-index: 30;
  font-family: "Aktiv Grotesk W01", sans-serif; }

header .logo {
  margin: 15px 0;
  width: 96px;
  height: 34px;
  float: left; }

header .logo .icon {
  width: 100%;
  height: 100%; }

.mobile-nav-button {
  display: block;
  color: #002664;
  border: 1px solid #002664;
  border-radius: 50%;
  width: 34px;
  height: 34px;
  padding-top: 10px;
  padding-left: 6px;
  position: absolute;
  top: 15px;
  right: 20px; }

.mobile-nav-button span {
  width: 20px;
  height: 2px;
  display: block;
  margin: 0 0 3px 0px;
  border-radius: 5px;
  background-color: #002664; }

.mobile-phone {
  position: absolute;
  top: 15px;
  right: 70px; }

.mobile-phone a {
  display: block;
  text-decoration: none;
  background: transparent url("/img/icon-phone.svg") no-repeat left center;
  background-size: 100%;
  width: 24px;
  height: 24px;
  margin-top: 6px; }

.logo * {
  width: 100%;
  height: 100%; }

@media (min-width: 900px) {
  nav.contact-head li:first-of-type {
    display: inline-block; } }

@media (min-width: 48em) {
  .preheader {
    display: block; }
  header .logo {
    float: none;
    width: 120px;
    height: 89px;
    margin: 1em 0; } }

@media (min-width: 80em) {
  header .logo {
    width: 170px;
    height: 123px;
    margin: 1em 0; }
  nav.contact-head span {
    display: inline-block; } }

/* ==========================================================================
	#NAVIGATION
	 ========================================================================== */
nav.main {
  margin: 0;
  padding: 0; }
  nav.main ul {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    text-align: left;
    list-style-type: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between; }

nav.main li {
  text-align: right; }

nav.main a {
  display: block;
  position: relative;
  text-decoration: none;
  font-weight: 300;
  line-height: 1em;
  font-size: 0.875em; }

nav.main a:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -1em;
  width: 0;
  height: 10px;
  background: transparent url("/img/line.png") repeat-x;
  transition: 0.5s width 0s; }

.no-touch nav.main a:hover:after,
.no-touch nav.main a:active:after {
  width: 100%; }

nav.main .fourth a:hover:after,
nav.main .fourth a:active:after {
  width: 0%; }

nav.main .fourth a {
  transition: 0.5s opacity 0s; }

nav.main .active a {
  font-weight: 500; }

@media (min-width: 48em) {
  nav.main .eighth {
    width: 12.5%;
    display: inline-block;
    vertical-align: middle; }
  nav.main .fourth {
    width: 25%;
    display: inline-block;
    vertical-align: middle;
    text-align: center; } }

@media (min-width: 80em) {
  nav.main a {
    font-size: 1.2em; } }

/*  ==========================================================================
	##MOBLE NAVIGATION
	======================================================================= */
.mm-list > li > a {
  font-family: "Aktiv Grotesk W01", sans-serif;
  font-weight: 300;
  font-size: 1.25em;
  line-height: 1.4em; }

.mm-list > li > span {
  font-family: "Aktiv Grotesk W01", sans-serif;
  font-weight: 400;
  font-size: 1.25em;
  line-height: 1.4em; }

.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen {
  height: 2.515em; }

.mm-ismenu {
  background: #292929;
  color: #e1e1e1; }

/*  ==========================================================================
	#HOMEPAGE FEATURE
	======================================================================= */
.title {
  text-align: center;
  position: relative;
  padding-bottom: 1.25em;
  padding-top: 2.5em; }
  .title h2 {
    font-size: 1.5em;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0.4em; }
  .title .read-more {
    text-transform: uppercase;
    line-height: 1.1em;
    font-size: 0.75em;
    color: #ffffff;
    font-family: "Aktiv Grotesk W01", sans-serif;
    font-weight: 300; }

.title.bg-image .image {
  position: relative;
  z-index: 10;
  width: 100%;
  height: auto; }

.title .title-container {
  position: relative;
  z-index: 30;
  width: 100%; }

@media (min-width: 30em) {
  .title h2 {
    font-size: 2em; }
  .title .read-more {
    font-size: 1em; } }

@media (min-width: 48em) {
  .title h2 {
    font-size: 3em;
    letter-spacing: -1px; }
  .title .title-container {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-30%);
    transform: translateY(-30%); } }

@media (min-width: 80em) {
  .title h2 {
    font-size: 3.5em;
    margin-bottom: 0.2em; }
  .title .read-more {
    font-size: 1.1em; } }

/*  ==========================================================================
	#BOXES
	======================================================================= */
.half {
  margin-top: 1.25em;
  display: block; }

.boxes {
  position: relative;
  z-index: 30; }
  .boxes .box {
    padding: 1.4em;
    width: 100%;
    display: block;
    position: relative;
    padding-bottom: 100%;
    height: 0; }
    .boxes .box.text {
      padding-bottom: 1.4em;
      height: auto; }
    .boxes .box.bg-image {
      padding-bottom: 100%;
      height: 0; }

@media (min-width: 48em) {
  .boxes {
    display: -ms-flexbox;
    display: flex; }
  .boxes .half {
    width: 50%;
    display: -ms-flexbox;
    display: flex; }
    .boxes .half:first-of-type, .boxes .half.first {
      padding-right: 0.625em; }
    .boxes .half:last-of-type, .boxes .half.last {
      padding-left: 0.625em; }
  .boxes .half.swap + .half {
    padding-right: 0.625em;
    padding-left: 0; }
  .boxes .half.swap {
    -ms-flex-order: 2;
    order: 2;
    padding-left: 0.625em;
    padding-right: 0; }
  .boxes .box {
    min-height: 26em;
    padding-bottom: 1.4em; }
  .boxes .box.bg-image {
    height: auto;
    width: 100%;
    padding-bottom: 1.4em; } }

@media (min-width: 80em) {
  .half {
    margin-top: 2.5em; }
  .boxes .half:first-of-type, .boxes .half.first.first {
    padding-right: 1.25em;
    padding-left: 0; }
  .boxes .half:last-of-type, .boxes .half.last.last {
    padding-left: 1.25em;
    padding-right: 0; }
  .boxes .half.swap + .half {
    padding-right: 1.25em; }
  .boxes .half.swap {
    padding-left: 1.25em;
    padding-right: 0; }
  .boxes .box {
    min-height: 33em;
    padding: 2.5em; }
  .boxes .box.text,
  .boxes .box.bg-image {
    padding-bottom: 2.5em; }
  .boxes .box p.bottom {
    margin-left: -2.5rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem; } }

@media (min-width: 110em) {
  .boxes .box {
    min-height: 39em; } }

/*  ==========================================================================
	##HOMEPAGE BOXES
	======================================================================= */
.home.boxes .box {
  text-align: center; }
  .home.boxes .box h3 {
    font-family: "Aktiv Grotesk W01", sans-serif;
    font-size: 1em;
    font-weight: 300;
    text-transform: uppercase;
    position: relative;
    z-index: 20;
    margin-bottom: 2em; }
  .home.boxes .box p {
    font-size: 1.25em;
    font-weight: 300;
    line-height: 1.2em;
    position: relative;
    z-index: 20; }
  .home.boxes .box p.bottom {
    bottom: 0;
    position: absolute;
    width: 100%;
    margin-left: -1.4rem;
    padding-left: 1.4rem;
    padding-right: 1.4rem; }
  .home.boxes .box.bg-image {
    color: #ffffff; }
    .home.boxes .box.bg-image:hover {
      color: #ffffff;
      text-decoration: none; }
    .home.boxes .box.bg-image a {
      color: #ffffff; }
      .home.boxes .box.bg-image a:hover {
        color: #ffffff; }
  .home.boxes .box.bg-image:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10;
    transition: 0.5s background-color; }

@media (min-width: 30em) {
  .home.boxes .box p {
    font-size: 1.5em; } }

@media (min-width: 80em) {
  .half {
    margin-top: 2.5em; }
  .home.boxes .box.bg-image:before {
    background-color: transparent; }
  .home.boxes .box.bg-image:hover:before {
    background-color: rgba(0, 0, 0, 0.65); }
  .home.boxes .box.bg-image.nohover:before {
    display: none; }
  .home.boxes .box p {
    font-size: 2.2em; }
  .home.boxes .box p.bottom {
    margin-left: -2.5rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem; } }

@media (min-width: 110em) {
  .home.boxes .box {
    min-height: 39em; }
    .home.boxes .box h3 {
      font-size: 0.8em; }
    .home.boxes .box p {
      font-size: 2.5em; } }

.downloads .links {
  position: relative;
  z-index: 20; }
  .downloads .links a {
    color: #ffffff;
    font-family: "Aktiv Grotesk W01", sans-serif;
    text-transform: uppercase;
    font-weight: 300; }
    .downloads .links a:hover {
      text-decoration: underline; }

@media (min-width: 30em) {
  .downloads .links .third {
    text-align: center;
    display: inline-block; }
  .downloads .links .third:first-of-type {
    text-align: right;
    padding-right: 1.5em;
    border-right: 1px solid #fff;
    margin-right: 1.5em; }
  .downloads .links .third:nth-of-type(3n) {
    text-align: left;
    padding-left: 1.5em;
    border-left: 1px solid #fff;
    margin-left: 1.5em; } }

.home.boxes .facebook.box:before {
  background-color: rgba(0, 0, 0, 0.5); }

.home.boxes .facebook.box .icon {
  position: relative;
  z-index: 20;
  width: 3em;
  height: 3em; }

.home.boxes .facebook.box p {
  font-size: 1em;
  font-family: "Leitura News W01", serif; }

@media (min-width: 30em) {
  .home.boxes .facebook.box p {
    font-size: 1.25em; } }

@media (min-width: 80em) {
  .home.boxes .facebook.box p {
    font-size: 1.5em; } }

@media (min-width: 110em) {
  .home.boxes .facebook.box p {
    font-size: 1.75em; } }

/*  ==========================================================================
	##CONTENT BOXES
	======================================================================= */
h1 {
  position: relative;
  z-index: 30;
  font-size: 1.75em;
  text-align: center;
  margin-top: 1.75em;
  margin-bottom: 1em; }

.content.boxes .box *:first-child {
  margin-top: 0 !important; }

.content.boxes .box a {
  text-decoration: underline; }

.content.boxes .box h2,
.content.boxes .box p.feature {
  font-size: 1.15em;
  line-height: 1.5em;
  margin-bottom: 1.4em;
  font-family: "Leitura News W01", serif; }

.content.boxes .box h2 {
  margin-top: 1.5em;
  padding-bottom: 0.25em;
  border-bottom: 1px solid #bababa;
  margin-bottom: 0.75em;
  font-weight: 300; }

.content.boxes .box h2.price {
  display: -ms-flexbox;
  display: flex; }
  .content.boxes .box h2.price em {
    margin-left: auto; }

.content.boxes .box h3 {
  font-size: 1em; }

.content.boxes .box p,
.content.boxes .box ul {
  font-size: 1em;
  font-family: "Aktiv Grotesk W01", sans-serif;
  font-weight: 300; }

.content.boxes .box h2 a {
  color: #292929; }

.content.boxes .box h2 + h2 {
  margin-top: 1em; }

@media (min-width: 30em) {
  .content.boxes .box h2,
  .content.boxes .box p.feature {
    font-size: 1.5em; }
  .content.boxes .box h3 {
    font-size: 1.2em; } }

@media (min-width: 80em) {
  h1 {
    font-size: 2.2em; }
  .content.boxes .box.bg-image {
    min-height: 42em; }
  .content.boxes .box.text {
    padding: 3em; } }

@media (min-width: 110em) {
  h1 {
    font-size: 2.5em;
    margin-top: 2.5em; }
  .content.boxes .box.bg-image {
    min-height: 45em; } }

#goog-wm ul {
  margin-left: 0;
  list-style-type: none; }

/*  ==========================================================================
	#FORMS
	======================================================================= */
.content.contact h3 {
  margin-bottom: 0.5em; }

.content.contact.boxes .box h2 {
  margin-bottom: 1.5em; }

.content.contact p {
  margin-bottom: 0.75em; }

.content.contact p + h3 {
  margin-top: 1.5em; }

.form-section-heading {
  position: relative;
  padding-top: 1em;
  margin-bottom: 1.5em;
  text-align: center;
  font-size: 1.5em;
  font-weight: 300; }
  .form-section-heading::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 10px;
    background: transparent url(/img/line.png) repeat-x;
    transition: 0.5s width 0s; }

input[type="text"],
input[type="email"],
select,
textarea {
  font-family: "Aktiv Grotesk W01", sans-serif;
  display: block;
  background-color: #d3d3d3;
  border: 1px solid transparent;
  font-size: 1.1875em;
  line-height: 1.4em;
  padding: 0.5em;
  max-width: 654px;
  width: 100%;
  margin-bottom: 1em; }
  input[type="text"]::-webkit-input-placeholder,
  input[type="email"]::-webkit-input-placeholder,
  select::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-weight: 300; }
  input[type="text"]::-moz-placeholder,
  input[type="email"]::-moz-placeholder,
  select::-moz-placeholder,
  textarea::-moz-placeholder {
    /* Firefox 19+ */
    font-weight: 300; }
  input[type="text"]:-ms-input-placeholder,
  input[type="email"]:-ms-input-placeholder,
  select:-ms-input-placeholder,
  textarea:-ms-input-placeholder {
    /* IE 10+ */
    font-weight: 300; }
  input[type="text"]:-moz-placeholder,
  input[type="email"]:-moz-placeholder,
  select:-moz-placeholder,
  textarea:-moz-placeholder {
    /* Firefox 18- */
    font-weight: 300; }

.select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border-radius: 0;
  font-weight: 300; }

.input-error {
  color: #dd1144;
  text-align: right;
  text-transform: italic;
  font-size: 0.8rem; }

.stripe-pay-content {
  clear: both;
  display: none;
  min-height: 3rem; }

button[type='submit'].stripe-button-el {
  padding: 0;
  background: transparent;
  border-radius: 0;
  border: 2px solid #002664;
  float: right; }
  button[type='submit'].stripe-button-el:hover > span, button[type='submit'].stripe-button-el:focus > span {
    color: #FFFFFF; }
  button[type='submit'].stripe-button-el:not(:disabled):active > span, button[type='submit'].stripe-button-el:active > span {
    background: transparent; }
  button[type='submit'].stripe-button-el > span {
    background: transparent;
    color: #002664;
    padding: 1rem;
    line-height: 1rem;
    font-size: 1.2rem;
    height: auto;
    font-family: "Aktiv Grotesk W01", sans-serif;
    font-weight: normal;
    border-radius: 0; }

.coupon-value-radio {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-left: -1rem;
  margin-right: -1rem;
  margin-bottom: 1rem; }
  .coupon-value-radio input[type='radio'] {
    display: none; }
    .coupon-value-radio input[type='radio'] + span {
      display: block;
      border: 2px solid #d3d3d3;
      padding: 1rem;
      transition: all 0.5s ease-in-out;
      cursor: pointer; }
    .coupon-value-radio input[type='radio']:checked + span {
      border: 2px solid #002664; }
  .coupon-value-radio label {
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    margin: 0 1rem;
    text-align: center;
    font-weight: bold; }

input:focus,
textarea:focus,
select:focus {
  outline: 0;
  background-color: #fff;
  border-color: #002664; }

input[type="submit"],
button[type="submit"] {
  font-family: "Aktiv Grotesk W01", sans-serif;
  font-size: 1.2em;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  color: #002664;
  background-color: #ffffff;
  border: 1px solid #002664;
  padding: 0.5em 1em;
  transition: background 0.3s 0s, color 0.3s 0s; }

input[type="submit"]:hover,
button[type="submit"]:hover,
input[type="submit"]:hover:focus,
button[type="submit"]:hover:focus,
input[type="submit"]:focus,
button[type="submit"]:focus {
  background-color: #002664;
  color: #ffffff; }

label {
  display: block;
  font-size: 1em;
  font-family: "Aktiv Grotesk W01", sans-serif;
  line-height: 1.2em;
  margin-bottom: 0.5em;
  font-weight: 300; }

label.section-label {
  color: red;
  text-transform: uppercase; }

label em {
  color: red; }

label.error {
  font-family: "Aktiv Grotesk W01", sans-serif;
  margin-top: -1.6em;
  margin-bottom: 1.6em;
  max-width: 654px;
  color: #ffffff;
  border-top: 0;
  font-size: 0.75em;
  padding: 5px 10px;
  background-color: #002664; }

span.required {
  color: red; }

/*  ==========================================================================
	#COMPETITION PAGES
	======================================================================= */
.promo {
  position: relative;
  z-index: 30; }
  .promo .mobile-banner {
    margin-top: -50px; }
    .promo .mobile-banner img {
      width: 250%;
      margin-left: -35%;
      height: auto;
      max-width: none; }
  .promo .promo-logo {
    margin: 2em auto;
    display: block; }
  .promo .body {
    margin: 0 auto;
    max-width: 850px;
    text-align: center;
    margin-top: 2em;
    margin-bottom: 2em; }
    .promo .body .download {
      display: inline-block;
      margin-top: 1em;
      text-transform: uppercase;
      color: #fff;
      font-family: "Aktiv Grotesk W01", sans-serif; }
    .promo .body h2 {
      font-family: "Aktiv Grotesk W01", sans-serif;
      text-transform: uppercase;
      font-weight: 300;
      margin-top: 2em;
      margin-bottom: 0.5em; }
  .promo .entry-form {
    position: relative;
    padding-top: 3em;
    padding-bottom: 3em; }
    .promo .entry-form form {
      *zoom: 1; }
      .promo .entry-form form:before, .promo .entry-form form:after {
        display: table;
        content: ''; }
      .promo .entry-form form:after {
        clear: both; }
    .promo .entry-form:before, .promo .entry-form:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 6px;
      background-image: url("/img/line-white.png");
      background-repeat: repeat-x;
      background-position: 0 0; }
    .promo .entry-form:after {
      top: auto;
      bottom: 0; }
  .promo .input-wrapper label {
    font-size: 1.1875em;
    line-height: 1.4em;
    padding: 0; }
  .promo .input-wrapper label.error {
    font-size: 0.8em;
    padding: 0.5em; }
  .promo .input-wrapper input[type="submit"],
  .promo .input-wrapper button[type="submit"] {
    display: block;
    margin-top: 2em; }
  .promo .input-wrapper .dob {
    *zoom: 1;
    position: relative; }
    .promo .input-wrapper .dob:before, .promo .input-wrapper .dob:after {
      display: table;
      content: ''; }
    .promo .input-wrapper .dob:after {
      clear: both; }
    .promo .input-wrapper .dob label.error {
      width: 100%;
      position: absolute;
      bottom: -2.5em;
      margin-left: 0; }
  .promo .input-wrapper .dob select {
    width: 33.333333333333333%;
    float: left;
    border-right: 2px solid #000; }
    .promo .input-wrapper .dob select:last-of-type {
      border-right: 0; }

@media (min-width: 48em) {
  .promo .mobile-banner {
    margin-top: -70px; }
    .promo .mobile-banner img {
      width: 100%;
      margin-left: 0;
      height: auto; }
  .promo .input-wrapper {
    *zoom: 1; }
    .promo .input-wrapper:before, .promo .input-wrapper:after {
      display: table;
      content: ''; }
    .promo .input-wrapper:after {
      clear: both; }
    .promo .input-wrapper label {
      width: 25%;
      float: left;
      text-align: right;
      padding: 0.5em 0.5em 0.5em 0; }
    .promo .input-wrapper label.error {
      width: 75%;
      margin-left: 25%;
      max-width: 654px;
      float: left;
      text-align: left;
      padding: 0.5em; }
    .promo .input-wrapper input {
      width: 75%;
      float: left; }
    .promo .input-wrapper input[type="submit"],
    .promo .input-wrapper button[type="submit"] {
      display: block;
      width: 75%;
      max-width: 654px;
      float: left;
      margin-left: 25%; }
    .promo .input-wrapper .dob {
      width: 75%;
      max-width: 654px;
      float: left; } }

@media (min-width: 80em) {
  .promo .input-wrapper {
    width: 50%;
    float: left; }
    .promo .input-wrapper.first {
      padding-right: 1em; }
    .promo .input-wrapper.last {
      padding-left: 1em; }
    .promo .input-wrapper label {
      width: 25%;
      float: left;
      text-align: right;
      font-size: 1.1875em;
      line-height: 1.4em;
      padding: 0.5em 0.5em 0.5em 0; }
    .promo .input-wrapper input {
      width: 75%;
      float: left; }
    .promo .input-wrapper input[type="submit"],
    .promo .input-wrapper button[type="submit"] {
      margin-top: 0; }
    .promo .input-wrapper .dob {
      *zoom: 1;
      width: 75%;
      float: left; }
      .promo .input-wrapper .dob:before, .promo .input-wrapper .dob:after {
        display: table;
        content: ''; }
      .promo .input-wrapper .dob:after {
        clear: both; }
    .promo .input-wrapper .dob select {
      width: 33.333333333333333%;
      float: left;
      border-right: 2px solid #000; }
      .promo .input-wrapper .dob select:last-of-type {
        border-right: 0; } }

@media (min-width: 110em) {
  .mobile-banner {
    display: none; }
  .oysters-left {
    position: fixed;
    z-index: 25;
    left: -120px;
    top: -70px;
    width: 370px;
    height: 100%;
    height: calc(100% + 70px);
    background-image: url("/img/promo-left.png");
    background-repeat: repeat-y;
    background-position: 0 0; }
  .oysters-right {
    position: fixed;
    z-index: 25;
    right: -120px;
    top: -70px;
    width: 370px;
    height: 100%;
    height: calc(100% + 70px);
    background-image: url("/img/promo-right.png");
    background-repeat: repeat-y;
    background-position: 0 0; }
  .promo .entry-form {
    font-size: 0.8em;
    max-width: 80%;
    margin: 0 auto; }
  .promo-footer {
    max-width: 80%;
    margin: 0 auto; } }

/*  ==========================================================================
	#FOOTER
	======================================================================= */
footer {
  position: relative;
  z-index: 30;
  padding-top: 2em;
  padding-bottom: 2em; }

footer .logo {
  display: inline-block;
  width: 140px;
  height: 56px;
  margin-bottom: 2em; }
  footer .logo .icon {
    width: 100%;
    height: 100%; }
    footer .logo .icon * {
      fill: #fff; }

footer nav {
  text-align: center;
  font-family: "Aktiv Grotesk W01", sans-serif;
  font-weight: 300; }
  footer nav li {
    padding-bottom: 0.5em; }
  footer nav a {
    color: #fff; }
  footer nav a:hover {
    color: #fff;
    text-decoration: underline; }

@media (min-width: 80em) {
  footer {
    padding-top: 4em;
    padding-bottom: 4em; }
  footer nav {
    text-align: left; }
    footer nav li {
      display: inline-block;
      float: right;
      padding-left: 2em; }
    footer nav li:first-of-type {
      float: left;
      padding-left: 0; }
    footer nav br {
      display: none; } }

/*  ==========================================================================
	#IE SHAME
	======================================================================= */
.no-flexbox .boxes .half.swap {
  float: none; }

@media (min-width: 48em) {
  .no-flexbox .boxes {
    *zoom: 1; }
    .no-flexbox .boxes:before, .no-flexbox .boxes:after {
      display: table;
      content: ''; }
    .no-flexbox .boxes:after {
      clear: both; }
    .no-flexbox .boxes .half {
      float: left; }
      .no-flexbox .boxes .half.swap {
        float: right; }
      .no-flexbox .boxes .half.swap + .half {
        float: left; } }