/*
Theme Name: Age of Revolution
Theme URI: https://thirty8.co.uk
Description: AoR website theme by Thirty8 Digital
Version: 2.0
Author: Thirty8 Digital Ltd 
Author URI: https://thirty8.co.uk
*/


@charset "UTF-8";
/*
===================================================

Settings

===================================================
*/
/* ======================================================
   Media query mixin
   Handle old versions of IE without the need for JavaScript as per http://jakearchibald.github.io/sass-ie/
   ======================================================*/
/* line 2, sass/project/mixins/_gradients.scss */
.top-bottom-gradient,
.panel--muted,
.listing--lifted .listing__item,
.panel--lifted {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iOTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.03) 0%, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0) 95%, rgba(0, 0, 0, 0.03) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.03)), color-stop(5%, rgba(255, 255, 255, 0)), color-stop(95%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.03)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.03) 0%, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0) 95%, rgba(0, 0, 0, 0.03) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.03) 0%, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0) 95%, rgba(0, 0, 0, 0.03) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.03) 0%, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0) 95%, rgba(0, 0, 0, 0.03) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.03) 0%, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0) 95%, rgba(0, 0, 0, 0.03) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#1a000000',GradientType=0 );
}

/* line 92, sass/core/_mixins-mod.scss */
.box__shadow,
.top-shadow,
.footer {
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}

/* HTML5 display definitions
*/
/* line 10, sass/core/vendor/normalize/_normalize-mod.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/* line 27, sass/core/vendor/normalize/_normalize-mod.scss */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/* line 38, sass/core/vendor/normalize/_normalize-mod.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}

/* line 46, sass/core/vendor/normalize/_normalize-mod.scss */
[hidden] {
  display: none;
}

/* Base
*/
/* line 58, sass/core/vendor/normalize/_normalize-mod.scss */
html {
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

/* line 67, sass/core/vendor/normalize/_normalize-mod.scss */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

/* line 77, sass/core/vendor/normalize/_normalize-mod.scss */
body {
  margin: 0;
}

/* Links
*/
/* line 86, sass/core/vendor/normalize/_normalize-mod.scss */
a:focus {
  outline: thin dotted;
}

/* line 92, sass/core/vendor/normalize/_normalize-mod.scss */
a:active,
a:hover {
  outline: 0;
}

/* Typography
*/
/* line 136, sass/core/vendor/normalize/_normalize-mod.scss */
abbr[title] {
  border-bottom: 1px dotted;
}

/* line 142, sass/core/vendor/normalize/_normalize-mod.scss */
b,
strong {
  font-weight: bold;
}

/* line 147, sass/core/vendor/normalize/_normalize-mod.scss */
blockquote {
  margin: 1em 40px;
}

/* line 153, sass/core/vendor/normalize/_normalize-mod.scss */
dfn {
  font-style: italic;
}

/* line 167, sass/core/vendor/normalize/_normalize-mod.scss */
mark {
  background: #ff0;
  color: #000;
}

/* line 174, sass/core/vendor/normalize/_normalize-mod.scss */
p,
pre {
  margin: 0 0 1em 0;
}

/* line 181, sass/core/vendor/normalize/_normalize-mod.scss */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/* line 192, sass/core/vendor/normalize/_normalize-mod.scss */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/* line 200, sass/core/vendor/normalize/_normalize-mod.scss */
q {
  quotes: none;
}

/* line 206, sass/core/vendor/normalize/_normalize-mod.scss */
q:before,
q:after {
  content: '';
  content: none;
}

/* line 214, sass/core/vendor/normalize/_normalize-mod.scss */
small {
  font-size: 80%;
}

/* line 220, sass/core/vendor/normalize/_normalize-mod.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 228, sass/core/vendor/normalize/_normalize-mod.scss */
sup {
  top: -0.5em;
}

/* line 232, sass/core/vendor/normalize/_normalize-mod.scss */
sub {
  bottom: -0.25em;
}

/* Lists
*/
/* line 241, sass/core/vendor/normalize/_normalize-mod.scss */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}

/* line 248, sass/core/vendor/normalize/_normalize-mod.scss */
dd {
  margin: 0 0 0 40px;
}

/* line 254, sass/core/vendor/normalize/_normalize-mod.scss */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}

/* line 262, sass/core/vendor/normalize/_normalize-mod.scss */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* Embedded content
*/
/* line 274, sass/core/vendor/normalize/_normalize-mod.scss */
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

/* line 281, sass/core/vendor/normalize/_normalize-mod.scss */
svg:not(:root) {
  overflow: hidden;
}

/* Figures
*/
/* line 290, sass/core/vendor/normalize/_normalize-mod.scss */
figure {
  margin: 0;
}

/* Forms
*/
/* line 299, sass/core/vendor/normalize/_normalize-mod.scss */
form {
  margin: 0;
}

/* line 308, sass/core/vendor/normalize/_normalize-mod.scss */
legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px;
}

/* line 320, sass/core/vendor/normalize/_normalize-mod.scss */
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

/* line 333, sass/core/vendor/normalize/_normalize-mod.scss */
button,
input {
  line-height: normal;
}

/* line 343, sass/core/vendor/normalize/_normalize-mod.scss */
button,
select {
  text-transform: none;
}

/* line 356, sass/core/vendor/normalize/_normalize-mod.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: none;
  cursor: pointer;
  *overflow: visible;
  border-radius: 0;
}

/* line 368, sass/core/vendor/normalize/_normalize-mod.scss */
button[disabled],
html input[disabled] {
  cursor: default;
}

/* line 378, sass/core/vendor/normalize/_normalize-mod.scss */
input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  *height: 13px;
  *width: 13px;
}

/* line 390, sass/core/vendor/normalize/_normalize-mod.scss */
input[type="search"] {
  -webkit-appearance: none;
}

/* line 400, sass/core/vendor/normalize/_normalize-mod.scss */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/* line 407, sass/core/vendor/normalize/_normalize-mod.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* line 416, sass/core/vendor/normalize/_normalize-mod.scss */
textarea {
  overflow: auto;
  vertical-align: top;
}

/* Tables
*/
/* line 426, sass/core/vendor/normalize/_normalize-mod.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ======================================================
   Base CSS
   (any add-ons to normalize)
   ======================================================*/
/* line 9, sass/core/_base-mod.scss */
html {
  overflow-y: scroll;
  font-size: 62.5%;
  line-height: 1.5;
  height: 100%;
}

/* line 16, sass/core/_base-mod.scss */
body {
  background: #fff;
  height: 100%;
}

/* ======================================================
   'Helper' utility classes
   includes application of these styles via SASS @extend
   ======================================================*/
/* ------------------------------
 * Misc utilities
 */
/* line 19, sass/core/_utils-mod.scss */
.cf {
  *zoom: 1;
}
/* line 38, ../../../../../../Applications/Mixture.app/Contents/Resources/gems/compass-core-1.0.1/stylesheets/compass/utilities/general/_clearfix.scss */
.cf:after {
  content: "";
  display: table;
  clear: both;
}

/* line 26, sass/core/_utils-mod.scss */
.phone-link {
  text-decoration: none !important;
  color: #c1c1c1;
  cursor: default;
}
/* line 31, sass/core/_utils-mod.scss */
.phone-link:hover {
  text-decoration: none !important;
  color: inherit;
}

/* line 46, sass/core/_utils-mod.scss */
.hanging-indent {
  overflow: hidden;
}

/* line 54, sass/core/_utils-mod.scss */
.vertical-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* ------------------------------
 * Hiding things
 * MODIFIED
 * Modified as this project uses the respond-min mixin to generate a fixed width IE stylesheet without media queries
 */
/* Hide from both screenreaders and browsers: h5bp.com/u */
/* line 8, sass/core/_hiding-mod.scss */
.hidden {
  display: none !important;
  visibility: hidden;
  height: 0;
  margin: 0;
}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
/* line 24, sass/core/_hiding-mod.scss */
.visuallyhidden,
.no-js .primary-nav .menu__toggle {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
}
/* line 36, sass/core/_hiding-mod.scss */
.visuallyhidden.focusable:active,
.no-js .primary-nav .focusable.menu__toggle:active,
.visuallyhidden.focusable:focus,
.no-js .primary-nav .focusable.menu__toggle:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/* Hide visually and from screenreaders, but maintain layout */
/* line 48, sass/core/_hiding-mod.scss */
.invisible {
  visibility: hidden;
}

/* For image replacement */
/* line 55, sass/core/_hiding-mod.scss */
.icon-logo,
.masthead__logo, .menu-toggle__link,
.ir,
.timeline__marker {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  line-height: 0;
}

/* line 68, sass/core/_hiding-mod.scss */
.social__item .social__text {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

/**
 * Mobile / Desktop "only" helpers to control breakpoint conditional visibility
 */
@media screen and (max-width: 37.4375em) {
  /* line 83, sass/core/_hiding-mod.scss */
  .desktop-only {
    display: none !important;
  }
}

@media screen and (min-width: 48em) {
  /* line 93, sass/core/_hiding-mod.scss */
  .mobile-only {
    display: none !important;
  }
}

/* Print helpers
*/
/* Show on printed version only */
@media screen {
  /* line 105, sass/core/_hiding-mod.scss */
  .print-only {
    display: none !important;
    visibility: hidden;
    height: 0;
    margin: 0;
  }
}
/* Don't show in printed version
   Elements with this class can be omitted from print
   ie. call to actions like "show more", as opposed to link elements that would meaningful even if they're not links
*/
@media print {
  /* line 118, sass/core/_hiding-mod.scss */
  .screen-only {
    display: none !important;
    visibility: hidden;
    height: 0;
    margin: 0;
  }
}
/* Magnific Popup CSS */
/* line 124, sass/core/_magnific.scss */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

/* line 141, sass/core/_magnific.scss */
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

/* line 153, sass/core/_magnific.scss */
.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 168, sass/core/_magnific.scss */
.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

/* line 179, sass/core/_magnific.scss */
.mfp-align-top .mfp-container:before {
  display: none;
}

/* line 186, sass/core/_magnific.scss */
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

/* line 196, sass/core/_magnific.scss */
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

/* line 203, sass/core/_magnific.scss */
.mfp-ajax-cur {
  cursor: progress;
}

/* line 207, sass/core/_magnific.scss */
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

/* line 213, sass/core/_magnific.scss */
.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

/* line 220, sass/core/_magnific.scss */
.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

/* line 225, sass/core/_magnific.scss */
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

/* line 236, sass/core/_magnific.scss */
.mfp-loading.mfp-figure {
  display: none;
}

/* line 255, sass/core/_magnific.scss */
.mfp-hide {
  display: none !important;
}

/* line 266, sass/core/_magnific.scss */
.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
/* line 276, sass/core/_magnific.scss */
.mfp-preloader a {
  color: #CCC;
}
/* line 278, sass/core/_magnific.scss */
.mfp-preloader a:hover {
  color: #FFF;
}

/* line 286, sass/core/_magnific.scss */
.mfp-s-ready .mfp-preloader {
  display: none;
}

/* line 293, sass/core/_magnific.scss */
.mfp-s-error .mfp-content {
  display: none;
}

/* line 300, sass/core/_magnific.scss */
button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* line 314, sass/core/_magnific.scss */
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

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

/* line 356, sass/core/_magnific.scss */
.mfp-close-btn-in .mfp-close {
  color: #fff;
}

/* line 362, sass/core/_magnific.scss */
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

/* line 372, sass/core/_magnific.scss */
.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

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

/* line 440, sass/core/_magnific.scss */
.mfp-arrow-left {
  left: 0;
}
/* line 443, sass/core/_magnific.scss */
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
/* line 448, sass/core/_magnific.scss */
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

/* line 455, sass/core/_magnific.scss */
.mfp-arrow-right {
  right: 0;
}
/* line 457, sass/core/_magnific.scss */
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
/* line 462, sass/core/_magnific.scss */
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3F3F3F;
}

/* line 473, sass/core/_magnific.scss */
.mfp-iframe {
  width: 100%;
  height: 100%;
}

/* line 479, sass/core/_magnific.scss */
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
  width: 100%;
  height: 100%;
}
/* line 484, sass/core/_magnific.scss */
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  height: 100%;
  max-width: 1300px;
}
/* line 490, sass/core/_magnific.scss */
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

/*  .mfp-iframe-scaler {
    width: 100%;
    height: 100%;
    overflow: hidden;
    //padding-top: $mfp-iframe-ratio * 100%;
    iframe {
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      box-shadow: $mfp-shadow;
      background: $mfp-iframe-background;
    }
  }*/
/* Main image in popup */
/* line 519, sass/core/_magnific.scss */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

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

/* line 560, sass/core/_magnific.scss */
.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

/* line 568, sass/core/_magnific.scss */
.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

/* line 577, sass/core/_magnific.scss */
.mfp-image-holder .mfp-content {
  max-width: 100%;
}

/* line 584, sass/core/_magnific.scss */
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  /* line 597, sass/core/_magnific.scss */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  /* line 602, sass/core/_magnific.scss */
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  /* line 608, sass/core/_magnific.scss */
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  /* line 612, sass/core/_magnific.scss */
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  /* line 617, sass/core/_magnific.scss */
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* line 627, sass/core/_magnific.scss */
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  /* line 631, sass/core/_magnific.scss */
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  /* line 635, sass/core/_magnific.scss */
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  /* line 655, sass/core/_magnific.scss */
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  /* line 659, sass/core/_magnific.scss */
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }

  /* line 663, sass/core/_magnific.scss */
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }

  /* line 667, sass/core/_magnific.scss */
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
/* line 679, sass/core/_magnific.scss */
.mfp-ie7 .mfp-img {
  padding: 0;
}
/* line 682, sass/core/_magnific.scss */
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}
/* line 689, sass/core/_magnific.scss */
.mfp-ie7 .mfp-container {
  padding: 0;
}
/* line 692, sass/core/_magnific.scss */
.mfp-ie7 .mfp-content {
  padding-top: 44px;
}
/* line 695, sass/core/_magnific.scss */
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}

/* ======================================================
   Project base (formerly 'Brand' styles)
   Apply visual language to unclassed elements
   ======================================================*/
/* line 6, sass/project/_base.scss */
body {
  font-size: 1.6rem ;
  line-height: 1.35;
  color: #706F6F;
  background-color: #fff;
  word-wrap: break-word;
}

/* line 14, sass/project/_base.scss */
body,
button,
input,
select,
textarea {
  font-weight: 500;
}

/* line 22, sass/project/_base.scss */
strong, b {
  font-weight: 700;
}

/* line 27, sass/project/_base.scss */
a {
  color: #008CBF;
  text-decoration: none;
}
/* line 31, sass/project/_base.scss */
a:hover, a:focus {
  text-decoration: underline;
}

/* line 39, sass/project/_base.scss */
.tel {
  color: inherit;
  cursor: default;
}
/* line 43, sass/project/_base.scss */
.tel, .tel:hover, .tel:focus, .tel:active {
  text-decoration: none;
}

/* line 51, sass/project/_base.scss */
ul, ol {
  list-style: none;
  padding-left: 0;
}

/* line 2, sass/project/_responsive-images.scss */
.js span.responsive {
  position: absolute;
  min-height: 1px;
  min-width: 1px;
  z-index: -1;
  display: block;
}

/* line 11, sass/project/_responsive-images.scss */
.responsive {
  width: 100%;
}
/* line 14, sass/project/_responsive-images.scss */
.js .responsive {
  max-width: 100%;
  height: auto;
}
@media screen and (min-width: 48em) {
  /* line 11, sass/project/_responsive-images.scss */
  .responsive {
    width: auto;
  }
  /* line 22, sass/project/_responsive-images.scss */
  .responsive.driver__image {
    width: 100%;
  }
}

/* line 29, sass/project/_responsive-images.scss */
.responsive__wedge {
  height: auto;
}
/* line 32, sass/project/_responsive-images.scss */
.no-js .responsive__wedge {
  display: none;
}

/* line 37, sass/project/_responsive-images.scss */
.lead-image {
  margin-bottom: 2rem ;
}
/* line 40, sass/project/_responsive-images.scss */
.sub-content .lead-image {
  margin-top: 3rem ;
}

/*
===========================================================================

  Form styles

===========================================================================
*/
/* line 10, sass/project/_forms.scss */
form {
  font-size: 1.6rem ;
}
@media screen and (min-width: 48em) {
  /* line 10, sass/project/_forms.scss */
  form {
    font-size: 1.4rem ;
  }
}

/* ------------------------------
 * Fieldsets
 */
/* line 21, sass/project/_forms.scss */
.form__section {
  position: relative;
  clear: both;
}
/* line 25, sass/project/_forms.scss */
.form__section .form__section {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* ------------------------------
 * Common form item styles
 */
/* line 34, sass/project/_forms.scss */
.form__label,
.form__group__title {
  display: block;
  font-weight: 700;
  font-size: 1.4rem ;
  color: #eee;
}

/* line 42, sass/project/_forms.scss */
.form__label__optional {
  font-weight: 500;
  margin-left: 0.5rem ;
}

/* ------------------------------
 * Basic input fields
 */
/* line 50, sass/project/_forms.scss */
.form__field, .form__field--string, .js-selector {
  display: block;
  width: 100%;
  max-width: 100%;
  border-style: solid;
  border-color: #eee;
  border-width: 0.1rem ;
  border-radius: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1rem ;
  font-size: 1.6rem ;
  font-weight: 500;
  -moz-transition: box-shadow 0.3s ease-in-out;
  -o-transition: box-shadow 0.3s ease-in-out;
  -webkit-transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out;
}
/* line 64, sass/project/_forms.scss */
.form__field:focus, .form__field--string:focus, .js-selector:focus, .form__field:active, .form__field--string:active, .js-selector:active {
  outline: 0 none;
}
@media screen and (min-width: 48em) {
  /* line 50, sass/project/_forms.scss */
  .form__field, .form__field--string, .js-selector {
    font-size: 1.3rem ;
    padding: 1rem 1.5rem ;
  }
}

/* line 75, sass/project/_forms.scss */
.form__group {
  border: 0;
  margin: 0;
  padding: 0;
}

/* line 85, sass/project/_forms.scss */
.form__field--string {
  -moz-box-shadow: inset 3px 3px 3px rgba(242, 242, 242, 0.5);
  -webkit-box-shadow: inset 3px 3px 3px rgba(242, 242, 242, 0.5);
  box-shadow: inset 3px 3px 3px rgba(242, 242, 242, 0.5);
}
/* line 91, sass/project/_forms.scss */
.form__field--string:focus, .form__field--string:active {
  -moz-box-shadow: inset 3px 3px 3px rgba(242, 242, 242, 0.5), 0 0 4px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 3px 3px 3px rgba(242, 242, 242, 0.5), 0 0 4px rgba(0, 0, 0, 0.4);
  box-shadow: inset 3px 3px 3px rgba(242, 242, 242, 0.5), 0 0 4px rgba(0, 0, 0, 0.4);
}
/* line 95, sass/project/_forms.scss */
.lt-ie9 .form__field--string:focus, .lt-ie9 .form__field--string:active {
  border-color: #171716;
}
@media screen and (min-width: 48em) {
  /* line 85, sass/project/_forms.scss */
  .form__field--string {
    -moz-box-shadow: inset 5px 5px 20px rgba(242, 242, 242, 0.5);
    -webkit-box-shadow: inset 5px 5px 20px rgba(242, 242, 242, 0.5);
    box-shadow: inset 5px 5px 20px rgba(242, 242, 242, 0.5);
  }
  /* line 104, sass/project/_forms.scss */
  .form__field--string:focus, .form__field--string:active {
    -moz-box-shadow: inset 5px 5px 20px rgba(242, 242, 242, 0.5), 0 0 4px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 5px 5px 20px rgba(242, 242, 242, 0.5), 0 0 4px rgba(0, 0, 0, 0.4);
    box-shadow: inset 5px 5px 20px rgba(242, 242, 242, 0.5), 0 0 4px rgba(0, 0, 0, 0.4);
  }
}

/* line 111, sass/project/_forms.scss */
.form__field--text {
  padding-right: 3rem ;
}

@media screen and (min-width: 48em) {
  /* line 116, sass/project/_forms.scss */
  .form--search {
    float: left;
  }
}

/* line 123, sass/project/_forms.scss */
.form__item__reveal {
  width: 0;
  float: left;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 47.9375em) {
  /* line 130, sass/project/_forms.scss */
  .form__item__reveal .form__field--text {
    visibility: hidden;
  }
  /* line 134, sass/project/_forms.scss */
  .form__item__reveal.is-open {
    width: 100%;
  }
  /* line 137, sass/project/_forms.scss */
  .form__item__reveal.is-open .form__field--text {
    visibility: visible;
  }
}
@media screen and (min-width: 48em) {
  /* line 123, sass/project/_forms.scss */
  .form__item__reveal {
    float: right;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    padding: 0.5rem 0rem;
    margin-top: 0.5rem;
  }
  
  #header-search .form__item__reveal {
    padding: 0;
    margin-top: 0;
    margin-right: 24px;
  }  
  /* line 152, sass/project/_forms.scss */
  .form__item__reveal.is-open {
    width: auto;
    padding-left: 2rem ;
  }
}

/* line 160, sass/project/_forms.scss */
.form__field--email {
  padding-right: 4rem ;
}

/**
 * Select boxes
 * (Uniform)
 * This element is pixel based because using REMs for line-height inside pseudo elements does not work in IE10 & 9
 */
/* line 173, sass/project/_forms.scss */
.js-selector {
  color: #706F6F;
  width: 100% !important;
  vertical-align: middle;
  line-height: 37px;
  height: 37px;
  position: relative;
  overflow: hidden;
  padding: 0;
  background-color: #fff;
}
/* line 185, sass/project/_forms.scss */
.js-selector:focus {
  outline: 0;
}
/* line 189, sass/project/_forms.scss */
.js-selector span {
  position: relative;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  height: 37px;
  line-height: 37px;
  padding: 0 37px 0 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100% !important;
  display: block;
  border-left: 1px solid #f2f2f2;
}
/* line 205, sass/project/_forms.scss */
.js-selector span:before {
  color: #008CBF;
  font-size: 140%;
  height: 26px;
  width: 37px;
  line-height: 26px;
  text-align: center;
  position: absolute;
  top: 7px;
  right: 0;
}
/* line 220, sass/project/_forms.scss */
.js-selector select {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  border: none;
  background: none;
  position: absolute;
  height: 37px;
  top: 0;
  left: 0;
  width: 100%;
  cursor: pointer;
}
/* line 234, sass/project/_forms.scss */
.lt-ie9 .js-selector.hover, .lt-ie9 .js-selector.focus {
  border-color: #706F6F;
}
/* line 240, sass/project/_forms.scss */
.lt-ie9 .js-selector.active {
  border-color: #706F6F;
}

/* line 248, sass/project/_forms.scss */
.form__item--wrapper {
  position: relative;
}

/* =============================================================================
   Grid
   =============================================================================
*/
@media screen and (min-width: 37.4375em) {
  /* line 41, sass/core/_proportional-grids-mod.scss */
  .mobile-grid-wrap {
    margin-left: -2rem;
    *zoom: 1;
  }
  /* line 38, ../../../../../../Applications/Mixture.app/Contents/Resources/gems/compass-core-1.0.1/stylesheets/compass/utilities/general/_clearfix.scss */
  .mobile-grid-wrap:after {
    content: "";
    display: table;
    clear: both;
  }

  /* line 50, sass/core/_proportional-grids-mod.scss */
  .mobile-grid-col {
    float: left;
    clear: none;
    padding-left: 2rem;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
  }

  /* line 63, sass/core/_proportional-grids-mod.scss */
  .no-gutter {
    margin-left: 0;
  }
  /* line 33, sass/core/_proportional-grids-mod.scss */
  .no-gutter > .grid-col {
    padding-left: 0;
  }

  /* line 69, sass/core/_proportional-grids-mod.scss */
  ul.mobile-grid-wrap,
  ol.mobile-grid-wrap {
    padding-left: 0;
    list-style: none;
  }

  /* line 75, sass/core/_proportional-grids-mod.scss */
  li.mobile-grid-col {
    margin-left: 0;
    margin-bottom: 0;
  }

  /* line 87, sass/core/_proportional-grids-mod.scss */
  .mobile-grid-full-width {
    width: 100%;
  }

  /* line 96, sass/core/_proportional-grids-mod.scss */
  .mobile-grid-offset-full-width {
    margin-left: 100%;
  }

  /* line 87, sass/core/_proportional-grids-mod.scss */
  .mobile-grid-one-half {
    width: 50%;
  }

  /* line 96, sass/core/_proportional-grids-mod.scss */
  .mobile-grid-offset-one-half {
    margin-left: 50%;
  }

  /* line 87, sass/core/_proportional-grids-mod.scss */
  .mobile-grid-one-third {
    width: 33.3333333%;
  }

  /* line 96, sass/core/_proportional-grids-mod.scss */
  .mobile-grid-offset-one-third {
    margin-left: 33.3333333%;
  }

  /* line 87, sass/core/_proportional-grids-mod.scss */
  .mobile-grid-two-thirds {
    width: 66.6666667%;
  }

  /* line 96, sass/core/_proportional-grids-mod.scss */
  .mobile-grid-offset-two-thirds {
    margin-left: 66.6666667%;
  }

  /* line 87, sass/core/_proportional-grids-mod.scss */
  .mobile-grid-one-quarter {
    width: 25%;
  }

  /* line 96, sass/core/_proportional-grids-mod.scss */
  .mobile-grid-offset-one-quarter {
    margin-left: 25%;
  }

  /* line 87, sass/core/_proportional-grids-mod.scss */
  .mobile-grid-three-quarters {
    width: 75%;
  }

  /* line 96, sass/core/_proportional-grids-mod.scss */
  .mobile-grid-offset-three-quarters {
    margin-left: 75%;
  }

  /* line 87, sass/core/_proportional-grids-mod.scss */
  .mobile-grid-three-fifths {
    width: 60%;
  }

  /* line 96, sass/core/_proportional-grids-mod.scss */
  .mobile-grid-offset-three-fifths {
    margin-left: 60%;
  }

  /* line 87, sass/core/_proportional-grids-mod.scss */
  .mobile-grid-two-fifths {
    width: 40%;
  }

  /* line 96, sass/core/_proportional-grids-mod.scss */
  .mobile-grid-offset-two-fifths {
    margin-left: 40%;
  }
}
@media screen and (min-width: 37.4375em) and (max-width: 48em) {
  /* line 41, sass/core/_proportional-grids-mod.scss */
  .tablet-grid-wrap {
    margin-left: -2rem;
    *zoom: 1;
  }
  /* line 38, ../../../../../../Applications/Mixture.app/Contents/Resources/gems/compass-core-1.0.1/stylesheets/compass/utilities/general/_clearfix.scss */
  .tablet-grid-wrap:after {
    content: "";
    display: table;
    clear: both;
  }

  /* line 50, sass/core/_proportional-grids-mod.scss */
  .tablet-grid-col {
    float: left;
    clear: none;
    padding-left: 2rem;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
  }

  /* line 63, sass/core/_proportional-grids-mod.scss */
  .no-gutter {
    margin-left: 0;
  }
  /* line 33, sass/core/_proportional-grids-mod.scss */
  .no-gutter > .grid-col {
    padding-left: 0;
  }

  /* line 69, sass/core/_proportional-grids-mod.scss */
  ul.tablet-grid-wrap,
  ol.tablet-grid-wrap {
    padding-left: 0;
    list-style: none;
  }

  /* line 75, sass/core/_proportional-grids-mod.scss */
  li.tablet-grid-col {
    margin-left: 0;
    margin-bottom: 0;
  }

  /* line 87, sass/core/_proportional-grids-mod.scss */
  .tablet-grid-full-width {
    width: 100%;
  }

  /* line 96, sass/core/_proportional-grids-mod.scss */
  .tablet-grid-offset-full-width {
    margin-left: 100%;
  }

  /* line 87, sass/core/_proportional-grids-mod.scss */
  .tablet-grid-one-half {
    width: 50%;
  }

  /* line 96, sass/core/_proportional-grids-mod.scss */
  .tablet-grid-offset-one-half {
    margin-left: 50%;
  }

  /* line 87, sass/core/_proportional-grids-mod.scss */
  .tablet-grid-one-third {
    width: 33.3333333%;
  }

  /* line 96, sass/core/_proportional-grids-mod.scss */
  .tablet-grid-offset-one-third {
    margin-left: 33.3333333%;
  }

  /* line 87, sass/core/_proportional-grids-mod.scss */
  .tablet-grid-two-thirds {
    width: 66.6666667%;
  }

  /* line 96, sass/core/_proportional-grids-mod.scss */
  .tablet-grid-offset-two-thirds {
    margin-left: 66.6666667%;
  }

  /* line 87, sass/core/_proportional-grids-mod.scss */
  .tablet-grid-one-quarter {
    width: 25%;
  }

  /* line 96, sass/core/_proportional-grids-mod.scss */
  .tablet-grid-offset-one-quarter {
    margin-left: 25%;
  }

  /* line 87, sass/core/_proportional-grids-mod.scss */
  .tablet-grid-three-quarters {
    width: 75%;
  }

  /* line 96, sass/core/_proportional-grids-mod.scss */
  .tablet-grid-offset-three-quarters {
    margin-left: 75%;
  }

  /* line 87, sass/core/_proportional-grids-mod.scss */
  .tablet-grid-three-fifths {
    width: 60%;
  }

  /* line 96, sass/core/_proportional-grids-mod.scss */
  .tablet-grid-offset-three-fifths {
    margin-left: 60%;
  }

  /* line 87, sass/core/_proportional-grids-mod.scss */
  .tablet-grid-two-fifths {
    width: 40%;
  }

  /* line 96, sass/core/_proportional-grids-mod.scss */
  .tablet-grid-offset-two-fifths {
    margin-left: 40%;
  }
}
@media screen and (min-width: 48em) {
  /* line 41, sass/core/_proportional-grids-mod.scss */
  .grid-wrap {
    margin-left: -2rem;
    *zoom: 1;
  }
  /* line 38, ../../../../../../Applications/Mixture.app/Contents/Resources/gems/compass-core-1.0.1/stylesheets/compass/utilities/general/_clearfix.scss */
  .grid-wrap:after {
    content: "";
    display: table;
    clear: both;
  }

  /* line 50, sass/core/_proportional-grids-mod.scss */
  .grid-col {
    float: left;
    clear: none;
    padding-left: 2rem;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
  }

  /* line 63, sass/core/_proportional-grids-mod.scss */
  .no-gutter {
    margin-left: 0;
  }
  /* line 33, sass/core/_proportional-grids-mod.scss */
  .no-gutter > .grid-col {
    padding-left: 0;
  }

  /* line 69, sass/core/_proportional-grids-mod.scss */
  ul.grid-wrap,
  ol.grid-wrap {
    padding-left: 0;
    list-style: none;
  }

  /* line 75, sass/core/_proportional-grids-mod.scss */
  li.grid-col {
    margin-left: 0;
    margin-bottom: 0;
  }

  /* line 87, sass/core/_proportional-grids-mod.scss */
  .grid-full-width {
    width: 100%;
  }

  /* line 96, sass/core/_proportional-grids-mod.scss */
  .grid-offset-full-width {
    margin-left: 100%;
  }

  /* line 87, sass/core/_proportional-grids-mod.scss */
  .grid-one-half {
    width: 50%;
  }

  /* line 96, sass/core/_proportional-grids-mod.scss */
  .grid-offset-one-half {
    margin-left: 50%;
  }

  /* line 87, sass/core/_proportional-grids-mod.scss */
  .grid-one-third {
    width: 33.3333333%;
  }

  /* line 96, sass/core/_proportional-grids-mod.scss */
  .grid-offset-one-third {
    margin-left: 33.3333333%;
  }

  /* line 87, sass/core/_proportional-grids-mod.scss */
  .grid-two-thirds {
    width: 66.6666667%;
  }

  /* line 96, sass/core/_proportional-grids-mod.scss */
  .grid-offset-two-thirds {
    margin-left: 66.6666667%;
  }

  /* line 87, sass/core/_proportional-grids-mod.scss */
  .grid-one-quarter {
    width: 25%;
  }

  /* line 96, sass/core/_proportional-grids-mod.scss */
  .grid-offset-one-quarter {
    margin-left: 25%;
  }

  /* line 87, sass/core/_proportional-grids-mod.scss */
  .grid-three-quarters {
    width: 75%;
  }

  /* line 96, sass/core/_proportional-grids-mod.scss */
  .grid-offset-three-quarters {
    margin-left: 75%;
  }

  /* line 87, sass/core/_proportional-grids-mod.scss */
  .grid-three-fifths {
    width: 60%;
  }

  /* line 96, sass/core/_proportional-grids-mod.scss */
  .grid-offset-three-fifths {
    margin-left: 60%;
  }

  /* line 87, sass/core/_proportional-grids-mod.scss */
  .grid-two-fifths {
    width: 40%;
  }

  /* line 96, sass/core/_proportional-grids-mod.scss */
  .grid-offset-two-fifths {
    margin-left: 40%;
  }
}
/* line 25, sass/project/_grid.scss */
.multiple-row > .grid-col {
  margin-bottom: 2rem;
}

/* line 30, sass/project/_grid.scss */
.grid {
  width: 100%;
}

/* line 34, sass/project/_grid.scss */
.grid__list {
  clear: both;
}
/* line 36, sass/project/_grid.scss */
.grid__list .grid__item {
  padding-bottom: 1.5rem ;
}

/* line 41, sass/project/_grid.scss */
.grid-col--hang-right {
  float: right;
}

/* line 45, sass/project/_grid.scss */
.grid__inner {
  clear: both;
  padding: 2rem ;
  /*
    .grid-col {
      float: left;
    }*/
}

@font-face {
  font-family: 'waterloo-icon';
  src: url("fonts/icon-font/waterloo-icon.eot");
  src: url("fonts/icon-font/waterloo-icon.eot#iefix") format("embedded-opentype"), url("fonts/icon-font/waterloo-icon.woff") format("woff"), url("fonts/icon-font/waterloo-icon.ttf") format("truetype"), url("fonts/icon-font/waterloo-icon.svg#waterloo-icon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'waterloo-icon';
    src: url("fonts/icon-font/waterloo-icon.svg#waterloo-icon") format("svg");
  }
}
/* line 23, sass/project/_icons.scss */
[class^="icon-"]:before,
[class*=" icon-"]:before,
.hero__caption__title .hero__caption__link:after,
.primary-nav__item.is-current-item:after,
.secondary-nav__link:after,
.collapsible-enabled .section__heading--null:after,
.collapsible-enabled .section__heading:after,
.js-selector span:before,
.btn--submit:before,
.owl-next:before,
.owl-prev:before,
.crumbtrail__item a:before,
.section__heading--null.section__heading--download:before {
  font-family: "waterloo-icon";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

/* line 59, sass/project/_icons.scss */
.icon-twitter:before {
  content: '\e800';
}

/* '' */
/* line 60, sass/project/_icons.scss */
.icon-facebook:before {
  content: '\e801';
}

/* '' */
/* line 61, sass/project/_icons.scss */
.icon-record:before {
  content: '\e802';
}

/* '' */
/* line 63, sass/project/_icons.scss */
.icon-plus-after:after, .collapsible-enabled .section__heading--null:after,
.collapsible-enabled .section__heading:after,
.icon-plus:before {
  content: '\e803';
}

/* '' */
/* line 65, sass/project/_icons.scss */
.icon-search:before {
  content: '\e804';
}

/* '' */
/* line 66, sass/project/_icons.scss */
.icon-linkedin:before {
  content: '\e805';
}

/* '' */
/* line 67, sass/project/_icons.scss */
.icon-download:before {
  content: '\e806';
}

/* '' */
/* line 68, sass/project/_icons.scss */
.icon-share:before {
  content: '\e807';
}

/* '' */
/* line 70, sass/project/_icons.scss */
.icon-down-dir-after:after,
.icon-down-dir:before,
.js-selector span:before {
  content: '\e808';
}

/* '' */
/* line 73, sass/project/_icons.scss */
.icon-minus-after:after, .collapsible-enabled .section--active > .section__heading:after,
.icon-minus:before {
  content: '\e809';
}

/* '' */
/* line 75, sass/project/_icons.scss */
.icon-up-dir:before {
  content: '\e80a';
}

/* '' */
/* line 76, sass/project/_icons.scss */
.icon-left-open-mini:before {
  content: '\e80b';
}

/* '' */
/* line 78, sass/project/_icons.scss */
.icon-right-open-mini-after:after, .secondary-nav__link:after,
.icon-right-open-mini:before,
.crumbtrail__item a:before {
  content: '\e80c';
}

/* '' */
/* line 80, sass/project/_icons.scss */
.icon-right-dir:before {
  content: '\e80e';
}

/* '' */
/* line 81, sass/project/_icons.scss */
.icon-share:before {
  content: '\e80f';
}

/* '' */
/* line 82, sass/project/_icons.scss */
.icon-ticket:before {
  content: '\e810';
}

/* '' */
/* line 83, sass/project/_icons.scss */
.icon-mail:before {
  content: '\e812';
}

/* '' */
/* line 84, sass/project/_icons.scss */
.icon-left-dir:before {
  content: '\e814';
}

/* '' */
/* line 85, sass/project/_icons.scss */
.icon-location:before {
  content: '\e815';
}

/* '' */
/* line 86, sass/project/_icons.scss */
.icon-doc-text:before, .section__heading--null.section__heading--download:before {
  content: '\e816';
}

/* '' */
/* line 87, sass/project/_icons.scss */
.icon-cancel:before {
  content: '\e813';
}

/* '' */
/* line 88, sass/project/_icons.scss */
.icon-info:before {
  content: '\e80d';
}

/* '' */
/* line 90, sass/project/_icons.scss */
.icon-down-after:after, .section__heading--null.section__heading--download:after,
.icon-down:before {
  content: '\e817';
}

/* '' */
/* line 92, sass/project/_icons.scss */
.icon-clock:before {
  content: '\e811';
}

/* '' */
/* line 93, sass/project/_icons.scss */
.icon-cw:before {
  content: '\e818';
}

/* '' */
/* line 1, sass/project/_buttons.scss */
.btn, .driver__action, .list__action {
  font-size: 1.3rem ;
  color: #fff;
  cursor: pointer;
  border: 0 none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-weight: 500;
  text-align: center;
  padding: 1rem 1.5rem ;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  width: auto;
}
/* line 14, sass/project/_buttons.scss */
.btn:hover, .driver__action:hover, .list__action:hover, .btn:active, .driver__action:active, .list__action:active, .btn:focus, .driver__action:focus, .list__action:focus {
  background: #171716;
  color: #fff;
  outline: 0;
}
/* line 22, sass/project/_buttons.scss */
.btn:before, .driver__action:before, .list__action:before {
  color: #fff;
  font-size: 1.5rem ;
}

/* line 29, sass/project/_buttons.scss */
.btn--primary {
  background: #008CBF;
}
/* line 32, sass/project/_buttons.scss */
.btn--primary:hover, .btn--primary:active, .btn--primary:focus {
  background: #001c26;
}

/* line 41, sass/project/_buttons.scss */
.btn--secondary, .driver__action, .list__action {
  background: #f2f2f2;
  color: #008CBF;
}

/* line 48, sass/project/_buttons.scss */
.btn--tertiary {
  float: left;
}

/* line 54, sass/project/_buttons.scss */
.form__item--disabled {
  background: #fff;
  color: #000;
}
/* line 58, sass/project/_buttons.scss */
.form__item--disabled:hover, .form__item--disabled:active, .form__item--disabled:focus {
  background: #fff;
  cursor: default;
  color: #000;
}

/* line 67, sass/project/_buttons.scss */
.btn--submit {
  background-color: #AE3C47;
  width: 3.5rem ;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 20;
}

/* Header search june 2018 */
.nav__item--search .btn--submit {
	position: absolute;
	top: 0;
	right: 0;
	height: 37px;
}
/* line 82, sass/project/_buttons.scss */
.btn--submit:before {
  margin-left: -4px;
}
/* line 87, sass/project/_buttons.scss */
.btn--submit.is-open {
	position: absolute;
	top: 0;
	right: 0;
}
/* Header search june 2018 end */

/* ======================================================
   Hero area
   ======================================================*/
/* line 5, sass/project/_hero.scss */
.hero {
  position: relative;
  background-color: #fff;
}

/* line 10, sass/project/_hero.scss */
.hero__items {
  margin: 0;
}

/* line 14, sass/project/_hero.scss */
.hero__item {
  width: auto;
}
/* line 18, sass/project/_hero.scss */
.no-js .hero__item {
  position: relative;
  left: 0;
  top: 0;
}
/* line 24, sass/project/_hero.scss */
.hero__item img {
  display: block;
  width: 100%;
}
/* line 29, sass/project/_hero.scss */
.hero__item.wrapper {
  position: absolute;
}

@media screen and (max-width: 37.5em) {
  /* line 36, sass/project/_hero.scss */
  .hero__caption {
    display: none;
  }
}
@media screen and (min-width: 37.5em) {
  /* line 36, sass/project/_hero.scss */
  .hero__caption {
    position: absolute;
    bottom: 0;
  }
}

/* line 50, sass/project/_hero.scss */
.hero__caption__title {
  font-weight: 100;
  margin-bottom: 2rem ;
  font-size: 2.5rem ;
}
/* line 55, sass/project/_hero.scss */
.hero__caption__title .hero__caption__link {
  display: inline;
  font-weight: 100;
  color: #fff;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
  background-color: #222;
  line-height: 6.1rem ;
}
/* line 64, sass/project/_hero.scss */
.hero__caption__title .hero__caption__link:hover {
  text-decoration: none;
}
/* line 68, sass/project/_hero.scss */
.hero__caption__title .hero__caption__link:after {
  background-color: #AE3C47;
  content: "\e80c";
  font-size: 105%;
  line-height: 1.25;
  margin: 0;
  width: 56px;
}
@media screen and (max-width: 53.125em) {
  /* line 55, sass/project/_hero.scss */
  .hero__caption__title .hero__caption__link {
    line-height: 1.45;
  }
}
@media screen and (min-width: 50em) {
  /* line 50, sass/project/_hero.scss */
  .hero__caption__title {
    font-size: 3.2rem ;
  }
}
@media screen and (min-width: 53.125em) {
  /* line 50, sass/project/_hero.scss */
  .hero__caption__title {
    font-size: 3.6rem ;
  }
}
@media screen and (min-width: 56.25em) {
  /* line 50, sass/project/_hero.scss */
  .hero__caption__title {
    font-size: 4.2rem ;
  }
}
@media screen and (min-width: 48em) {
  /* line 50, sass/project/_hero.scss */
  .hero__caption__title {
    font-size: 4.5rem ;
  }
}

/* line 104, sass/project/_hero.scss */
.carousel__items {
  display: table;
}
/* line 109, sass/project/_hero.scss */
.no-js .carousel__items .carousel__item {
  display: table-cell;
}
/* line 114, sass/project/_hero.scss */
.carousel__items .owl-item {
  display: table-cell;
  background-color: #ECECEF;
}
/* line 118, sass/project/_hero.scss */
.carousel__items .owl-item:nth-child(odd) {
  background-color: #f2f2f2;
}

/*
===================================================

Navigation component

===================================================
*/
/* ------------------------------
 * Primary nav
 */
/* line 16, sass/project/_navigation.scss */
.item-1.primary-nav__item, .item-1.section-heading {
  background-color: #5DA700;
}
/* line 19, sass/project/_navigation.scss */
.item-2.primary-nav__item, .item-2.section-heading {
  background-color: #F49E00;
}
/* line 22, sass/project/_navigation.scss */
.item-3.primary-nav__item, .item-3.section-heading {
  background-color: #AECF4E;
}
/* line 25, sass/project/_navigation.scss */
.item-4.primary-nav__item, .item-4.section-heading {
  background-color: #DC6D69;
}
/* line 28, sass/project/_navigation.scss */
.item-5.primary-nav__item, .item-5.section-heading {
  background-color: #30C5A1;
}
/* line 31, sass/project/_navigation.scss */
.item-6.primary-nav__item, .item-6.section-heading {
  background-color: #AE3C47;
}

/* line 37, sass/project/_navigation.scss */
.primary-nav__item, .section-heading {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
  opacity: 0.95;
}

/* line 43, sass/project/_navigation.scss */
.primary-nav {
  z-index: 2500;
  position: absolute;
  width: 100%;
}
@media screen and (min-width: 48em) {
  /* line 43, sass/project/_navigation.scss */
  .primary-nav {
    left: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0rem 1rem ;
    top: 6.1rem ;
    margin-left: 0;
  }
}
@media screen and (min-width: 60em) {
  /* line 43, sass/project/_navigation.scss */
  .primary-nav {
    width: 96rem ;
    left: 50%;
    margin-left: -48rem ;
  }
}
/* line 65, sass/project/_navigation.scss */
.primary-nav .menu__toggle {
  text-align: center;
}

/* line 74, sass/project/_navigation.scss */
.primary-nav__list {
  margin: 0;
  padding: 0;
  width: 100%;
}

/* line 80, sass/project/_navigation.scss */
.primary-nav__item {
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 300;
}
@media screen and (min-width: 48em) {
  /* line 80, sass/project/_navigation.scss */
  .primary-nav__item {
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
  }
}
/* line 91, sass/project/_navigation.scss */
.is-open-menu .primary-nav__item {
  padding: 0.3rem 0rem ;
}
/* line 97, sass/project/_navigation.scss */
.primary-nav__item.is-current-item {
  background-color: #fff;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  z-index: 1;
  position: relative;
}
/* line 104, sass/project/_navigation.scss */
.primary-nav__item.is-current-item:after {
  position: absolute;
  border-radius: 999px;
  border: 1px solid #22C6A1;
  right: 1rem ;
  top: 2rem ;
  margin-top: -0.8rem ;
  content: '\e809';
}
/* line 114, sass/project/_navigation.scss */
.primary-nav__item.is-current-item .primary-nav__link {
  color: #22C6A1;
}

/* line 125, sass/project/_navigation.scss */
.primary-nav__link {
  color: #fff;
  display: block;
  text-decoration: none;
  padding: 0.8rem 1.2rem ;
  font-size: 2rem ;
}
/* line 133, sass/project/_navigation.scss */
.primary-nav__link:focus {
  text-decoration: underline;
}
@media screen and (min-width: 48em) {
  /* line 139, sass/project/_navigation.scss */
  .current-item
  .primary-nav__link {
    color: #008CBF;
  }
  /* line 143, sass/project/_navigation.scss */
  .primary-nav__link:hover,
  .primary-nav__link:focus {
    text-decoration: none;
  }
  /* line 147, sass/project/_navigation.scss */
  .primary-nav__link:hover span,
  .primary-nav__link:focus span {
    text-decoration: underline;
  }
}

/* line 155, sass/project/_navigation.scss */
.nav__item--search {
  position: relative;
  min-height: 3.5rem ;
}

/* ------------------------------
 * Secondary nav
 */
/* line 165, sass/project/_navigation.scss */
.top-shadow {
  z-index: 10;
  border-top: 0;
}

/* line 172, sass/project/_navigation.scss */
.secondary-nav__list {
  margin-bottom: 0;
}
@media screen and (min-width: 48em) {
  /* line 172, sass/project/_navigation.scss */
  .secondary-nav__list {
    margin-left: -0.4rem ;
    border-left: 1px solid #DFDFD0;
  }
}

/* line 182, sass/project/_navigation.scss */
.secondary-nav__item {
  border-bottom: 1px dotted #DFDFD0;
}
@media screen and (min-width: 48em) {
  /* line 182, sass/project/_navigation.scss */
  .secondary-nav__item {
    margin-left: 1.2rem ;
  }
}

/* line 191, sass/project/_navigation.scss */
.secondary-nav__link {
  padding: 1rem 2.5rem 1rem 0rem ;
  display: block;
}
/* line 197, sass/project/_navigation.scss */
.secondary-nav__link:after {
  float: right;
}

/* line 204, sass/project/_navigation.scss */
.primary-nav__item__inner {
  background-color: #fff;
}
/* line 209, sass/project/_navigation.scss */
.primary-nav__item__inner > .grid-col {
  margin-left: 0;
  padding: 1.5rem ;
}
/* line 214, sass/project/_navigation.scss */
.secondary-menu-item .primary-nav__item__inner {
  padding: 2rem 2rem 3rem 1.2rem ;
  left: 0;
  position: relative;
  margin-left: 0;
}
@media screen and (min-width: 48em) {
  /* line 204, sass/project/_navigation.scss */
  .primary-nav__item__inner {
    position: absolute;
    left: -9999px;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  }
}

/* line 233, sass/project/_navigation.scss */
.secondary-menu-item {
  width: 100%;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
}

/* line 242, sass/project/_navigation.scss */
.nav__item--search {
  min-height: 4.7rem ;
}

/* line 247, sass/project/_navigation.scss */
.nav__link--search {
  float: right;
}
@media screen and (min-width: 48em) {
  /* line 247, sass/project/_navigation.scss */
  .nav__link--search {
    padding-left: 1.4rem ;
  }
}

/*
 *  Core Owl Carousel CSS File
 *  v1.3.2
 */
/* clearfix */
/* line 7, sass/project/_owl.scss */
.owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

/* display none until init */
/* line 16, sass/project/_owl.scss */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}

/* line 22, sass/project/_owl.scss */
.owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}

/* line 27, sass/project/_owl.scss */
.owl-wrapper-outer {
  clear: both;
  overflow: hidden;
  position: relative;
}
/* line 32, sass/project/_owl.scss */
.carousel--is-active .owl-wrapper-outer {
  border-bottom: 3px solid #DFDFD0;
}
/* line 36, sass/project/_owl.scss */
.is-reversed .owl-wrapper-outer {
  border-bottom: 0 none;
}

/* line 41, sass/project/_owl.scss */
.owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/* line 49, sass/project/_owl.scss */
.owl-item {
  float: left;
}

/* line 52, sass/project/_owl.scss */
.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer;
}

/* line 57, sass/project/_owl.scss */
.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

/* fix */
/* line 68, sass/project/_owl.scss */
.owl-wrapper,
.owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

/*
 *  Owl Carousel CSS3 Transitions
 *  v1.3.2
 */
/* line 84, sass/project/_owl.scss */
.owl-origin {
  -webkit-perspective: 1200px;
  -webkit-perspective-origin-x: 50%;
  -webkit-perspective-origin-y: 50%;
  -moz-perspective: 1200px;
  -moz-perspective-origin-x: 50%;
  -moz-perspective-origin-y: 50%;
  perspective: 1200px;
}

/* fade */
/* line 94, sass/project/_owl.scss */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}

/* line 100, sass/project/_owl.scss */
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}

/* backSlide */
/* line 106, sass/project/_owl.scss */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}

/* line 111, sass/project/_owl.scss */
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}

/* goDown */
/* line 117, sass/project/_owl.scss */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}

/* line 122, sass/project/_owl.scss */
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}

/* scaleUp */
/* line 128, sass/project/_owl.scss */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

/* line 134, sass/project/_owl.scss */
.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}

/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {
    opacity: 1;
  }
}
@-moz-keyframes empty {
  0% {
    opacity: 1;
  }
}
@keyframes empty {
  0% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
*   Theme
*/
/* line 179, sass/project/_owl.scss */
.owl-controls {
  display: block;
  text-align: center;
  z-index: 100;
  width: 100%;
}

/* line 188, sass/project/_owl.scss */
.owl-button:before {
  font-size: 2rem ;
  color: #000;
}
@media screen and (min-width: 48em) {
  /* line 188, sass/project/_owl.scss */
  .owl-button:before {
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-weight: 300;
  }
  /* line 197, sass/project/_owl.scss */
  .hero:hover .owl-button:before {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
}

/*
* Styling Next and Prev buttons
*/
/* line 210, sass/project/_owl.scss */
.owl-button,
.owl-page {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

/* line 217, sass/project/_owl.scss */
.carousel--is-active .owl-controls {
  text-align: right;
  margin-top: -5rem ;
}
/* line 222, sass/project/_owl.scss */
.is-reversed .owl-controls {
  margin-top: 0;
}

/* line 228, sass/project/_owl.scss */
.owl-next,
.owl-prev {
  color: #fff;
  padding: 1rem ;
  background-color: #ddd;
}
/* line 235, sass/project/_owl.scss */
.owl-next:before,
.owl-prev:before {
  color: #fff;
  font-size: 100%;
}
/* line 240, sass/project/_owl.scss */
.is-reversed .owl-next, .is-reversed
.owl-prev {
  background-color: #AE3C47;
}

/* line 245, sass/project/_owl.scss */
.owl-next {
  margin-left: 0.1rem ;
}
/* line 247, sass/project/_owl.scss */
.owl-next:before {
  content: '\e80e';
}

/* line 252, sass/project/_owl.scss */
.owl-prev {
  margin-left: 0.1rem ;
}
/* line 254, sass/project/_owl.scss */
.owl-prev:before {
  content: '\e814';
}

/* line 259, sass/project/_owl.scss */
.owl-buttons {
  border-bottom: 1px solid #ddd;
  margin-bottom: 0.7rem ;
}
/* line 264, sass/project/_owl.scss */
.is-reversed .owl-buttons {
  border-bottom: 0 none;
}

/* Styling Pagination*/
/* line 272, sass/project/_owl.scss */
.owl-page--span {
  display: block;
  margin-top: 0.7rem ;
}

/* line 278, sass/project/_owl.scss */
.owl-page {
  background-color: #ECECEF;
  cursor: pointer;
  color: #008CBF;
  font-size: 2rem ;
  font-weight: 300;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  height: 4.4rem ;
  width: 4.4rem ;
  margin: 0rem 0.4rem ;
  border-radius: 100%;
}
/* line 292, sass/project/_owl.scss */
.owl-page.owl-page.active, .owl-page.owl-page:hover, .owl-page.owl-page:active {
  background-color: #008CBF;
  color: #fff;
}

/* line 300, sass/project/_owl.scss */
.owl-pagination {
  background-color: rgba(255, 255, 255, 0.2);
  padding: 1.5rem 0rem 0rem ;
}

/* OOCSS media object
  stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/
  with added BEM :-o
*/
/* line 5, sass/project/_media.scss */
.media {
  *zoom: 1;
}
/* line 38, ../../../../../../Applications/Mixture.app/Contents/Resources/gems/compass-core-1.0.1/stylesheets/compass/utilities/general/_clearfix.scss */
.media:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (min-width: 37.5em) {
  /* line 9, sass/project/_media.scss */
  .media__item {
    float: left;
    margin-right: 1.5rem ;
    height: 100%;
    max-width: 50%;
  }
}
/* line 18, sass/project/_media.scss */
.media__item img {
  display: block;
}
@media screen and (max-width: 37.4375em) {
  /* line 18, sass/project/_media.scss */
  .media__item img {
    width: 100%;
    height: auto;
  }
}

/* line 30, sass/project/_media.scss */
.media__content {
  overflow: hidden;
  margin-bottom: 1rem ;
}
/* line 34, sass/project/_media.scss */
.media__content.media__content--no-pad {
  margin-bottom: 0;
}
/* line 37, sass/project/_media.scss */
.media__content.media__content--no-pad p {
  margin-bottom: 0;
}

/* Attribution panel
*/
/* line 51, sass/project/_media.scss */
.js .media__attribution {
  position: absolute;
  right: 1rem ;
  bottom: 0;
  width: 100%;
  padding-left: 0;
  margin-left: 1rem ;
  z-index: 510;
}

/* line 63, sass/project/_media.scss */
.media__attribution__title,
.media__attribution__close {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0;
  cursor: pointer;
}
/* line 71, sass/project/_media.scss */
.media__attribution__title a,
.media__attribution__close a {
  color: #fff;
  float: left;
  padding: 0.8rem ;
}
/* line 77, sass/project/_media.scss */
.media__attribution__title:hover, .media__attribution__title:focus,
.media__attribution__close:hover,
.media__attribution__close:focus {
  opacity: 0.75;
}
/* line 80, sass/project/_media.scss */
.no-js .media__attribution__title, .no-js
.media__attribution__close {
  display: none;
}

/* line 85, sass/project/_media.scss */
.media__attribution__title {
  background-color: #AE3C47;
  font-size: 1.2rem ;
}

/* line 90, sass/project/_media.scss */
.media__attribution__wrap {
  position: relative;
}

/* line 94, sass/project/_media.scss */
.media__attribution__info {
  background-color: #333;
  color: #fff;
  font-size: 1.2rem ;
  max-width: 460px;
  width: 100%;
  position: relative;
  overflow: hidden;
  zoom: 1;
}
/* line 105, sass/project/_media.scss */
.js .media__attribution__info {
  display: none;
  bottom: 0;
  right: 0;
  float: right;
}
/* line 112, sass/project/_media.scss */
.media__attribution__info img {
  width: auto;
}

/* line 118, sass/project/_media.scss */
.media__attribution__info__text {
  padding: 1rem ;
  margin-bottom: 0;
}

/*
===================================================

Drivers

===================================================
*/
/* line 10, sass/project/_driver.scss */
.driver {
  position: relative;
  background-color: #fff;
}
/* line 14, sass/project/_driver.scss */
.owl-carousel .driver {
  background-color: transparent;
}
/* line 17, sass/project/_driver.scss */
.driver.driver--bottom-border {
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 2rem ;
}
/* line 23, sass/project/_driver.scss */
.driver.driver--spaced {
  padding: 1rem ;
}
/* line 27, sass/project/_driver.scss */
.driver.driver--timeline {
  background-color: #fff;
  -moz-transition: background-color, 300ms, linear;
  -o-transition: background-color, 300ms, linear;
  -webkit-transition: background-color, 300ms, linear;
  transition: background-color, 300ms, linear;
}
/* line 32, sass/project/_driver.scss */
.owl__item--current .driver {
  background-color: #AE3C47;
}
/* line 33, sass/project/_driver.scss */
.owl__item--current .driver a {
  color: #fff;
}

/* line 42, sass/project/_driver.scss */
.has-border {
  border-style: solid;
  border-width: 0.3rem 0rem ;
  border-color: transparent;
}
/* line 48, sass/project/_driver.scss */
.has-border.item-1 {
  border-color: #5DA700;
}
/* line 51, sass/project/_driver.scss */
.has-border.item-2 {
  border-color: #F49E00;
}
/* line 54, sass/project/_driver.scss */
.has-border.item-3 {
  border-color: #AECF4E;
}
/* line 57, sass/project/_driver.scss */
.has-border.item-4 {
  border-color: #DC6D69;
}
/* line 60, sass/project/_driver.scss */
.has-border.item-5 {
  border-color: #30C5A1;
}
/* line 63, sass/project/_driver.scss */
.has-border.item-6 {
  border-color: #AE3C47;
}

/* line 69, sass/project/_driver.scss */
.driver__inner {
  padding: 1.5rem ;
}
/* line 72, sass/project/_driver.scss */
.driver__inner.no-side-pad {
  padding-left: 0;
  padding-right: 0;
}

/* line 79, sass/project/_driver.scss */
.driver__actions {
  margin: 2rem 0rem 1rem ;
  overflow: hidden;
}

/* line 88, sass/project/_driver.scss */
.panel--pale .driver__action, .panel--pale .list__action {
  background: #ECECEF;
  color: #008CBF;
}

@media screen and (max-width: 37.4375em) {
  /* line 94, sass/project/_driver.scss */
  .driver__image__wrap {
    position: relative;
  }
  /* line 101, sass/project/_driver.scss */
  .driver__image__wrap .responsive__wedge {
    display: none;
  }
}

/* line 110, sass/project/_driver.scss */
.driver__image__wrap--220-170 {
  height: 0;
  padding-bottom: 78.18181818181818%;
}

/* line 2, sass/project/_social-items.scss */
.social {
  padding: 2rem 0rem 3rem ;
}

/* line 7, sass/project/_social-items.scss */
.social__item {
  margin-right: 0.5rem ;
}
/* line 11, sass/project/_social-items.scss */
.social__item,
.social__item .social__link {
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  height: 4.4rem ;
  width: 4.4rem ;
  border-radius: 100%;
}
/* line 21, sass/project/_social-items.scss */
.social__item .social__text {
  display: block;
}

/* line 29, sass/project/_social-items.scss */
.social__link {
  position: relative;
  background-color: #008CBF;
}
/* line 34, sass/project/_social-items.scss */
.social__link:before {
  font-size: 1.9rem ;
  position: absolute;
  left: 0.9rem ;
  top: 1.1rem ;
}

/* line 44, sass/project/_social-items.scss */
.footer__social__items {
  background-color: #393949;
  color: #fff;
  margin-top: 0;
  position: relative;
}
/* line 50, sass/project/_social-items.scss */
.footer__social__items > .grid-col {
  padding: 1.5rem ;
}
@media screen and (min-width: 48em) {
  /* line 56, sass/project/_social-items.scss */
  .footer__social__items:before {
    content: ' ';
    width: 0;
    height: 0;
    border-left: 28px solid transparent;
    border-right: 28px solid #393949;
    border-bottom: 28px solid transparent;
    position: absolute;
    right: 0;
    bottom: -28px;
    z-index: 500;
  }
}
/* line 71, sass/project/_social-items.scss */
.footer__social__items .icon-twitter:before {
  display: block;
  font-size: 150%;
  margin: 0.5rem 0rem 1.2rem ;
}

/*
===========================================================================

  Title styles

===========================================================================
*/
/* line 9, sass/project/_titles.scss */
.section-heading {
  position: absolute;
  left: -1rem ;
  top: 2rem ;
  padding: 0.5rem 1rem ;
  color: #fff;
}
/* line 20, sass/project/_titles.scss */
.section-heading.padding--large {
  padding-left: 2rem ;
  z-index: 2000;
}

/*
===========================================================================

  Timeline styles

===========================================================================
*/
@media screen and (max-width: 37.4375em) {
  /* line 9, sass/project/_timeline.scss */
  .timeline {
    display: none;
  }
}
@media screen and (min-width: 37.5em) {
  /* line 15, sass/project/_timeline.scss */
  .timeline:before {
    content: ' ';
    position: absolute;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #22C6A1;
    left: 0;
    right: 0;
    top: 3.8rem ;
  }
}

@media screen and (min-width: 37.5em) {
  /* line 31, sass/project/_timeline.scss */
  .timeline__date {
    font-size: 1rem ;
    margin-bottom: 3rem ;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin-left: -0.4rem ;
    width: 14.28571428571429%;
    text-align: center;
    position: relative;
  }
  /* line 42, sass/project/_timeline.scss */
  .timeline__date:after {
    content: ' ';
    position: absolute;
    width: 1px;
    height: 13px;
    border-left: 1px solid #22C6A1;
    margin-left: 1px;
    left: 50%;
    top: 2rem ;
  }
}

@media screen and (min-width: 37.5em) {
  /* line 58, sass/project/_timeline.scss */
  .timeline__markers {
    position: absolute;
    top: 3.3rem ;
    width: 100%;
    z-index: 12;
  }
}

@media screen and (min-width: 37.5em) {
  /* line 69, sass/project/_timeline.scss */
  .timeline__marker {
    position: absolute;
    height: 1.2rem ;
    width: 1.2rem ;
    margin-left: -0.6rem ;
    background-color: #fff;
    border-radius: 100%;
    top: 0;
    -moz-transition: background-color, 200ms, linear;
    -o-transition: background-color, 200ms, linear;
    -webkit-transition: background-color, 200ms, linear;
    transition: background-color, 200ms, linear;
  }
  /* line 83, sass/project/_timeline.scss */
  .timeline__marker.timeline__marker--current {
    color: #fff;
    background-color: #AE3C47;
    z-index: 20;
  }
}

/* line 91, sass/project/_timeline.scss */
.timeline__action {
  display: block;
  float: left;
  width: 100%;
}

/*
===========================================================================

  wysiwyg styles

===========================================================================
*/
/* line 10, sass/project/_wysiwyg.scss */
.wysiwyg {
  margin-top: -2rem ;
}
/* line 16, sass/project/_wysiwyg.scss */
.wysiwyg img {
  float: left;
  margin: 0rem 2rem 1.5rem 0rem ;
}

/* ======================================================
   carousel of thumbnails
   ======================================================*/
/* line 5, sass/project/_thumb-list.scss */
.thumb__list {
  padding: 0rem ;
  margin-top: 0;
  margin-bottom: 2rem ;
}

/* line 11, sass/project/_thumb-list.scss */
.thumb__item {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-right: 2rem ;
}

/* line 16, sass/project/_thumb-list.scss */
.thumb__link {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 3px solid transparent;
}
/* line 21, sass/project/_thumb-list.scss */
.thumb__link.is-active {
  border-color: #AE3C47;
}

/* line 26, sass/project/_thumb-list.scss */
.thumb__link,
.thumb__image {
  display: block;
}

/* line 31, sass/project/_thumb-list.scss */
.zoom-controls {
  position: absolute;
  bottom: 4rem ;
  right: 4rem ;
  z-index: 1000;
}

/* line 38, sass/project/_thumb-list.scss */
.zoom-action {
  color: #fff;
  font-size: 25px;
  position: relative;
  margin-left: 10px;
}
/* line 44, sass/project/_thumb-list.scss */
.zoom-action:before {
  margin: 0;
  z-index: 2;
  position: relative;
}
/* line 50, sass/project/_thumb-list.scss */
.zoom-action:hover {
  text-decoration: none;
}
/* line 54, sass/project/_thumb-list.scss */
.zoom-action:after {
  content: '';
  position: absolute;
  left: -6px;
  top: -1px;
  width: 36px;
  height: 36px;
  border-radius: 999px;
  background-color: #444;
  z-index: 1;
}

/* line 3, sass/project/components/global/_typography.scss */
body {
  font-family: 'Roboto', sans-serif;
}

/* line 7, sass/project/components/global/_typography.scss */
h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

/* line 12, sass/project/components/global/_typography.scss */
h1,
.alpha {
  font-weight: 100;
}

/* line 16, sass/project/components/global/_typography.scss */
h2,
.beta, .section-heading, h3, .block-quote,
.gamma {
  font-weight: 300;
}

/* line 20, sass/project/components/global/_typography.scss */
.epsilon, .secondary-nav__list, h4, h5, .listing__detail, .collapsible-enabled .section__heading--null,
.collapsible-enabled .section__heading,
.delta, .social__item .social__text, main, .footer, .sub-content, .date, .crumbtrail__items, .definition,
.zeta {
  font-weight: 500;
}

/* line 29, sass/project/components/global/_typography.scss */
h1,
.alpha {
  font-size: 4.5rem ;
  line-height: 5.4rem ;
  margin-bottom: 2rem ;
}

/* line 37, sass/project/components/global/_typography.scss */
h2,
.beta {
  font-size: 2.2rem ;
  line-height: 2.6rem ;
  margin-bottom: 1rem ;
}

/* line 45, sass/project/components/global/_typography.scss */
.section-heading, h3, .block-quote,
.gamma {
  font-size: 2rem ;
  line-height: 2.4rem ;
  margin-bottom: 1rem ;
}

/* line 53, sass/project/components/global/_typography.scss */
.epsilon {
  font-size: 1.8rem ;
}

/* line 59, sass/project/components/global/_typography.scss */
.secondary-nav__list, h4, h5, .listing__detail, .collapsible-enabled .section__heading--null,
.collapsible-enabled .section__heading,
.delta {
  font-size: 1.4rem ;
  line-height: 1.8rem ;
  margin-bottom: 1.2rem ;
}

/* line 67, sass/project/components/global/_typography.scss */
.social__item .social__text, main, .footer, .sub-content, .date, .crumbtrail__items, .definition,
.zeta {
  font-size: 1.3rem ;
}

/* line 73, sass/project/components/global/_typography.scss */
.lede,
.lead {
  font-size: 1.6rem ;
}

/* line 79, sass/project/components/global/_typography.scss */
main {
  line-height: 1.5;
}

/*
======================================================

  Masthead

======================================================
*/
/* line 9, sass/project/components/global/_masthead.scss */
.masthead {
  width: 100%;
  z-index: 120;
  background-color: #323232;
}
@media screen and (min-width: 48em) {
  /* line 9, sass/project/components/global/_masthead.scss */
  .masthead {
    font-size: 1.3rem;
  }
}

@media only screen and (max-width : 767px){
 
	header#masthead > .wrapper{
		padding-left: 0;
		padding-right: 0;
	}

}

/* Logo jun 2018 */
.logo-container{
	float: left;
	width: 100%;
	text-align: center;
}
a.logo{
	display: block;
	width: 100%;
	margin: 0 auto;
}
a.logo img{
	max-width: 100%;
}
a.logo img#logo-mobile{
	display: none;
}
a.logo img#logo-desktop{
	display: block;
}

@media only screen and (max-width : 674px){

	a.logo img#logo-desktop{
		display: none;
	}
	a.logo img#logo-mobile{
		display: block;
	}

}
/* Logo jun 2018 end */

#header-search{
	position: absolute;
	top: 10px;
	right: 0;
	height: 37px;
}

@media only screen and (max-width : 674px){

	#header-search{
		top: 0;
	}
	
}

a.js-search-toggle:hover{
	text-decoration: none;
}


/* line 55, sass/project/components/global/_masthead.scss */
.masthead__inner {
  clear: both;
}

/* line 59, sass/project/components/global/_masthead.scss */
.masthead__actions {
  float: right;
}

/* line 64, sass/project/components/global/_masthead.scss */
.masthead__actions__title {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

/* line 68, sass/project/components/global/_masthead.scss */
.menu-toggle__link {
  width: 3.6rem ;
  height: 3.6rem ;
  -moz-transition: all, 200ms, linear;
  -o-transition: all, 200ms, linear;
  -webkit-transition: all, 200ms, linear;
  transition: all, 200ms, linear;
  background-color: #000;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  background-image: url('images/menu-closed.png?1420320900');
}
/* line 81, sass/project/components/global/_masthead.scss */
.is-open-menu .menu-toggle__link {
  background-image: url('images/menu.png?1420320900');
  margin-top: -1.9rem ;
}
@media screen and (max-width: 37.4375em) {
  /* line 81, sass/project/components/global/_masthead.scss */
  .is-open-menu .menu-toggle__link {
    margin-top: -6rem ;
  }
}

/* ======================================================
   Footer
   ======================================================*/
/* line 5, sass/project/components/global/_footer.scss */
.footer {
  text-align: center;
  color: #fff;
  padding-top: 5rem ;
  background-color: #222;
}
/* line 13, sass/project/components/global/_footer.scss */
.footer small {
  font-size: 1.2rem ;
}
/* line 17, sass/project/components/global/_footer.scss */
.footer .wrapper {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: transparent;
}

/* line 24, sass/project/components/global/_footer.scss */
.footer__list {
  margin-top: 0;
}

/* line 28, sass/project/components/global/_footer.scss */
.footer__item {
  padding-bottom: 2rem ;
}

/* line 33, sass/project/components/global/_footer.scss */
.footer__actions {
  margin-bottom: 0;
}
/* line 36, sass/project/components/global/_footer.scss */
.footer__actions .phone,
.footer__actions .footer__link {
  display: block;
  clear: both;
}

@media screen and (min-width: 48em) {
  /* line 44, sass/project/components/global/_footer.scss */
  .register {
    float: right;
    max-width: 30rem ;
  }
}

/* line 53, sass/project/components/global/_footer.scss */
.footer__logos {
  margin-top: 3rem ;
}
/* line 56, sass/project/components/global/_footer.scss */
.footer__logos img {
  max-width: 100%;
  width: auto;
}

/* line 64, sass/project/components/global/_footer.scss */
.footer__logos__list > li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-right: 2rem ;
}
@media screen and (min-width: 48em) {
  /* line 64, sass/project/components/global/_footer.scss */
  .footer__logos__list > li {
    margin-right: 3rem ;
  }
}

/* line 75, sass/project/components/global/_footer.scss */
.waterloo-logo {
  margin-left: -0.4rem ;
}

/* line 79, sass/project/components/global/_footer.scss */
.footer__links {
  padding: 2rem 0rem 1rem ;
}

/*
===================================================

Content component

===================================================
*/
/* line 9, sass/project/components/_content.scss */
.block,
.block--padded,
.panel--lifted,
.page-header,
.panel,
.wrapper,
.listing__item {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 14, sass/project/components/_content.scss */
.block--padded,
.panel--lifted {
  padding: 2rem ;
}

/* line 20, sass/project/components/_content.scss */
.page-header {
  padding: 5rem 0rem 2rem ;
}
/* line 24, sass/project/components/_content.scss */
.page-header.no-pad-bottom {
  padding-bottom: 0;
}

/* line 29, sass/project/components/_content.scss */
.page-header + .wysiwyg {
  margin-top: -2rem ;
}

/* line 34, sass/project/components/_content.scss */
.panel + .page-header {
  padding-top: 0;
}

/*
===================================
  Panels
=============================================================================
*/
/* line 47, sass/project/components/_content.scss */
.panel {
  clear: both;
  padding: 2rem 0rem ;
  position: relative;
}
/* line 53, sass/project/components/_content.scss */
.panel.item-1 {
  border-color: #5DA700;
}
/* line 56, sass/project/components/_content.scss */
.panel.item-2 {
  border-color: #F49E00;
}
/* line 59, sass/project/components/_content.scss */
.panel.item-3 {
  border-color: #AECF4E;
}
/* line 62, sass/project/components/_content.scss */
.panel.item-4 {
  border-color: #DC6D69;
}
/* line 65, sass/project/components/_content.scss */
.panel.item-5 {
  border-color: #30C5A1;
}
/* line 68, sass/project/components/_content.scss */
.panel.item-6 {
  border-color: #AE3C47;
}
/* line 72, sass/project/components/_content.scss */
.sub-content .panel {
  padding: 1.6rem 0rem ;
}
@media screen and (min-width: 48em) {
  /* line 47, sass/project/components/_content.scss */
  .panel {
    padding: 5rem 0rem ;
  }
  /* line 80, sass/project/components/_content.scss */
  .panel.no-top-pad {
    padding-top: 0;
  }
  /* line 84, sass/project/components/_content.scss */
  .panel.panel--half-pad {
    padding: 1rem 0rem ;
  }
}

/* line 93, sass/project/components/_content.scss */
.panel--filter {
  background-color: #ECECEF;
  -moz-box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.15);
}

/* line 98, sass/project/components/_content.scss */
.panel--pale {
  background-color: #f2f2f2;
}

/* line 102, sass/project/components/_content.scss */
.panel--muted {
  background-color: #ECECEF;
}

/* line 108, sass/project/components/_content.scss */
.block-quote__caption,
.block-quote {
  margin: 0;
}

/* line 113, sass/project/components/_content.scss */
.block-quote {
  color: #444;
}
/* line 116, sass/project/components/_content.scss */
.block-quote.last-item {
  border: 0;
}

/* =============================================================================
   Wrapper
   =============================================================================
*/
/* line 127, sass/project/components/_content.scss */
.wrapper {
  position: relative;
  padding-left: 1rem ;
  padding-right: 1rem ;
  margin: 0 auto;
  text-align: left;
  *zoom: 1;
  overflow: hidden;
  max-width: 96rem ;
}
/* line 38, ../../../../../../Applications/Mixture.app/Contents/Resources/gems/compass-core-1.0.1/stylesheets/compass/utilities/general/_clearfix.scss */
.wrapper:after {
  content: "";
  display: table;
  clear: both;
}
/* line 139, sass/project/components/_content.scss */
.hero .wrapper, .wrapper.no-clip {
  overflow: visible;
}

/* =============================================================================
   padding classes
   =============================================================================
*/
/* line 152, sass/project/components/_content.scss */
.right-pad--large {
  padding-right: 2rem ;
}
@media screen and (max-width: 37.4375em) {
  /* line 152, sass/project/components/_content.scss */
  .right-pad--large {
    padding-right: 0;
  }
}

/*
===================================================

Pagination

===================================================
*/
/* line 10, sass/project/components/_pagination.scss */
.pagination {
  text-align: center;
}
@media screen and (min-width: 48em) {
  /* line 10, sass/project/components/_pagination.scss */
  .pagination {
    float: right;
  }
}

/* line 19, sass/project/components/_pagination.scss */
.pagination__item.pagination__item--current, .pagination__link {
  padding: 1rem 1.5rem ;
}

/* line 23, sass/project/components/_pagination.scss */
.pagination__total,
.pagination__items {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

/* line 29, sass/project/components/_pagination.scss */
.pagination__item {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
@media screen and (max-width: 30em) {
  /* line 29, sass/project/components/_pagination.scss */
  .pagination__item {
    margin-left: -0.4rem ;
  }
}

/* line 43, sass/project/components/_pagination.scss */
.pagination__link {
  display: block;
  color: #008CBF;
  background-color: #f2f2f2;
}
@media screen and (max-width: 30em) {
  /* line 50, sass/project/components/_pagination.scss */
  .pagination__link {
    display: none;
  }
}
/* line 55, sass/project/components/_pagination.scss */
.pagination__link.pagination__link--end {
  padding-left: 0.9rem ;
  padding-right: 0.9rem ;
}
@media screen and (max-width: 30em) {
  /* line 60, sass/project/components/_pagination.scss */
  .pagination__link.pagination__link--end {
    display: block;
  }
}

/* line 68, sass/project/components/_pagination.scss */
.pagination__total {
  margin-left: 1rem ;
}

/*
==========================================================

listing

==========================================================
*/
/* line 10, sass/project/components/_lists.scss */
.listing__item {
  padding: 1.5rem ;
}

/* line 15, sass/project/components/_lists.scss */
.collapsible-enabled .section {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAADAQMAAACDJEzCAAAABlBMVEUAAADd3d3swgqXAAAAAXRSTlMAQObYZgAAAAtJREFUCNdjaABBAASGAYEgveYDAAAAAElFTkSuQmCC) repeat-x;
  background-position: left bottom;
}

/* ------------------------------
 * link list - right hand side
 */
/* line 24, sass/project/components/_lists.scss */
.link-list {
  margin: 2rem 0rem ;
}
/* line 27, sass/project/components/_lists.scss */
.link-list.link-list--first {
  margin-top: -2rem ;
}
/* line 31, sass/project/components/_lists.scss */
.link-list.link-list--has-border {
  border-width: 3px 0;
  border-style: solid;
  border-color: #f2f2f2;
}

/* line 40, sass/project/components/_lists.scss */
.link-list__item {
  border-bottom: 1px dotted #ddd;
}
/* line 42, sass/project/components/_lists.scss */
.link-list__item:last-child {
  border-bottom: 0;
}

/* line 47, sass/project/components/_lists.scss */
.link-list__link {
  display: block;
  padding: 1rem 0rem ;
}

/* line 53, sass/project/components/_lists.scss */
.hang-right {
  text-align: right;
}

/* ------------------------------
 * listing
 */
/* line 61, sass/project/components/_lists.scss */
.listing {
  margin-top: 0;
}
@media screen and (max-width: 37.4375em) {
  /* line 64, sass/project/components/_lists.scss */
  .listing .media__content {
    padding-top: 2rem ;
  }
}

/* line 77, sass/project/components/_lists.scss */
.listing__image {
  width: auto;
  max-width: 100%;
}

/* ------------------------------
 * striped list
 */
/* line 93, sass/project/components/_lists.scss */
.listing--striped .listing__item:nth-child(even) {
  background-color: #ddd;
}
/* line 97, sass/project/components/_lists.scss */
.listing--striped .listing__item:nth-child(odd) {
  background-color: #f2f2f2;
}

/* ------------------------------
 * striped list - with shadows
 */
/* ------------------------------
 * event detail block
 */
/* line 125, sass/project/components/_lists.scss */
.detail {
  margin-top: 0;
  padding-top: 3rem ;
  margin-bottom: 3rem ;
}

/* line 131, sass/project/components/_lists.scss */
.detail__item {
  display: block;
  margin-left: 3rem ;
  margin-bottom: 2rem ;
  position: relative;
}
/* line 137, sass/project/components/_lists.scss */
.detail__item:before {
  font-size: 150%;
  position: absolute;
  left: -35px;
}

/* line 145, sass/project/components/_lists.scss */
.date {
  display: block;
  margin-bottom: 1rem ;
}

/* line 151, sass/project/components/_lists.scss */
.list__action {
  margin-top: 1rem ;
  padding: 0.4rem 1rem ;
}

/*
==========================================================

listing

==========================================================
*/
/* line 15, sass/project/components/_tags.scss */
.tag__item {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-bottom: 0.2rem ;
  padding: 0.8rem 1.2rem ;
  background-color: #444;
  font-weight: 300;
  font-size: 1.3rem ;
  font-style: italic;
  color: #fff;
}
/* line 26, sass/project/components/_tags.scss */
.tag__item a {
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
/* line 31, sass/project/components/_tags.scss */
.tag__item i {
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 0rem 0.6rem ;
}

/*
==========================================================

breadcrumb

==========================================================
*/
/* line 10, sass/project/components/_breadcrumb.scss */
.crumbtrail {
  position: relative;
  z-index: 1;
}

/* line 15, sass/project/components/_breadcrumb.scss */
.crumbtrail__items {
  position: absolute;
  bottom: -100%;
  padding: 1rem 2rem 0.9rem ;
  margin: 0;
  background-color: #fff;
  z-index: 2;
}

/* line 26, sass/project/components/_breadcrumb.scss */
.crumbtrail__item {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
/* line 29, sass/project/components/_breadcrumb.scss */
.crumbtrail__item a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
  top: -0.1rem ;
  margin-right: 3rem ;
}
/* line 37, sass/project/components/_breadcrumb.scss */
.crumbtrail__item a:before {
  position: absolute;
  right: -18px;
  top: 3px;
}

/* line 2, sass/project/components/_collapsibles.scss */
.collapsible-enabled .section {
  clear: both;
  *zoom: 1;
  position: relative;
  padding: 0.8rem 2.5rem 0.8rem 0rem ;
}
/* line 38, ../../../../../../Applications/Mixture.app/Contents/Resources/gems/compass-core-1.0.1/stylesheets/compass/utilities/general/_clearfix.scss */
.collapsible-enabled .section:after {
  content: "";
  display: table;
  clear: both;
}
/* line 13, sass/project/components/_collapsibles.scss */
.collapsible-enabled .section__content {
  overflow: hidden;
  margin: 1.5rem 0rem ;
}
/* line 18, sass/project/components/_collapsibles.scss */
.collapsible-enabled .section__heading--null,
.collapsible-enabled .section__heading {
  margin: 1rem 0rem ;
  display: block;
  cursor: pointer;
  position: relative;
  padding: 0;
}
/* line 29, sass/project/components/_collapsibles.scss */
.collapsible-enabled .section__heading--null:after,
.collapsible-enabled .section__heading:after {
  font-size: 120% !important;
  position: absolute !important;
  line-height: 1 !important;
  right: -2.5rem ;
  top: 0.2rem ;
}
/* line 37, sass/project/components/_collapsibles.scss */
.collapsible-enabled .section__heading--null .icon,
.collapsible-enabled .section__heading .icon {
  font-size: 120%;
  margin-left: 1rem ;
}
/* line 42, sass/project/components/_collapsibles.scss */
.collapsible-enabled .section__heading--null img,
.collapsible-enabled .section__heading img {
  float: right;
  margin: 0rem 0rem 0rem 2rem ;
}
/* line 47, sass/project/components/_collapsibles.scss */
.collapsible-enabled .section__heading--null:hover,
.collapsible-enabled .section__heading:hover {
  text-decoration: none;
}
/* line 50, sass/project/components/_collapsibles.scss */
.collapsible-enabled .section__heading--null:hover .section__heading__text,
.collapsible-enabled .section__heading:hover .section__heading__text {
  text-decoration: underline;
}
/* line 58, sass/project/components/_collapsibles.scss */
.collapsible-enabled .section--active > .section__heading {
  /*@include rem(margin-bottom, 15);*/
}
/* line 63, sass/project/components/_collapsibles.scss */
.collapsible-enabled .section--active img {
  margin-bottom: 0.5rem ;
}

/* line 71, sass/project/components/_collapsibles.scss */
.section__heading--null.section__heading--download {
  /*  &:before {
      display: none;
      content: '';
    }*/
}

/*
===================================================

definition list component

===================================================
*/
/* line 16, sass/project/components/_definition-list.scss */
.definition--stacked {
  margin: 0;
}

/* line 20, sass/project/components/_definition-list.scss */
.definition__item {
  padding: 1rem 0rem ;
}

/* line 24, sass/project/components/_definition-list.scss */
.definition__item:nth-child(even) {
  background-color: #f2f2f2;
}

/* line 29, sass/project/components/_definition-list.scss */
.section__heading__sub {
  padding-top: 1.3rem ;
  padding-bottom: 1.3rem ;
  border-top: 3px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 0;
}

/* line 38, sass/project/components/_definition-list.scss */
.definition__text {
  margin-bottom: 0;
}

/* ======================================================
   Print styles (via H5BP)
   Inlined to avoid required HTTP connection: h5bp.com/r
   ======================================================*/
@media print {
  /* line 8, sass/core/_print.scss */
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  /* line 15, sass/core/_print.scss */
  a,
  a:visited {
    text-decoration: underline;
  }

  /* line 20, sass/core/_print.scss */
  a[href]:after {
    content: " (" attr(href) ")";
  }

  /* line 24, sass/core/_print.scss */
  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links for images, or javascript/internal links
   */
  /* line 32, sass/core/_print.scss */
  .ir a:after, .timeline__marker a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  /* line 38, sass/core/_print.scss */
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /* line 44, sass/core/_print.scss */
  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }

  /* line 48, sass/core/_print.scss */
  tr,
  img {
    page-break-inside: avoid;
  }

  /* line 53, sass/core/_print.scss */
  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }
  /* line 61, sass/core/_print.scss */
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  /* line 68, sass/core/_print.scss */
  h2,
  h3 {
    page-break-after: avoid;
  }
}

@media screen and (min-width: 48em) {
  /* line 43, sass/project/_navigation.scss */
  .primary-nav {
    top: 14.4rem;
  }
}


/* Top Search */

header form#searchform input#search{
	height: 37px;

}

/* Homepage */

body.home h2.section-heading a{
	color: #fff;
}

.hero__caption__title .hero__caption__link {
	background: #222;
	background: rgba(34,34,34,0.9);
    line-height: 6.1rem;
}

/* 200 Objects Gallery */

#object-gallery-search input, #object-gallery-search button{
	height: 37px;
}

#object-gallery-search button.btn--submit:before{
	margin-left: 0;
}


/* Single Object */

/* close button when admin bar displayed */

body.admin-bar .mfp-iframe-holder .mfp-close {
    top: 0px;
}

/* image display */

a.thumb__link img{
	display: block;
}

/* single object sidebar nested list */

.collapsible-enabled .section__content li {
    margin-bottom: 1.5rem;
}

.collapsible-enabled .section__content li.media {
	margin-bottom: 0.5rem;
}

/* single venue object list */

body.single-venue ul.link-list li.media{
	margin-bottom: 1rem;
}

/* Timeline Single */

img.timeline-single-featured{
	margin-bottom: 2rem;
}

/* Footer */

figure.waterloo-logo{
	max-width: 136px;
}

/* footer tweets */

ul.footer__social__items li a.tweet-link{
	font-size: 2rem;
}

ul.footer__social__items li span.tweetdate{
	display: block;
	margin-top: 1.5rem;
}

/* footer links are now a WP nav menu */

ul.footer__links {
  padding: 2rem 0rem 1rem ;
}

ul.footer__links li{
	display: inline;
	text-transform: lowercase;
	font-size: 1.2rem;
}

ul.footer__links li:first-child{
	text-transform: none;
}

ul.footer__links li:before{
    content: " | ";
}

ul.footer__links li:first-child:before{
	content: "";
}

/* this was displaying a blownup image/width: 100% at 37.5em */
@media screen and (min-width: 15.5em) {
  .media__item {
    float: left;
    margin-right: 1.5rem ;
    height: 100%;
    max-width: 50%;
  }
}


/* Modules */

section.module{
	display: block;
	float: left;
	width: 100%;
}

.wysiwyg {
    margin-top: 0;
}


/* Sidebars */

section.sidebar-module ul.link-list li ul.children{
	margin: 0;
	padding-left: 1.5em;
}

section.sidebar-module ul li.link-list__item:last-child {
    border: none;
}

section.sidebar-subpagelisting ul li{
	border-bottom: 1px dotted #ddd;
}

section.sidebar-subpagelisting ul li:last-child{
	border:none;
}

section.sidebar-subpagelisting ul li a{
    display: block;
    padding: 1rem 0rem;
}

section.sidebar-tags li.tag__item{
	margin-right: 2px;
	margin-bottom: 4px;
}

section.sidebar-tweets ul li{
	padding: 1rem 0rem;
}

section.sidebar-tweets ul li span.tweetdate{
	display: block;
}


/* Section colors */

.objects-item{
	border-color: #5da700;
}

.events-item{
	border-color: #f49e00;
}

.themes-item{
	border-color: #aecf4e;
}

.education-item{
	border-color: #dc6d69;
}

.timeline-item{
	border-color: #30c5a1;
}

.about-item, .generic-item{
	border-color: #ae3c47;
}

.header-bg-objects{
	background-color: #5da700;
}

.header-bg-events{
	background-color: #f49e00;
}

.header-bg-themes{
	background-color: #aecf4e;
}

.header-bg-education{
	background-color: #dc6d69;
}

.header-bg-timeline{
	background-color: #30c5a1;
}

.header-bg-about{
	background-color: #ae3c47;
}

/* Single columns featured item */

/* will need to widen for mobile */
li.listing__item.media figure{
	max-width: 180px;
}


/* Breadcrumb */

.crumbtrail__item{
	text-transform: capitalize;
}


/* Custom loop pagination */

ol.custom-loop li.pagination__item a.page-numbers {
    background-color: #f2f2f2;
    color: #008cbf;
    display: block;
}
ol.custom-loop li.pagination__item span.page-numbers.current, ol.custom-loop li a.page-numbers {
    padding: 1rem 1.5rem;
}

/* Archive / Index Listings */

.archive-listing article{
	margin-bottom: 3rem;
}


.archive-listing article .date, body.single .date{
	color: #aaa;
}

/* WP PageNavi pagination */

.pagination{
	margin-bottom: 3rem;
}

.wp-pagenavi a, .wp-pagenavi span {
	display: inline-block;
    border: none;
    margin: 2px;
    padding: 8px 13px;
    background: #f2f2f2;
    color: #008bcf; 
    text-decoration: none;
}

.wp-pagenavi a:hover{
	text-decoration: underline;
}

.wp-pagenavi span{
	color: #706f6f;
}

.wp-pagenavi span.current{
	background: #fff;
	color: #706f6f;
}

/* Search Page */

div.searchpage-result{
	margin-bottom: 3rem;
}

/* Comments */

#comments-list, #respond{
	margin: 1rem 0;
	padding-top: 3rem;
	border-top: 1px solid #706f6f;
}

#comments-list ul{
	padding: 0;
}

#comments-list h2{
	margin-bottom: 30px;
}

#comments-list li{
	margin: 0 0 50px;
	padding: 0 0 0 0;
	list-style: none;
}

#comments-list li .avatar{
	border-radius: 50px;
}

#comments-list li .comment-author.vcard{
	margin-top: 10px;
}

#comments-list li .fn{
	position: relative;
	top: -24px;
	left: 10px;
	font-size: 14px;
}

#comments-list li .comment-content{
	margin-top: 5px;
	font-size: 13px;
}

#comments-list li .comment-content p{
	margin-bottom: 10px;
}

#comments-list li .comment-meta{
	margin-top: 5px;
	font-size: 13px;
	color: #aaa;
}

#comments-list li ul.children{
	margin: 10px 0 0 32px;
	padding: 0;
}

#comments-list li ul li{
	border: 0;
	overflow: auto;
}

#comments-list li.bypostauthor{
	/* padding-left: 32px; */
}

#comments-list li.bypostauthor .avatar{
}

#form-allowed-tags{
	font-size: 0.875em;
}

.form-textarea textarea{
	padding: 0.5rem;
}

input.comment-submit{
	transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;
	margin: 1rem 0;
	padding: 1rem 2rem;
	font-family: Roboto, sans-serif;
	color: #fff;
	background: #ae3c47;
  	border: none;
}

input.comment-submit:hover{
	background: #000;
}

/* General Form Tidy */

button, input, select, textarea{
	color: #333;
	font-family: Roboto, sans-serif;
}

.form-section{
	margin-bottom: 1rem;
}

.form-section input{
	padding: 0.5rem;
}


/* ACF Map */

.acf-map {
	width: 100%;
	height: 400px;
	border: #ccc solid 1px;
	margin: 20px 0;
}

/* fix menu non-clickable bug */
	
.primary-nav__item.is-current-item:after 
{
  z-index: -1;
}	


/* Main venue image */
.venueimage	
{
	float:right;
}

.venueimage img
{
	border:1px solid #ffffff;
}