/*
Theme Name: Bilue
Version: 1.0
Author: Bilue
Author URI: https://www.bilue.com.au
*/

/* 3rd party packages from NPM */

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

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

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/* Uncomment and set these variables to customize the grid. */

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-right: 2rem;
  padding-left: 2rem;
}

.row {
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  margin-right: -1rem;
  margin-left: -1rem;
}

.row.reverse {
  flex-direction: row-reverse;
}

.col.reverse {
  flex-direction: column-reverse;
}

.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-right: 1rem;
  padding-left: 1rem;
}

.col-xs {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
}

.col-xs-1 {
  flex-basis: 8.333%;
  max-width: 8.333%;
}

.col-xs-2 {
  flex-basis: 16.667%;
  max-width: 16.667%;
}

.col-xs-3 {
  flex-basis: 25%;
  max-width: 25%;
}

.col-xs-4 {
  flex-basis: 33.333%;
  max-width: 33.333%;
}

.col-xs-5 {
  flex-basis: 41.667%;
  max-width: 41.667%;
}

.col-xs-6 {
  flex-basis: 50%;
  max-width: 50%;
}

.col-xs-7 {
  flex-basis: 58.333%;
  max-width: 58.333%;
}

.col-xs-8 {
  flex-basis: 66.667%;
  max-width: 66.667%;
}

.col-xs-9 {
  flex-basis: 75%;
  max-width: 75%;
}

.col-xs-10 {
  flex-basis: 83.333%;
  max-width: 83.333%;
}

.col-xs-11 {
  flex-basis: 91.667%;
  max-width: 91.667%;
}

.col-xs-12 {
  flex-basis: 100%;
  max-width: 100%;
}

.col-xs-offset-1 {
  margin-left: 8.333%;
}

.col-xs-offset-2 {
  margin-left: 16.667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.333%;
}

.col-xs-offset-5 {
  margin-left: 41.667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.333%;
}

.col-xs-offset-8 {
  margin-left: 66.667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.333%;
}

.col-xs-offset-11 {
  margin-left: 91.667%;
}

.start-xs {
  justify-content: flex-start;
  text-align: start;
}

.center-xs {
  justify-content: center;
  text-align: center;
}

.end-xs {
  justify-content: flex-end;
  text-align: end;
}

.top-xs {
  align-items: flex-start;
}

.middle-xs {
  align-items: center;
}

.bottom-xs {
  align-items: flex-end;
}

.around-xs {
  justify-content: space-around;
}

.between-xs {
  justify-content: space-between;
}

.first-xs {
  order: -1;
}

.last-xs {
  order: 1;
}

@media only screen and (min-width: 48em) {
  .container {
    width: 46rem;
  }

  .col-sm,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .col-sm {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-sm-1 {
    flex-basis: 8.333%;
    max-width: 8.333%;
  }

  .col-sm-2 {
    flex-basis: 16.667%;
    max-width: 16.667%;
  }

  .col-sm-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    flex-basis: 33.333%;
    max-width: 33.333%;
  }

  .col-sm-5 {
    flex-basis: 41.667%;
    max-width: 41.667%;
  }

  .col-sm-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    flex-basis: 58.333%;
    max-width: 58.333%;
  }

  .col-sm-8 {
    flex-basis: 66.667%;
    max-width: 66.667%;
  }

  .col-sm-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    flex-basis: 83.333%;
    max-width: 83.333%;
  }

  .col-sm-11 {
    flex-basis: 91.667%;
    max-width: 91.667%;
  }

  .col-sm-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-sm-offset-1 {
    margin-left: 8.333%;
  }

  .col-sm-offset-2 {
    margin-left: 16.667%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-4 {
    margin-left: 33.333%;
  }

  .col-sm-offset-5 {
    margin-left: 41.667%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-7 {
    margin-left: 58.333%;
  }

  .col-sm-offset-8 {
    margin-left: 66.667%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-10 {
    margin-left: 83.333%;
  }

  .col-sm-offset-11 {
    margin-left: 91.667%;
  }

  .start-sm {
    justify-content: flex-start;
    text-align: start;
  }

  .center-sm {
    justify-content: center;
    text-align: center;
  }

  .end-sm {
    justify-content: flex-end;
    text-align: end;
  }

  .top-sm {
    align-items: flex-start;
  }

  .middle-sm {
    align-items: center;
  }

  .bottom-sm {
    align-items: flex-end;
  }

  .around-sm {
    justify-content: space-around;
  }

  .between-sm {
    justify-content: space-between;
  }

  .first-sm {
    order: -1;
  }

  .last-sm {
    order: 1;
  }
}

@media only screen and (min-width: 62em) {
  .container {
    width: 61rem;
  }

  .col-md,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .col-md {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-md-1 {
    flex-basis: 8.333%;
    max-width: 8.333%;
  }

  .col-md-2 {
    flex-basis: 16.667%;
    max-width: 16.667%;
  }

  .col-md-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-md-4 {
    flex-basis: 33.333%;
    max-width: 33.333%;
  }

  .col-md-5 {
    flex-basis: 41.667%;
    max-width: 41.667%;
  }

  .col-md-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-md-7 {
    flex-basis: 58.333%;
    max-width: 58.333%;
  }

  .col-md-8 {
    flex-basis: 66.667%;
    max-width: 66.667%;
  }

  .col-md-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-md-10 {
    flex-basis: 83.333%;
    max-width: 83.333%;
  }

  .col-md-11 {
    flex-basis: 91.667%;
    max-width: 91.667%;
  }

  .col-md-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-md-offset-1 {
    margin-left: 8.333%;
  }

  .col-md-offset-2 {
    margin-left: 16.667%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-4 {
    margin-left: 33.333%;
  }

  .col-md-offset-5 {
    margin-left: 41.667%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-7 {
    margin-left: 58.333%;
  }

  .col-md-offset-8 {
    margin-left: 66.667%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-10 {
    margin-left: 83.333%;
  }

  .col-md-offset-11 {
    margin-left: 91.667%;
  }

  .start-md {
    justify-content: flex-start;
    text-align: start;
  }

  .center-md {
    justify-content: center;
    text-align: center;
  }

  .end-md {
    justify-content: flex-end;
    text-align: end;
  }

  .top-md {
    align-items: flex-start;
  }

  .middle-md {
    align-items: center;
  }

  .bottom-md {
    align-items: flex-end;
  }

  .around-md {
    justify-content: space-around;
  }

  .between-md {
    justify-content: space-between;
  }

  .first-md {
    order: -1;
  }

  .last-md {
    order: 1;
  }
}

@media only screen and (min-width: 75em) {
  .container {
    width: 71rem;
  }

  .col-lg,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .col-lg {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-lg-1 {
    flex-basis: 8.333%;
    max-width: 8.333%;
  }

  .col-lg-2 {
    flex-basis: 16.667%;
    max-width: 16.667%;
  }

  .col-lg-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    flex-basis: 33.333%;
    max-width: 33.333%;
  }

  .col-lg-5 {
    flex-basis: 41.667%;
    max-width: 41.667%;
  }

  .col-lg-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    flex-basis: 58.333%;
    max-width: 58.333%;
  }

  .col-lg-8 {
    flex-basis: 66.667%;
    max-width: 66.667%;
  }

  .col-lg-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    flex-basis: 83.333%;
    max-width: 83.333%;
  }

  .col-lg-11 {
    flex-basis: 91.667%;
    max-width: 91.667%;
  }

  .col-lg-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-lg-offset-1 {
    margin-left: 8.333%;
  }

  .col-lg-offset-2 {
    margin-left: 16.667%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-4 {
    margin-left: 33.333%;
  }

  .col-lg-offset-5 {
    margin-left: 41.667%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-7 {
    margin-left: 58.333%;
  }

  .col-lg-offset-8 {
    margin-left: 66.667%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-10 {
    margin-left: 83.333%;
  }

  .col-lg-offset-11 {
    margin-left: 91.667%;
  }

  .start-lg {
    justify-content: flex-start;
    text-align: start;
  }

  .center-lg {
    justify-content: center;
    text-align: center;
  }

  .end-lg {
    justify-content: flex-end;
    text-align: end;
  }

  .top-lg {
    align-items: flex-start;
  }

  .middle-lg {
    align-items: center;
  }

  .bottom-lg {
    align-items: flex-end;
  }

  .around-lg {
    justify-content: space-around;
  }

  .between-lg {
    justify-content: space-between;
  }

  .first-lg {
    order: -1;
  }

  .last-lg {
    order: 1;
  }
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */

.hamburger{font:inherit;display:inline-block;overflow:visible;margin:0;padding:15px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,-webkit-filter;transition-property:opacity,filter;transition-property:opacity,filter,-webkit-filter;text-transform:none;color:inherit;border:0;background-color:transparent}

.hamburger.is-active:hover,.hamburger:hover{opacity:.7}

.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before{background-color:#000}

.hamburger-box{position:relative;display:inline-block;width:40px;height:24px}

.hamburger-inner{top:50%;display:block;margin-top:-2px}

.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:40px;height:4px;transition-timing-function:ease;transition-duration:.15s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;border-radius:4px;background-color:#000}

.hamburger-inner:after,.hamburger-inner:before{display:block;content:""}

.hamburger-inner:before{top:-10px}

.hamburger-inner:after{bottom:-10px}

.hamburger--3dx .hamburger-box{-webkit-perspective:80px;perspective:80px}

.hamburger--3dx .hamburger-inner{transition:background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1)}

.hamburger--3dx .hamburger-inner:after,.hamburger--3dx .hamburger-inner:before{transition:-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s, -webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s}

.hamburger--3dx.is-active .hamburger-inner{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);background-color:transparent!important}

.hamburger--3dx.is-active .hamburger-inner:before{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}

.hamburger--3dx.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}

.hamburger--3dx-r .hamburger-box{-webkit-perspective:80px;perspective:80px}

.hamburger--3dx-r .hamburger-inner{transition:background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1)}

.hamburger--3dx-r .hamburger-inner:after,.hamburger--3dx-r .hamburger-inner:before{transition:-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s, -webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s}

.hamburger--3dx-r.is-active .hamburger-inner{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);background-color:transparent!important}

.hamburger--3dx-r.is-active .hamburger-inner:before{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}

.hamburger--3dx-r.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}

.hamburger--3dy .hamburger-box{-webkit-perspective:80px;perspective:80px}

.hamburger--3dy .hamburger-inner{transition:background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1)}

.hamburger--3dy .hamburger-inner:after,.hamburger--3dy .hamburger-inner:before{transition:-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s, -webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s}

.hamburger--3dy.is-active .hamburger-inner{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);background-color:transparent!important}

.hamburger--3dy.is-active .hamburger-inner:before{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}

.hamburger--3dy.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}

.hamburger--3dy-r .hamburger-box{-webkit-perspective:80px;perspective:80px}

.hamburger--3dy-r .hamburger-inner{transition:background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1)}

.hamburger--3dy-r .hamburger-inner:after,.hamburger--3dy-r .hamburger-inner:before{transition:-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s, -webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s}

.hamburger--3dy-r.is-active .hamburger-inner{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);background-color:transparent!important}

.hamburger--3dy-r.is-active .hamburger-inner:before{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}

.hamburger--3dy-r.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}

.hamburger--3dxy .hamburger-box{-webkit-perspective:80px;perspective:80px}

.hamburger--3dxy .hamburger-inner{transition:background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1)}

.hamburger--3dxy .hamburger-inner:after,.hamburger--3dxy .hamburger-inner:before{transition:-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s, -webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s}

.hamburger--3dxy.is-active .hamburger-inner{-webkit-transform:rotateX(180deg) rotateY(180deg);transform:rotateX(180deg) rotateY(180deg);background-color:transparent!important}

.hamburger--3dxy.is-active .hamburger-inner:before{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}

.hamburger--3dxy.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}

.hamburger--3dxy-r .hamburger-box{-webkit-perspective:80px;perspective:80px}

.hamburger--3dxy-r .hamburger-inner{transition:background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1)}

.hamburger--3dxy-r .hamburger-inner:after,.hamburger--3dxy-r .hamburger-inner:before{transition:-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s, -webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s}

.hamburger--3dxy-r.is-active .hamburger-inner{-webkit-transform:rotateX(180deg) rotateY(180deg) rotate(-180deg);transform:rotateX(180deg) rotateY(180deg) rotate(-180deg);background-color:transparent!important}

.hamburger--3dxy-r.is-active .hamburger-inner:before{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}

.hamburger--3dxy-r.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}

.hamburger--arrow.is-active .hamburger-inner:before{-webkit-transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7);transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}

.hamburger--arrow.is-active .hamburger-inner:after{-webkit-transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7);transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}

.hamburger--arrow-r.is-active .hamburger-inner:before{-webkit-transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7);transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}

.hamburger--arrow-r.is-active .hamburger-inner:after{-webkit-transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7);transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}

.hamburger--arrowalt .hamburger-inner:before{transition:top .1s ease .1s,-webkit-transform .1s cubic-bezier(.165,.84,.44,1);transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1);transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1),-webkit-transform .1s cubic-bezier(.165,.84,.44,1)}

.hamburger--arrowalt .hamburger-inner:after{transition:bottom .1s ease .1s,-webkit-transform .1s cubic-bezier(.165,.84,.44,1);transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1);transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1),-webkit-transform .1s cubic-bezier(.165,.84,.44,1)}

.hamburger--arrowalt.is-active .hamburger-inner:before{top:0;transition:top .1s ease,-webkit-transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s,-webkit-transform .1s cubic-bezier(.895,.03,.685,.22) .1s;-webkit-transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7);transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7)}

.hamburger--arrowalt.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,-webkit-transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s,-webkit-transform .1s cubic-bezier(.895,.03,.685,.22) .1s;-webkit-transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7);transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7)}

.hamburger--arrowalt-r .hamburger-inner:before{transition:top .1s ease .1s,-webkit-transform .1s cubic-bezier(.165,.84,.44,1);transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1);transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1),-webkit-transform .1s cubic-bezier(.165,.84,.44,1)}

.hamburger--arrowalt-r .hamburger-inner:after{transition:bottom .1s ease .1s,-webkit-transform .1s cubic-bezier(.165,.84,.44,1);transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1);transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1),-webkit-transform .1s cubic-bezier(.165,.84,.44,1)}

.hamburger--arrowalt-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease,-webkit-transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s,-webkit-transform .1s cubic-bezier(.895,.03,.685,.22) .1s;-webkit-transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7);transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7)}

.hamburger--arrowalt-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,-webkit-transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s,-webkit-transform .1s cubic-bezier(.895,.03,.685,.22) .1s;-webkit-transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7);transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7)}

.hamburger--arrowturn.is-active .hamburger-inner{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}

.hamburger--arrowturn.is-active .hamburger-inner:before{-webkit-transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7);transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}

.hamburger--arrowturn.is-active .hamburger-inner:after{-webkit-transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7);transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}

.hamburger--arrowturn-r.is-active .hamburger-inner{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}

.hamburger--arrowturn-r.is-active .hamburger-inner:before{-webkit-transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7);transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}

.hamburger--arrowturn-r.is-active .hamburger-inner:after{-webkit-transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7);transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}

.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner:after,.hamburger--boring .hamburger-inner:before{transition-property:none}

.hamburger--boring.is-active .hamburger-inner{-webkit-transform:rotate(45deg);transform:rotate(45deg)}

.hamburger--boring.is-active .hamburger-inner:before{top:0;opacity:0}

.hamburger--boring.is-active .hamburger-inner:after{bottom:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}

.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}

.hamburger--collapse .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}

.hamburger--collapse .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,-webkit-transform .13s cubic-bezier(.55,.055,.675,.19);transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19);transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19),-webkit-transform .13s cubic-bezier(.55,.055,.675,.19)}

.hamburger--collapse.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}

.hamburger--collapse.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}

.hamburger--collapse.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .25s;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s,-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .25s;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}

.hamburger--collapse-r .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}

.hamburger--collapse-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}

.hamburger--collapse-r .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,-webkit-transform .13s cubic-bezier(.55,.055,.675,.19);transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19);transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19),-webkit-transform .13s cubic-bezier(.55,.055,.675,.19)}

.hamburger--collapse-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,-10px,0) rotate(45deg);transform:translate3d(0,-10px,0) rotate(45deg)}

.hamburger--collapse-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}

.hamburger--collapse-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .25s;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s,-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .25s;-webkit-transform:rotate(90deg);transform:rotate(90deg)}

.hamburger--elastic .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}

.hamburger--elastic .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}

.hamburger--elastic .hamburger-inner:after{top:20px;transition:-webkit-transform .275s cubic-bezier(.68,-.55,.265,1.55);transition:transform .275s cubic-bezier(.68,-.55,.265,1.55);transition:transform .275s cubic-bezier(.68,-.55,.265,1.55), -webkit-transform .275s cubic-bezier(.68,-.55,.265,1.55)}

.hamburger--elastic.is-active .hamburger-inner{transition-delay:75ms;-webkit-transform:translate3d(0,10px,0) rotate(135deg);transform:translate3d(0,10px,0) rotate(135deg)}

.hamburger--elastic.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}

.hamburger--elastic.is-active .hamburger-inner:after{transition-delay:75ms;-webkit-transform:translate3d(0,-20px,0) rotate(-270deg);transform:translate3d(0,-20px,0) rotate(-270deg)}

.hamburger--elastic-r .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}

.hamburger--elastic-r .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}

.hamburger--elastic-r .hamburger-inner:after{top:20px;transition:-webkit-transform .275s cubic-bezier(.68,-.55,.265,1.55);transition:transform .275s cubic-bezier(.68,-.55,.265,1.55);transition:transform .275s cubic-bezier(.68,-.55,.265,1.55), -webkit-transform .275s cubic-bezier(.68,-.55,.265,1.55)}

.hamburger--elastic-r.is-active .hamburger-inner{transition-delay:75ms;-webkit-transform:translate3d(0,10px,0) rotate(-135deg);transform:translate3d(0,10px,0) rotate(-135deg)}

.hamburger--elastic-r.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}

.hamburger--elastic-r.is-active .hamburger-inner:after{transition-delay:75ms;-webkit-transform:translate3d(0,-20px,0) rotate(270deg);transform:translate3d(0,-20px,0) rotate(270deg)}

.hamburger--emphatic{overflow:hidden}

.hamburger--emphatic .hamburger-inner{transition:background-color .125s ease-in .175s}

.hamburger--emphatic .hamburger-inner:before{left:0;transition:top .05s linear .125s,left .125s ease-in .175s,-webkit-transform .125s cubic-bezier(.6,.04,.98,.335);transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s,-webkit-transform .125s cubic-bezier(.6,.04,.98,.335)}

.hamburger--emphatic .hamburger-inner:after{top:10px;right:0;transition:top .05s linear .125s,right .125s ease-in .175s,-webkit-transform .125s cubic-bezier(.6,.04,.98,.335);transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s,-webkit-transform .125s cubic-bezier(.6,.04,.98,.335)}

.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important}

.hamburger--emphatic.is-active .hamburger-inner:before{top:-80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,-webkit-transform .125s cubic-bezier(.075,.82,.165,1) .175s;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s,-webkit-transform .125s cubic-bezier(.075,.82,.165,1) .175s;-webkit-transform:translate3d(80px,80px,0) rotate(45deg);transform:translate3d(80px,80px,0) rotate(45deg)}

.hamburger--emphatic.is-active .hamburger-inner:after{top:-80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,-webkit-transform .125s cubic-bezier(.075,.82,.165,1) .175s;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s,-webkit-transform .125s cubic-bezier(.075,.82,.165,1) .175s;-webkit-transform:translate3d(-80px,80px,0) rotate(-45deg);transform:translate3d(-80px,80px,0) rotate(-45deg)}

.hamburger--emphatic-r{overflow:hidden}

.hamburger--emphatic-r .hamburger-inner{transition:background-color .125s ease-in .175s}

.hamburger--emphatic-r .hamburger-inner:before{left:0;transition:top .05s linear .125s,left .125s ease-in .175s,-webkit-transform .125s cubic-bezier(.6,.04,.98,.335);transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s,-webkit-transform .125s cubic-bezier(.6,.04,.98,.335)}

.hamburger--emphatic-r .hamburger-inner:after{top:10px;right:0;transition:top .05s linear .125s,right .125s ease-in .175s,-webkit-transform .125s cubic-bezier(.6,.04,.98,.335);transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s,-webkit-transform .125s cubic-bezier(.6,.04,.98,.335)}

.hamburger--emphatic-r.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important}

.hamburger--emphatic-r.is-active .hamburger-inner:before{top:80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,-webkit-transform .125s cubic-bezier(.075,.82,.165,1) .175s;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s,-webkit-transform .125s cubic-bezier(.075,.82,.165,1) .175s;-webkit-transform:translate3d(80px,-80px,0) rotate(-45deg);transform:translate3d(80px,-80px,0) rotate(-45deg)}

.hamburger--emphatic-r.is-active .hamburger-inner:after{top:80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,-webkit-transform .125s cubic-bezier(.075,.82,.165,1) .175s;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s,-webkit-transform .125s cubic-bezier(.075,.82,.165,1) .175s;-webkit-transform:translate3d(-80px,-80px,0) rotate(45deg);transform:translate3d(-80px,-80px,0) rotate(45deg)}

.hamburger--minus .hamburger-inner:after,.hamburger--minus .hamburger-inner:before{transition:bottom .08s ease-out 0s,top .08s ease-out 0s,opacity 0s linear}

.hamburger--minus.is-active .hamburger-inner:after,.hamburger--minus.is-active .hamburger-inner:before{transition:bottom .08s ease-out,top .08s ease-out,opacity 0s linear .08s;opacity:0}

.hamburger--minus.is-active .hamburger-inner:before{top:0}

.hamburger--minus.is-active .hamburger-inner:after{bottom:0}

.hamburger--slider .hamburger-inner{top:2px}

.hamburger--slider .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}

.hamburger--slider .hamburger-inner:after{top:20px}

.hamburger--slider.is-active .hamburger-inner{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}

.hamburger--slider.is-active .hamburger-inner:before{-webkit-transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0}

.hamburger--slider.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-20px,0) rotate(-90deg);transform:translate3d(0,-20px,0) rotate(-90deg)}

.hamburger--slider-r .hamburger-inner{top:2px}

.hamburger--slider-r .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}

.hamburger--slider-r .hamburger-inner:after{top:20px}

.hamburger--slider-r.is-active .hamburger-inner{-webkit-transform:translate3d(0,10px,0) rotate(-45deg);transform:translate3d(0,10px,0) rotate(-45deg)}

.hamburger--slider-r.is-active .hamburger-inner:before{-webkit-transform:rotate(45deg) translate3d(5.71429px,-6px,0);transform:rotate(45deg) translate3d(5.71429px,-6px,0);opacity:0}

.hamburger--slider-r.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-20px,0) rotate(90deg);transform:translate3d(0,-20px,0) rotate(90deg)}

.hamburger--spin .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}

.hamburger--spin .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}

.hamburger--spin .hamburger-inner:after{transition:bottom .1s ease-in .25s,-webkit-transform .22s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19),-webkit-transform .22s cubic-bezier(.55,.055,.675,.19)}

.hamburger--spin.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(225deg);transform:rotate(225deg)}

.hamburger--spin.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}

.hamburger--spin.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,-webkit-transform .22s cubic-bezier(.215,.61,.355,1) .12s;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s,-webkit-transform .22s cubic-bezier(.215,.61,.355,1) .12s;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}

.hamburger--spin-r .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}

.hamburger--spin-r .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}

.hamburger--spin-r .hamburger-inner:after{transition:bottom .1s ease-in .25s,-webkit-transform .22s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19),-webkit-transform .22s cubic-bezier(.55,.055,.675,.19)}

.hamburger--spin-r.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(-225deg);transform:rotate(-225deg)}

.hamburger--spin-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}

.hamburger--spin-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,-webkit-transform .22s cubic-bezier(.215,.61,.355,1) .12s;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s,-webkit-transform .22s cubic-bezier(.215,.61,.355,1) .12s;-webkit-transform:rotate(90deg);transform:rotate(90deg)}

.hamburger--spring .hamburger-inner{top:2px;transition:background-color 0s linear .13s}

.hamburger--spring .hamburger-inner:before{top:10px;transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,-webkit-transform .13s cubic-bezier(.55,.055,.675,.19);transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19);transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19),-webkit-transform .13s cubic-bezier(.55,.055,.675,.19)}

.hamburger--spring .hamburger-inner:after{top:20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,-webkit-transform .13s cubic-bezier(.55,.055,.675,.19);transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19);transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19),-webkit-transform .13s cubic-bezier(.55,.055,.675,.19)}

.hamburger--spring.is-active .hamburger-inner{transition-delay:.22s;background-color:transparent!important}

.hamburger--spring.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .22s;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s,-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .22s;-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}

.hamburger--spring.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .22s;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s,-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .22s;-webkit-transform:translate3d(0,10px,0) rotate(-45deg);transform:translate3d(0,10px,0) rotate(-45deg)}

.hamburger--spring-r .hamburger-inner{top:auto;bottom:0;transition-delay:0s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}

.hamburger--spring-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity 0s linear}

.hamburger--spring-r .hamburger-inner:before{transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,-webkit-transform .13s cubic-bezier(.55,.055,.675,.19);transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19);transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19),-webkit-transform .13s cubic-bezier(.55,.055,.675,.19)}

.hamburger--spring-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}

.hamburger--spring-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s;opacity:0}

.hamburger--spring-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .22s;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s,-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .22s;-webkit-transform:rotate(90deg);transform:rotate(90deg)}

.hamburger--stand .hamburger-inner{transition:background-color 0s linear 75ms,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) .15s;transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms;transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) .15s}

.hamburger--stand .hamburger-inner:before{transition:top 75ms ease-in 75ms,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) 0s;transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s;transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}

.hamburger--stand .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) 0s;transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s;transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}

.hamburger--stand.is-active .hamburger-inner{transition:background-color 0s linear .15s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) 0s;transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) 0s;-webkit-transform:rotate(90deg);transform:rotate(90deg);background-color:transparent!important}

.hamburger--stand.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .15s;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}

.hamburger--stand.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .15s;-webkit-transform:rotate(45deg);transform:rotate(45deg)}

.hamburger--stand-r .hamburger-inner{transition:background-color 0s linear 75ms,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) .15s;transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms;transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) .15s}

.hamburger--stand-r .hamburger-inner:before{transition:top 75ms ease-in 75ms,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) 0s;transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s;transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}

.hamburger--stand-r .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) 0s;transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s;transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}

.hamburger--stand-r.is-active .hamburger-inner{transition:background-color 0s linear .15s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) 0s;transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) 0s;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);background-color:transparent!important}

.hamburger--stand-r.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .15s;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}

.hamburger--stand-r.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .15s;-webkit-transform:rotate(45deg);transform:rotate(45deg)}

.hamburger--squeeze .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:75ms}

.hamburger--squeeze .hamburger-inner:before{transition:top 75ms ease .12s,opacity 75ms ease}

.hamburger--squeeze .hamburger-inner:after{transition:bottom 75ms ease .12s,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19);transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19);transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19),-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19)}

.hamburger--squeeze.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(45deg);transform:rotate(45deg)}

.hamburger--squeeze.is-active .hamburger-inner:before{top:0;transition:top 75ms ease,opacity 75ms ease .12s;opacity:0}

.hamburger--squeeze.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .12s;transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .12s;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}

.hamburger--vortex .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}

.hamburger--vortex .hamburger-inner:after,.hamburger--vortex .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}

.hamburger--vortex .hamburger-inner:before{transition-property:top,opacity}

.hamburger--vortex .hamburger-inner:after{transition-property:bottom,-webkit-transform;transition-property:bottom,transform;transition-property:bottom,transform,-webkit-transform}

.hamburger--vortex.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);-webkit-transform:rotate(765deg);transform:rotate(765deg)}

.hamburger--vortex.is-active .hamburger-inner:after,.hamburger--vortex.is-active .hamburger-inner:before{transition-delay:0s}

.hamburger--vortex.is-active .hamburger-inner:before{top:0;opacity:0}

.hamburger--vortex.is-active .hamburger-inner:after{bottom:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}

.hamburger--vortex-r .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}

.hamburger--vortex-r .hamburger-inner:after,.hamburger--vortex-r .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}

.hamburger--vortex-r .hamburger-inner:before{transition-property:top,opacity}

.hamburger--vortex-r .hamburger-inner:after{transition-property:bottom,-webkit-transform;transition-property:bottom,transform;transition-property:bottom,transform,-webkit-transform}

.hamburger--vortex-r.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);-webkit-transform:rotate(-765deg);transform:rotate(-765deg)}

.hamburger--vortex-r.is-active .hamburger-inner:after,.hamburger--vortex-r.is-active .hamburger-inner:before{transition-delay:0s}

.hamburger--vortex-r.is-active .hamburger-inner:before{top:0;opacity:0}

.hamburger--vortex-r.is-active .hamburger-inner:after{bottom:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}

/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 Saurabh Sharma
 * Licensed under  ()
 */

/*
 *  Owl Carousel - Core
 */

.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper,
  .owl-carousel .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 .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }

.owl-carousel .owl-item img {
    display: block;
    width: 100%; }

.owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }

.owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }

.owl-carousel.owl-loaded {
    display: block; }

.owl-carousel.owl-loading {
    opacity: 0;
    display: block; }

.owl-carousel.owl-hidden {
    opacity: 0; }

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }

.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab; }

.owl-carousel.owl-rtl {
    direction: rtl; }

.owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */

.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */

.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */

.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: -webkit-transform 100ms ease;
  transition: transform 100ms ease;
  transition: transform 100ms ease, -webkit-transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transform: scale(1.3, 1.3);
          transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 Saurabh Sharma
 * Licensed under  ()
 */

/*
 * 	Default theme - Owl Carousel CSS File
 */

.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }

.owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }

.owl-theme .owl-nav [class*='owl-']:hover {
      background: #869791;
      color: #FFF;
      text-decoration: none; }

.owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }

.owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #869791; }

/* Base */

/* https://coolors.co */

/* Typography */

/* Images */

/* Display */

/* Media Queries */

.phone-only {
  display: none;
}

@media (max-width: 599px) {

.phone-only {
    display: block
} }

.tablet-portrait-up {
  display: none;
}

@media (min-width: 767px) {

.tablet-portrait-up {
    display: block
} }

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	-webkit-overflow-scrolling: touch;
	scroll-behavior: smooth;
}

@media (min-width: 767px) {

html, body {
		overflow: auto;
		overflow-y: scroll
} }

.page--fixed, .archive--fixed, .single--fixed {
		position: fixed;
	}

*, *:before, *:after {
	box-sizing: inherit;
}

hr {
	border: none;
	border-bottom: 1px solid #e2e9ed;
	margin: 3rem 0;
}

@media (min-width: 767px) {

hr {
		margin: 4rem 0
} }

section ul {
	margin: 0;
	padding-left: 1rem;
}

section ul li {
		color: #9399a7;
		padding: .25rem 0;
	}

iframe {
	/* height: 100%; */
	width: 100%;
}

.grecaptcha-badge {
	display: none;
}

em {
	font-family: Georgia, 'Times New Roman', Times, serif;
}

/* Elements */

/* https://type-scale.com Styles */

html, body {
  color: #596278;
  font-family: proxima-nova,sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 17px;
  line-height: 24px;
  letter-spacing: .5px;
  background-color: white;
}

@media (min-width: 992px) {

html, body {
    font-size: 18px;
    line-height: 26px
} }

p {
  color: #9399a7;
  line-height: 1.75;
}

p:last-child {
    margin: 0 0 10px 0;
  }

strong {
  color: #596278;
  font-weight: 600;
}

.h1, .h2, .h3, .h4 {
  margin: 0;
  padding: 0;
  background-color: transparent;
}

h1, .h1 {
  font-size: 2.3em;
  line-height: 1.2;
  font-weight: 700;
}

@media (min-width: 992px) {

h1, .h1 {
    font-size: 3.2em;
    line-height: 1.1
} }

h2, .h2 {
  font-size: 2em;
  line-height: 1.4;
  font-weight: 700;
}

@media (min-width: 992px) {

h2, .h2 {
    font-size: 2.369em;
    line-height: 1.2
} }

h3, .h3 {
  font-size: 1.333em;
  line-height: 1.4;
  font-weight: 600;
}

@media (min-width: 992px) {

h3, .h3 {
    font-size: 1.777em;
    line-height: 1.3
} }

h4, .h4 {
  font-weight: 600;
  font-size: 1.333em;
  line-height: 1.4;
}

small {
  color: #9399a7;
  font-size: 16px;
  line-height: 1.5;
  display: block;
}

.border {
  border: 1px solid #e2e9ed;
}

.border--top {
    border-top: 1px solid #e2e9ed;
  }

.border--left {
    border: none;
    border-left: 1px solid #e2e9ed;
  }

.border--left--white {
      border-left: 1px solid white;
    }

a {
  color: #03a1ff;
	text-decoration: none;
}

a:hover {
		cursor: pointer;
	}

.a-small small {
  color: #9399a7;
}

.a-small small:hover {
    color: #03a1ff;
  }

button {
  all: unset;
}

.button {
  padding: 10px 25px;
  position: relative;
  display: table;
  transition: background-color .1s ease-out;
}

.button--lozenge {
    color: white;
    font-weight: 600;
    border-radius: 25px;
    background-color: #03a1ff;
  }

.button--lozenge:hover {
      color: white;
      background-color: #0092ff;
      cursor: pointer;
    }

.button--preview {
    color: white;
    font-weight: 600;
    border-radius: 25px;
    border: 2px solid white;
    margin-bottom: 2rem;
    background-color: none;
  }

.button--preview:hover {
      color: #596278;
      background-color: white;
      cursor: pointer;
    }

.button--icon {
    padding: 10px 0;
  }

.button--icon img {
      width: 20px;
      margin-right: 12px;
      position: relative;
      top: 5px;
    }

@media (min-width: 767px) {

.button--icon img {
        width: 22px
    } }

.page-link--white {
    color: white;
  }

.button--more-less {
  display: flex;
  justify-content: space-between;
}

.button--more-less:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f078";
    font-weight: 900;
  }

.button--more-less--is-active:after {
      font-family: "Font Awesome 5 Pro";
      content: "\f00d";
      font-weight: 900;
    }

/* Form Template */

.content .page-template-contact-form .page-title {
			background-color: #03a1ff;
		}

.content .page-template-contact-form .page-title h1, .content .page-template-contact-form .page-title h2 {
				color: white;
			}

.content .page-template-contact-form .form-container {
			padding: 40px 16px;
			background-color: white;
			position: relative;
			bottom: 30px;
		}

@media (min-width: 767px) {

.content .page-template-contact-form .form-container {
				padding: 40px;
				bottom: 60px
		} }

/* Inputs */

.content input {
		-webkit-appearance: unset;
		   -moz-appearance: unset;
		        appearance: unset;
	}

.content input:focus {
			outline: none;
		}

.content input[type=text],
	.content input[type=tel],
	.content input[type=email],
	.content input[type=date],
	.content input[type=search],
	.content select {
		font-size: 1em;
		color: black;
		height: 45px;
		margin-bottom: 5px;
		padding: 10px;
		width: 100%;
		border: 0;
		background: none;
		-webkit-appearance: none;
		   -moz-appearance: none;
		        appearance: none;
		border: 1px solid #e2e9ed;
		border-radius: 4px;
		transition: all .15s ease-out;
	}

.content input[type=text]:hover, .content input[type=tel]:hover, .content input[type=email]:hover, .content input[type=date]:hover, .content input[type=search]:hover, .content select:hover {
			border: 1px solid #b1c3cc;	
		}

.content input[type=text]:focus, .content input[type=tel]:focus, .content input[type=email]:focus, .content input[type=date]:focus, .content input[type=search]:focus, .content select:focus {
			border: 1px solid #03a1ff;
		}

.content input[type=radio] {
		padding: 20px;
		border: 1px solid #e2e9ed;
		border-radius: 20px;
	}

.content input[type=radio]:hover {
			cursor: pointer;
		}

.content input[type=radio]:checked {
			background-image: url('images/forms/checkbox-checked.png');
			background-size: 25px;
			background-repeat: no-repeat;
			background-position: center;
			background-color: white;
		}

.content input[type=submit] {
		color: white;
		font-weight: 600;
		padding: 10px 50px;
		border: none;
		border-radius: 50px;
		background-color: #03a1ff;
		transition: background-color .1s ease-out;
	}

.content input[type=submit]:hover {
			background-color: #0092ff;
		}

.content select {
		color: #596278!important;
		margin-bottom: 0;
		background-image: url(./images/ui/select.svg);
		background-size: 25px;
		background-position: center right;
		background-repeat: no-repeat;
	}

/* Contact Form 7 */

.content .wpcf7-list-item {
		line-height: 0;
		margin: 0!important;
		display: inline-flex!important;
		align-items: center!important;
	}

.content .wpcf7-list-item span {
			margin-left: 10px;
			margin-right: 25px;
		}

.content .wpcf7-not-valid-tip {
		font-size: 75%!important;
		font-weight: 600!important;
	}

.content .wpcf7-response-output {
		display: none!important;
	}

/* Custom CF7 Loader */

.content div.wpcf7 .ajax-loader {
		background-image: url('images/forms/ajax-loader.gif');
		background-size: 25px;
		background-position: center;
		background-repeat: no-repeat;
		width: 25px;
		height: 25px;
		margin-left: 10px;
	}

img {
  width: 100%;
}

.image {
  color: white;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.image--fill {
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
  }

.image--thumbnail {
    height: 250px;
  }

@media (min-width: 767px) {

.image--thumbnail {
      height: 290px
  } }

.image--small {
    height: 225px;
  }

@media (min-width: 992px) {

.image--small {
      height: 360px
  } }

.image--medium {
    height: 225px;
  }

@media (min-width: 767px) {

.image--medium {
      height: 350px
  } }

@media (min-width: 1200px) {

.image--medium {
      height: 450px
  } }

.image--large {
    height: 225px;
  }

@media (min-width: 992px) {

.image--large {
      height: 650px
  } }

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

.display--block {
    display: block;
  }

.display--inline-block {
    display: inline-block;
  }

.display--phone-only {
    width: 100%;
    display: block;
  }

@media (min-width: 992px) {

.display--phone-only {
      display: none
  } }

.display--tablet-up {
    display: none;
  }

@media (min-width: 992px) {

.display--tablet-up {
      width: 100%;
      display: block
  } }

.display--desktop-only {
    display: none;
  }

@media (min-width: 992px) {

.display--desktop-only {
      width: 100%;
      display: block
  } }

/* Layout */

.grid {
  border: 1px solid red;
}

.grid--2col {
    display: flex;
    flex-direction: column;
  }

@media (min-width: 767px) {

.grid--2col {
      flex-direction: row
  } }

.grid--2col__col {
      width: 100%;
    }

@media (min-width: 767px) {

.grid--2col__col {
        width: 50%
    } }

/* Pages */

.careers__vision-mission {
    margin: 4rem 0;
    border-radius: 10px;
    box-shadow: 0px 0px 50px 0px rgba(147,153,167,0.25);
    display: flex;
    flex-direction: column;
  }

@media (min-width: 767px) {

.careers__vision-mission {
      margin: 8rem 0;
      flex-direction: row
  } }

.careers__vision-mission__col {
      text-align: center;
      width: 100%;
      padding: 2rem 1rem;
    }

@media (min-width: 767px) {

.careers__vision-mission__col {
        width: 50%;
        padding: 2rem 1rem 5rem 2rem
    } }

.careers__vision-mission__col i {
        color: #03a1ff;
        font-size: 4em;
        margin-top: 2.5rem;
      }

.careers__vision-mission__col h2 {
        margin: 1rem;
      }

.careers__culture {
    margin-bottom: 4rem;
  }

.careers__culture__image {
      height: 200px;
      border-radius: 8px;
      background-position: left center;
      background-size: cover;
      background-repeat: no-repeat;
    }

@media (min-width: 767px) {

.careers__culture__image {
        margin-bottom: 8rem;
        height: 450px;
        border-radius: 12px;
        background-size: 685px;
        display: flex;
        justify-content: flex-end;
        align-items: center
    } }

@media (max-width: 599px) {

.careers__culture__text {
        margin-bottom: 2rem
    } }

@media (min-width: 767px) {

.careers__culture__text {
        background-color: white;
        padding: 2rem 0 2rem 2rem;
        border-radius: 8px
    } }

.careers__culture__text h2 {
        color: #03a1ff;
        margin: 0 0 1rem 0;
      }

.careers__benefits-container {
    margin-bottom: 4rem;
  }

@media (min-width: 767px) {

.careers__benefits-container {
      margin-bottom: 8rem
  } }

.careers__benefits--column {
      display: none;
    }

@media (max-width: 599px) {

.careers__benefits--column {
        display: flex;
        flex-direction: column
    } }

.careers__benefits--row {
      align-items: center;
      margin: 4rem 0;
      display: none;
    }

@media (min-width: 767px) {

.careers__benefits--row {
        display: flex;
        flex-direction: row
    } }

@media (max-width: 599px) {

.careers__benefits__icon {
        display: flex;
        align-items: center
    } }

@media (min-width: 767px) {

.careers__benefits__icon {
        text-align: center;
        min-width: 20%
    } }

.careers__benefits__icon i {
        color: #03a1ff;
        text-align: center;
        width: 60px;
      }

@media (max-width: 599px) {

.careers__benefits__icon i {
          font-size: 1.5em
      } }

@media (min-width: 767px) {

.careers__benefits__icon i {
          font-size: 3.5em;
          margin-right: 5%
      } }

.careers__benefits__title {
      font-size: 1em;
      margin: 0;
    }

@media (min-width: 767px) {

.careers__benefits__title {
        font-size: 1.333em;
        margin: 0 0 1rem 0
    } }

.careers__benefits__description {
      color: #9399a7;
    }

@media (max-width: 599px) {

.careers__benefits__description {
        font-size: .85em;
        padding: 1.5rem 1rem .5rem 1rem
    } }

.careers__benefit {
    margin: .5rem 0;
    padding: 1rem 1rem 1rem 0;
    border: 1px solid #e2e9ed;
    border-radius: 4px;
  }

.greenhouse-job-board {
  margin-bottom: 4rem;
}

@media (min-width: 767px) {

.greenhouse-job-board {
    margin-bottom: 8rem
} }

.greenhouse-job-board .job {
    padding: 1rem 0 1.5rem 0;
    border-top: 1px solid #e2e9ed;
  }

.greenhouse-job-board .job:first-child {
      border-top: none;
    }

.greenhouse-job-board .job:hover {
      cursor: pointer;
    }

.greenhouse-job-board .job_title {
    font-size: 1.333em;
  }

.greenhouse-job-board .job_read_full:hover {
      text-decoration: underline;
    }

.greenhouse-job-board .job_apply {
    color: white;
    font-size: .9em;
    font-weight: 600;
    margin-top: 1rem;
    padding: .5rem 1rem;
    border-radius: 4px;
    background-color: #03a1ff;
    display: table;
  }

.all_jobs > #grnhse_app {
  display: none!important;
}

#apply_form h2 {
    display: none;
  }

#apply_form label {
    font-size: .85em;
  }

@media (min-width: 767px) {

#apply_form .field_first_name,
  #apply_form .field_last_name,
  #apply_form .field_email,
  #apply_form .field_phone,
  #apply_form .field_resume,
  #apply_form .field_cover_letter {
      width: 50%;
      display: inline-block
  } }

@media (min-width: 767px) {

#apply_form .field_first_name,
  #apply_form .field_email,
  #apply_form .field_resume,
  #apply_form  {
      padding-right: 1rem
  } }

#apply_form input[type="file"] {
  }

#apply_form .field_submit input {
    color: white;
    font-size: .9em;
    font-weight: 600;
    margin-top: 1rem;
    padding: 1rem 1.25rem;
    border: none;
    border-radius: 4px;
    background-color: #03a1ff;
    display: table;
  }

.apply_jobs h2 {
  font-size: 1.333em;
  margin-top: 0;
}

/* Blocks */

.container {
  width: 100%;
}

.content {
  margin: 0 auto;
  padding: 0 1.5rem;
}

/* border: 1px solid blue; */

@media (min-width: 767px) {

.content {
    max-width: 1220px
} }

.content--center {
    display: flex;
    justify-content: center;
  }

.content--full-height {
    height: 100%;
    width: 100%;
  }

.content--narrow {
    max-width: 920px;
    margin: 0 auto;
  }

.content--form-width {
    width: 95%;
  }

@media (min-width: 767px) {

.content--form-width {
      width: 90%
  } }

@media (min-width: 992px) {

.content--form-width {
      width: 75%
  } }

/* Reversed (White on Blue) */

.home .site-header__logo, .page-template-work .site-header__logo, .post-template-single-case_study .site-header__logo, .page-template-contact-form .site-header__logo {
    background-image: url('./images/brand/bilue-white.svg');
  }

.home .site-header .menu li a, .page-template-work .site-header .menu li a, .post-template-single-case_study .site-header .menu li a, .page-template-contact-form .site-header .menu li a {
      color: white;
      opacity: .4;
      transition: all .1s ease-out;
    }

.home .site-header .menu li a:hover, .page-template-work .site-header .menu li a:hover, .post-template-single-case_study .site-header .menu li a:hover, .page-template-contact-form .site-header .menu li a:hover {
        color: white;
        opacity: 1;
      }

.home .site-header .menu .current-menu-item > a,
    .home .site-header .menu .current-menu-parent > a,
    .home .site-header .menu .current_page_item a,
    .home .site-header .menu .current-page-ancestor a,
    .page-template-work .site-header .menu .current-menu-item > a,
    .page-template-work .site-header .menu .current-menu-parent > a,
    .page-template-work .site-header .menu .current_page_item a,
    .page-template-work .site-header .menu .current-page-ancestor a,
    .post-template-single-case_study .site-header .menu .current-menu-item > a,
    .post-template-single-case_study .site-header .menu .current-menu-parent > a,
    .post-template-single-case_study .site-header .menu .current_page_item a,
    .post-template-single-case_study .site-header .menu .current-page-ancestor a,
    .page-template-contact-form .site-header .menu .current-menu-item > a,
    .page-template-contact-form .site-header .menu .current-menu-parent > a,
    .page-template-contact-form .site-header .menu .current_page_item a,
    .page-template-contact-form .site-header .menu .current-page-ancestor a {
      color: white;
      font-weight: 400;
      opacity: 1;
    }

.home .site-header .menu .current-menu-item > a:hover, .home .site-header .menu .current-menu-parent > a:hover, .home .site-header .menu .current_page_item a:hover, .home .site-header .menu .current-page-ancestor a:hover, .page-template-work .site-header .menu .current-menu-item > a:hover, .page-template-work .site-header .menu .current-menu-parent > a:hover, .page-template-work .site-header .menu .current_page_item a:hover, .page-template-work .site-header .menu .current-page-ancestor a:hover, .post-template-single-case_study .site-header .menu .current-menu-item > a:hover, .post-template-single-case_study .site-header .menu .current-menu-parent > a:hover, .post-template-single-case_study .site-header .menu .current_page_item a:hover, .post-template-single-case_study .site-header .menu .current-page-ancestor a:hover, .page-template-contact-form .site-header .menu .current-menu-item > a:hover, .page-template-contact-form .site-header .menu .current-menu-parent > a:hover, .page-template-contact-form .site-header .menu .current_page_item a:hover, .page-template-contact-form .site-header .menu .current-page-ancestor a:hover {
        color: white;
        opacity: 1;
      }

/* Work */

.post-template-single-case_study .site-header .menu .menu-item-work a {
        opacity: 1;
      }

/* Blog */

.page-template-articles .site-header__logo {
    background-image: url('./images/brand/bilue-icon-text.svg');
    background-size: 45px;
  }

.page-template-articles .site-header .menu .menu-item-articles a {
        opacity: 1;
      }

/* Generic (Blue on White) */

.site-header {
  width: 100%;
  position: fixed;
  z-index: 9;
  display: none;
}

@media (min-width: 767px) {

.site-header {
    display: block
} }

.site-header__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

.site-header__logo {
    height: 55px;
    width: 115px;
    background-image: url('./images/brand/bilue.svg');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 115px;
  }

.site-header .menu {
    margin-left: auto;
  }

.site-header .menu li {
      display: inline-block;
    }

.site-header .menu li a {
        color: #596278;
        text-decoration: none;
        font-weight: 500;
        padding: 20px;
        display: inline-block;
        position: relative;
        opacity: .4;
      }

.site-header .menu li a:hover {
          color: #596278;
          opacity: 1;
        }

.site-header .menu .current-menu-item > a,
    .site-header .menu .current-menu-parent > a,
    .site-header .menu .current_page_item a {
      color: #596278;
      font-weight: 400;
      opacity: 1;
    }

.site-header .menu .current-menu-item > a:hover, .site-header .menu .current-menu-parent > a:hover, .site-header .menu .current_page_item a:hover {
        color: #596278;
      }

.site-header .menu .submenu,
    .site-header .menu .menu-item-has-children {
      display: none;
    }

/* Anim */

.nav-up {
  -webkit-animation-name: navUp;
          animation-name: navUp;
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes navUp {
  0% { -webkit-transform: translateY(0%); transform: translateY(0%); } 
  100% { -webkit-transform: translateY(-103%); transform: translateY(-103%); }
}

@keyframes navUp {
  0% { -webkit-transform: translateY(0%); transform: translateY(0%); } 
  100% { -webkit-transform: translateY(-103%); transform: translateY(-103%); }
}

.nav-down {
  -webkit-animation-name: navDown;
          animation-name: navDown;
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.nav-down--onload {
    -webkit-animation-duration: 0;
            animation-duration: 0;
  }

@-webkit-keyframes navDown {
  0% { -webkit-transform: translateY(-103%); transform: translateY(-103%); } 
  100% { -webkit-transform: translateY(0%); transform: translateY(0%); }
}

@keyframes navDown {
  0% { -webkit-transform: translateY(-103%); transform: translateY(-103%); } 
  100% { -webkit-transform: translateY(0%); transform: translateY(0%); }
}

.site-footer {
  padding: 2rem 0;
  border-top: 1px solid #e2e9ed;
}

@media (min-width: 767px) {

.site-footer {
    padding: 4rem 0
} }

.site-footer__content {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

@media (min-width: 767px) {

.site-footer__content {
      flex-direction: row
  } }

.site-footer__left {
    font-size: .9em;
    width: 100%;
    margin-bottom: 1.5rem;

  }

@media (min-width: 767px) {

.site-footer__left {
      width: 75%;
      margin-bottom: 0

  } }

@media (max-width: 599px) {

.site-footer__left__copyright {
        padding-top: 2rem
    } }

/* Menu */

.site-footer__left ul {
      margin: 0 0 2.5rem 0;
      padding: 0 1rem 2rem 1rem;
      border-bottom: 1px solid #e2e9ed;
    }

@media (min-width: 767px) {

.site-footer__left ul {
        margin: 0;
        padding: 0;
        border-bottom: none
    } }

.site-footer__left ul li {
        padding: .5rem 0;
      }

@media (min-width: 767px) {

.site-footer__left ul li {
          display: inline-block
      } }

.site-footer__left ul li:first-child:after {
          content: '';
          margin-right: 10px;
        }

@media (min-width: 767px) {

          .site-footer__left ul li:not(:first-child):before {
            content: '•';
            margin-right: 15px;
          }

          .site-footer__left ul li:not(:first-child):after {
            content: '';
            margin-right: 10px;
          } }

.site-footer__right {
    padding: .5rem 0;
    text-align: left;
    width: 100%;
  }

@media (min-width: 767px) {

.site-footer__right {
      text-align: right;
      width: 25%
  } }

.site-footer__social {
    margin-top: 1rem;
  }

.site-footer__social__icon img {
      height: 20px;
      width: 20px;
      opacity: .6;
    }

.site-footer__social__icon:nth-child(even) img {
      margin: 0 20px;
    }

.site-footer span {
    display: block;
  }

@media (min-width: 767px) {

.site-footer span {
      display: inline-block
  } }

/* https://jonsuh.com/hamburgers */

/* Reverse - White on Blue */

.home .mobile-menu-header, .page-template-work .mobile-menu-header, .post-template-case-study-single-post .mobile-menu-header, .page-template-contact-form .mobile-menu-header {
    background-image: url('./images/brand/bilue-icon-white.svg');
  }

.home .hamburger-inner,
    .home .hamburger-inner:before,
    .home .hamburger-inner:after,
    .page-template-work .hamburger-inner,
    .page-template-work .hamburger-inner:before,
    .page-template-work .hamburger-inner:after,
    .post-template-case-study-single-post .hamburger-inner,
    .post-template-case-study-single-post .hamburger-inner:before,
    .post-template-case-study-single-post .hamburger-inner:after,
    .page-template-contact-form .hamburger-inner,
    .page-template-contact-form .hamburger-inner:before,
    .page-template-contact-form .hamburger-inner:after {
      background-color: white!important;
    }

/* Custom Styles */

.home .mobile-menu li, .page-template-work .mobile-menu li, .post-template-case-study-single-post .mobile-menu li, .page-template-contact-form .mobile-menu li {
      border-top: 1px solid rgba(255,255,255,.25);
    }

.home .mobile-menu li a, .page-template-work .mobile-menu li a, .post-template-case-study-single-post .mobile-menu li a, .page-template-contact-form .mobile-menu li a {
        color: white;
      }

.home .mobile-menu li a:before, .page-template-work .mobile-menu li a:before, .post-template-case-study-single-post .mobile-menu li a:before, .page-template-contact-form .mobile-menu li a:before {
          background-image: url('./images/ui/angle-right-regular-white.svg');
        }

.home .mobile-menu__button, .page-template-work .mobile-menu__button, .post-template-case-study-single-post .mobile-menu__button, .page-template-contact-form .mobile-menu__button {
      color: #596278;
      background-color: white;
    }

.home .mobile-menu-header,
  .home .mobile-menu,
  .page-template-contact-form .mobile-menu-header,
  .page-template-contact-form .mobile-menu {
    background-color: #03a1ff;
  }

.page-template-work .mobile-menu-header,
  .page-template-work .mobile-menu {
    background-color: #596278;
  }

/* Blog - Grey */

.page-template-default .mobile-menu-header, .post-template-single .mobile-menu-header {
    background-image: url('./images/brand/bilue-icon-text.svg');
    background-size: 45px;
  }

/* Generic - Blue on White - MASTER */

.mobile-menu-header {
  color: #596278;
  text-align: center;
  height: 80px;
  width: 100%;
  background-image: url('./images/brand/bilue-icon.svg');
  background-repeat: no-repeat;
  background-position: 1rem center;
  background-size: 44px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

@media (min-width: 767px) {

.mobile-menu-header {
    display: none
} }

.mobile-menu-header__logo {
    height: 46px;
    width: 46px;
    display: block;
    position: relative;
    top: 16px;
    left: 1rem;
  }

.mobile-menu-header .hamburger {
    position: absolute;
    top: 12px;
    right: 2px;
  }

/* Custom Styles */

.mobile-menu-header .hamburger-inner,
    .mobile-menu-header .hamburger-inner:before,
    .mobile-menu-header .hamburger-inner:after {
      height: 2px;
      width: 30px;
      background-color: #596278;
    }

/* Menu */

@media (max-width: 599px) {

.menu-primary-menu-container {
    height: 100%
} }

@media (max-width: 599px) {

.menu-primary-menu-container .menu {
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between
  } }

.mobile-menu {
  height: 100%;
  width: 100%;
  padding: 3rem 0 1rem 0;
  background-color: white;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
}

.mobile-menu--is-visible {
    opacity: 1;
    pointer-events: auto;
  }

.mobile-menu ul {
    height: 100%;
    padding: 0;
  }

.mobile-menu ul li {
      margin: 0;
      border-top: 1px solid #e2e9ed;
      display: flex;
      align-items: center;
      height: 100%;
    }

.mobile-menu ul li a {
        color: #596278;
        font-size: 19px;
        line-height: 27px;
        padding:  0 30px;
        display: flex;
      }

.mobile-menu ul li a:before {
          content: '';
          height: 25px;
          width: 25px;
          background-image: url('./images/ui/angle-right-regular.svg');
          background-size: 6px;
          background-position: center left;
          background-repeat: no-repeat;
        }

.mobile-menu ul li:nth-child(1) {
        border-top: none;
      }

.mobile-menu__button {
    color: white;
    font-size: 19px;
    font-weight: 500;
    text-align: center;
    margin: 1rem;
    padding: 1rem;
    border-radius: 2rem;
    background-color: #03a1ff;
  }

/* Keyframes for the fade-in */

@-webkit-keyframes fade_in { from { opacity:0; } to { opacity:1; } }

@keyframes fade_in { from { opacity:0; } to { opacity:1; } }

/* Keyframes for the fade-in-up */

@-webkit-keyframes fade_in_up { from { opacity:0; -webkit-transform:translate(0,10px); transform:translate(0,10px); } to { opacity:1; } }

@keyframes fade_in_up { from { opacity:0; -webkit-transform:translate(0,10px); transform:translate(0,10px); } to { opacity:1; } }

.fade--in {
  opacity: 0;
  opacity: 1 \9; /*just in case ie*/
  -webkit-animation:fade_in ease-out 1;
          animation:fade_in ease-out 1;
  -webkit-animation-fill-mode:forwards;
          animation-fill-mode:forwards;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-delay: .5s;
          animation-delay: .5s;
  position: relative;
}

.fade--in--up {
    -webkit-animation:fade_in_up ease-out 1;
            animation:fade_in_up ease-out 1;
    -webkit-animation-fill-mode:forwards;
            animation-fill-mode:forwards;
    -webkit-animation-delay: .75s;
            animation-delay: .75s;
  }

.fade--in--up--fast {
      -webkit-animation-duration: .25s;
              animation-duration: .25s;
      -webkit-animation-delay: .1s;
              animation-delay: .1s;
    }

.fade--in--fast {
    -webkit-animation-duration: .25s;
            animation-duration: .25s;
    -webkit-animation-delay: .1s;
            animation-delay: .1s;
  }

.fade--in--delayed {
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
  }

.owl-nav {
  height: 0;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
}

.owl-nav .owl-prev,
  .owl-nav .owl-next {
    height: 50px;
    width: 50px;
    background-color: white!important;
    position: absolute!important;
    bottom: 25px!important;
  }

.owl-nav .owl-prev img, .owl-nav .owl-next img {
      width: 15px;
    }

.owl-nav .owl-prev {
    left: -60px;
  }

.owl-nav .owl-next {
    right: -60px;
  }

.owl-dots {
  margin-top: 40px;
}

.owl-carousel {
  z-index: 0;
}

.page-header {
  padding-top: 120px;
  padding-bottom: 40px;
}

@media (min-width: 767px) {

.page-header {
    padding-top: 160px;
    padding-bottom: 80px
} }

@media (min-width: 992px) {

.page-header {
    padding-top: 200px;
    padding-bottom: 120px
} }

@media (min-width: 1200px) {

.page-header {
    padding-top: 240px;
    padding-bottom: 160px
} }

.page-header__content h1 {
      color: #03a1ff;
      margin-bottom: 1rem;
      width: 100%;
    }

@media (min-width: 767px) {

.page-header__content h1 {
        width: 80%
    } }

.page-header__content h3 {
      width: 100%;
    }

@media (min-width: 767px) {

.page-header__content h3 {
        width: 60%
    } }

.page-header--home {
    color: white;
    background-color: #03a1ff;
  }

@media (min-width: 1200px) {

.page-header--home {
      padding-top: 11rem;
      padding-bottom: 7rem
  } }

.page-header--home__content {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
    }

@media (min-width: 767px) {

.page-header--home__content {
        flex-direction: row
    } }

.page-header--home__text {
      width: 100%;
    }

@media (min-width: 767px) {

.page-header--home__text {
        width: 70%
    } }

@media (min-width: 767px) {

.page-header--home__text {
        width: 60%
    } }

.page-header--home__text h1 {
        color: white;
        margin-bottom: 1rem;
      }

.page-header--home__text h3 {
        color: white;
      }

@media (max-width: 599px) {

.page-header--home__text h3 {
          margin-bottom: 2rem
      } }

.page-header--home__logos {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-evenly;

    }

@media (min-width: 767px) {

.page-header--home__logos {
        width: 350px

    } }

@media (min-width: 992px) {

.page-header--home__logos {
        width: 430px

    } }

.page-header--home__logo {
      width: 35%;
      line-height: 0;
      opacity: 1;
      transition: opacity .1s ease-out;
    }

@media (max-width: 599px) {

.page-header--home__logo {
        opacity: .6
    } }

.page-header--home__logo img {
        height: auto;
      }

.page-header--work {
    background-color: #596278;
  }

.page-header--work__content {
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

@media (min-width: 767px) {

.page-header--work__content {
        flex-direction: row
    } }

.page-header--work__content h1 {
        color: white;
        width: 100%;
        margin-bottom: 1rem;
      }

@media (min-width: 767px) {

.page-header--work__content h1 {
          width: 50%;
          margin-bottom: 0rem
      } }

.page-header--work__content h4 {
        width: 100%;
      }

@media (min-width: 767px) {

.page-header--work__content h4 {
          width: 50%
      } }

.page-header--work__content h4 a, .page-header--work__content h4 label {
          color: white;
          padding-left: 0!important;
          white-space: nowrap;
        }

.page-header--work__content h4 ul {
          text-align: right;
          margin: 0;
          padding: 0;
          width: 100%;
          display: flex;
          justify-content: flex-start;
        }

@media (min-width: 767px) {

.page-header--work__content h4 ul {
            justify-content: flex-end
        } }

.page-header--work__content h4 ul .sf-field-category {
            padding: 0;
          }

.page-header--work__content h4 ul .sf-field-category ul li {
                padding: 5px 10px;
                border: 1px solid rgba(255,255,255,.25);
                border-radius: 4px;
                transition: all .1s ease-out;
              }

@media (max-width: 599px) {

.page-header--work__content h4 ul .sf-field-category ul li {
                  font-size: .9em
              } }

.page-header--work__content h4 ul .sf-field-category ul li:nth-child(n+2) {
            margin-left: 10px;
          }

.page-header--work__content h4 ul .sf-field-category ul .sf-option-active {
            border: 1px solid rgba(255,255,255,1);
          }

.page-header--work__content h4 ul .sf-input-radio {
            display: none;
          }

@media (min-width: 1200px) {

.page-header--careers {
      padding-top: 140px;
      padding-bottom: 40px
  } }

.page-header__careers {
    border: 1px solid white;
    border-radius: 12px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

.page-header__careers--phone-only {
      display: none;
    }

@media (max-width: 599px) {

.page-header__careers--phone-only {
        display: flex;
        flex-direction: column
    } }

.page-header__careers--tablet-up-only {
      display: none;
    }

@media (max-width: 599px) {

.page-header__careers--tablet-up-only {
        display: none
    } }

@media (min-width: 767px) {

.page-header__careers--tablet-up-only {
        height: 450px;
        display: flex;
        align-items: center;
        background-position: right center;
        background-size: 680px
    } }

.page-header__careers__text h3 {
        background-color: white;
        padding: 1.25rem 1rem 1.25rem 0;
        border-radius: 8px;
      }

.page-header__careers__text a {
        border-bottom: 1px solid white;
      }

.page-header__careers__text a:hover {
          border-bottom: 1px solid #03a1ff;
        }

.page-header__careers__image {
      height: 200px;
      border-radius: 8px;
      background-size: cover;
      background-position: center;
    }

@media (min-width: 767px) {

.page-header__careers__image {
        background-size: 565px;
        background-position: right center
    } }

.page-header--blog__content {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
    }

@media (min-width: 767px) {

.page-header--blog__content {
        flex-direction: row
    } }

.page-header--blog__content h1 {
        color: #596278;
        margin-bottom: 1rem;
        width: 100%;
      }

@media (min-width: 767px) {

.page-header--blog__content h1 {
          margin-bottom: 0;
          width: 50%
      } }

.page-header--blog__content form {
        width: 100%;
      }

@media (min-width: 767px) {

.page-header--blog__content form {
          width: 50%
      } }

.page-header--blog-post {
    margin: 0 auto;
    width: 100%;
  }

@media (min-width: 767px) {

.page-header--blog-post {
      padding-top: 120px;
      padding-bottom: 80px
  } }

.page-header--blog-post__content {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
    }

@media (min-width: 767px) {

.page-header--blog-post__content {
        flex-direction: row
    } }

.page-header--blog-post__title {
      width: 100%;
    }

@media (min-width: 767px) {

.page-header--blog-post__title {
        width: 50%;
        padding-right: 2rem
    } }

.page-header--blog-post__title h1 {
        margin-bottom: 1rem;
      }

.page-header--blog-post__title h2 {
        color: #596278;
        font-weight: 600;
        margin-bottom: 2rem;
      }

.page-header--blog-post__title__meta {
        display: flex;
        justify-items: center;
      }

@media (max-width: 599px) {

.page-header--blog-post__title__meta {
          margin-bottom: 2rem
      } }

.page-header--blog-post__title__avatar img {
        height: 65px;
        width: 65px;
        border-radius: 50%;
        margin-right: 1rem;
      }

.page-header--blog-post__image {
      width: 100%;
    }

@media (min-width: 767px) {

.page-header--blog-post__image {
        width: 50%
    } }

.page-header--contact-form {
    padding-bottom: 4rem;
    background-color: #03a1ff;
  }

@media (min-width: 767px) {

.page-header--contact-form {
      padding-top: 10rem;
      padding-bottom: 6rem
  } }

.page-header--contact-form__content h1 {
        color: white;
        margin-bottom: 1rem;
      }

.page-header--contact-form__content h3 {
        color: white;
      }

/* Work - Page */

.page-section--case-study-preview {
    width: 100%;
    display: flex;
    flex-direction: column;
  }

@media (min-width: 767px) {

.page-section--case-study-preview {
      flex-direction: row;
      flex-wrap: wrap
  } }

.page-section--case-study-preview__col {
      width: 100%;
    }

@media (min-width: 767px) {

.page-section--case-study-preview__col {
        width: 50%
    } }

/* About - Page */

.page-section--about-team h2 {
      margin-top: 2rem;
      margin-bottom: 2.5rem;
    }

@media (min-width: 767px) {

.page-section--about-team h2 {
        margin-top: 0;
        margin-bottom: 4rem
    } }

.page-section--about-team__members {
      display: flex;
      flex-direction: column;
    }

@media (min-width: 767px) {

.page-section--about-team__members {
        flex-direction: row;
        flex-wrap: wrap;
        align-content: flex-start
    } }

.page-section--about-team__member {
      margin-bottom: 2rem;
      width: 100%;
    }

@media (min-width: 767px) {

.page-section--about-team__member {
        width: 33.33%
    } }

.page-section--about-clients {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

@media (min-width: 767px) {

.page-section--about-clients {
      flex-direction: row
  } }

.page-section--about-clients h4 {
      margin-bottom: 2rem;
      width: 100%;
    }

@media (min-width: 767px) {

.page-section--about-clients h4 {
        margin-bottom: 0rem;
        width: 30%
    } }

.page-section--about-clients__logos {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around;
    }

@media (min-width: 767px) {

.page-section--about-clients__logos {
        width: 69%
    } }

.page-section--about-clients__logo {
      padding: .5rem .75rem;
      width: 33.33%;
    }

@media (min-width: 767px) {

.page-section--about-clients__logo {
        width: 25%;
        padding: .5rem 1.75rem
    } }

.page-section--about-clients__logo img {
        height: auto;
        width: 100%;
      }

.page-section--about-services {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

@media (min-width: 767px) {

.page-section--about-services {
      flex-direction: row
  } }

.page-section--about-services__title {
      margin-bottom: 2rem;
      width: 100%;
    }

@media (min-width: 767px) {

.page-section--about-services__title {
        margin-bottom: 0rem;
        width: 33%
    } }

.page-section--about-services__text {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
    }

@media (min-width: 767px) {

.page-section--about-services__text {
        width: 67%
    } }

.page-section--about-services__text__item {
        margin-bottom: 2rem;
      }

.page-section--about-services__text__item h4 {
          margin-bottom: .5rem;
        }

.page-section--about-services__text__item:last-child {
        margin-bottom: 0;
      }

.page-section--about-process {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

@media (min-width: 767px) {

.page-section--about-process {
      flex-direction: row
  } }

.page-section--about-process__title {
      margin-bottom: 2rem;
      width: 100%;
    }

@media (min-width: 767px) {

.page-section--about-process__title {
        margin-bottom: 0rem;
        width: 33%
    } }

.page-section--about-process__text {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
    }

@media (min-width: 767px) {

.page-section--about-process__text {
        width: 67%
    } }

.page-section--about-process__text__item {
        margin-bottom: 2rem;
      }

.page-section--about-process__text__item h4 {
          margin-bottom: .5rem;
        }

.page-section--about-process__text__item:last-child {
        margin-bottom: 0;
      }

.page-section--about-work h2 {
      margin-bottom: 1rem;
    }

.page-section--about-work p {
      max-width: 800px;
      margin-bottom: 3rem;
    }

/* Contact - Page */

.page-section--contact-offices {
    width: 100%;
    /* border-bottom: 1px solid $border; */
    /* margin-bottom: 4rem; */
    padding-bottom: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

@media (min-width: 767px) {

.page-section--contact-offices {
      padding-bottom: 4rem;
      flex-direction: row
  } }

.page-section--contact-offices__office {
      width: 100%;
      display: flex;
      flex-direction: column;
    }

@media (min-width: 767px) {

.page-section--contact-offices__office {
        width: 47.5%
    } }

.page-section--contact-offices__office h3 {
        margin-top: 2rem;
        margin-bottom: 1rem;
        padding-top: 2rem;
        border-top: 1px solid #e2e9ed;
      }

@media (min-width: 767px) {

.page-section--contact-offices__office h3 {
          border-top: none;
          margin-top: 0;
          padding-top: 0
      } }

.page-section--contact-offices__office a:last-of-type {
        margin-bottom: 1.5rem;
      }

.page-section--contact-offices__office .image {
        margin-top: auto;
      }

.page-section--contact-careers {
    padding-bottom: 2rem;
  }

.page-section--contact-careers__header {
      width: 100%;
      padding-bottom: 1rem;
    }

@media (min-width: 767px) {

.page-section--contact-careers__header {
        width: 80%;
        padding-bottom: 2rem
    } }

@media (min-width: 992px) {

.page-section--contact-careers__header {
        width: 70%
    } }

.page-section--contact-careers__header h3 {
        margin-bottom: 1rem;
      }

.page-section--contact-careers__positions {
      margin: 0;
    }

@media (min-width: 767px) {

.page-section--contact-careers__positions {
        margin: 2rem 0
    } }

.page-section--contact-careers__position {
      font-size: .9em;
      margin-bottom: 1rem;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

@media (min-width: 767px) {

.page-section--contact-careers__position {
        flex-direction: row
    } }

.page-section--contact-careers__position ul li {
        padding: .15rem 0;
      }

.page-section--contact-careers__position__title {
      width: 100%;
      padding-top: 2rem;
    }

@media (min-width: 767px) {

.page-section--contact-careers__position__title {
        width: 30%;
        padding-top: 4rem
    } }

.page-section--contact-careers__position__description {
      width: 100%;
      margin-top: 1rem;
      padding-top: 2rem;
      border-top: 1px solid #e2e9ed;
    }

@media (min-width: 767px) {

.page-section--contact-careers__position__description {
        width: 70%;
        padding-top: 3rem
    } }

.page-section--contact-careers__position__description strong {
        margin-bottom: 1rem;
        display: table;
      }

/* Contact - Section */

.page-section--contact {
    display: flex;
    flex-direction: column;
  }

.page-section--contact h3 {
      margin-top: 3rem;
      margin-bottom: .5rem;
      max-width: 700px;
    }

@media (min-width: 767px) {

.page-section--contact h3 {
        margin-top: 5rem
    } }

.page-section--contact p {
      max-width: 700px;
      margin-bottom: 1rem;
    }

.page-section--contact__offices {
      margin: 2rem 0;
      display: flex;
      flex-direction: column;
    }

@media (min-width: 767px) {

.page-section--contact__offices {
        margin: 0;
        flex-direction: row
    } }

.page-section--contact__office {
      margin-bottom: 2rem;
      width: 100%;
    }

@media (min-width: 767px) {

.page-section--contact__office {
        margin-bottom: 6rem;
        width: 50%
    } }

.page-section--contact__office h4 {
        margin-top: 0rem;
        margin-bottom: .5rem;
      }

@media (min-width: 767px) {

.page-section--contact__office h4 {
          margin-top: 3rem
      } }

#intercom-button {
  right: 20px;
  bottom: 20px;
  position: fixed;
  z-index: 1;
}

#intercom-button--close {
  right: 20px;
  bottom: 20px;
  position: fixed;
  z-index: 2;
}

.intercom-button,
.intercom-button--close {
  height: 60px;
  width: 60px;
  background-color: #03a1ff;
  border-radius: 50%;
  box-shadow: 0 0 40px rgba(3,161,255,0.3);
  display: flex;
  justify-content: center;
}

.intercom-button:hover, .intercom-button--close:hover {
    cursor: pointer;
  }

.intercom-button img, .intercom-button--close img {
    width: 30px;
  }

.intercom-button--close, .intercom-button--close--close {
    opacity: 0;
    transition: opacity ease-out .2s;
  }

.intercom-button--close img, .intercom-button--close--close img {
      width: 15px;
    }

.intercom-button--close--is-active, .intercom-button--close--close--is-active {
      opacity: 2;
    }

.intercom {
  height: 100%;
  width: 100%;
  background-color: white;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  bottom: 0px;
  right: 0;
  z-index: 1;
}

@media (min-width: 767px) {

.intercom {
    height: auto;
    width: 370px;
    border-radius: 10px;
    box-shadow: 0 0 40px rgba(0,146,255,.3);
    position: fixed;
    right: 20px;
    bottom: 100px
} }

.intercom--is-active {
    pointer-events: auto;
  }

.intercom header {
    color: white;
    padding: 40px;
    background-color: #03a1ff;
  }

@media (min-width: 767px) {

.intercom header {
      border-top-left-radius: 10px;
      border-top-right-radius: 10px
  } }

.intercom header img {
      width: 50px;
      margin-bottom: 1rem;
    }

.intercom header h1 {
      margin-bottom: .5rem;
      font-weight: 600;
    }

.intercom header p {
      color: white;
    }

.intercom section {
    padding: 2rem;
  }

.intercom section h2 {
      margin-bottom: 1rem;
    }

.case-study__hero {
    color: white;
    height: auto;
    padding: 5rem 0;
    display: flex;
    align-items: center;
  }

@media (min-width: 767px) {

.case-study__hero {
      padding: 10rem 0 5rem 0
  } }

@media (min-width: 992px) {

.case-study__hero {
      height: 50vw
  } }

.case-study__hero .content {
      width: 100%;
      display: flex;
    }

.case-study__hero__content {
      height: auto;
      padding: 0;
    }

@media (min-width: 767px) {

.case-study__hero__content {
        padding: 0 1rem
    } }

@media (min-width: 1200px) {

.case-study__hero__content {
        width: 75%
    } }

.case-study__hero__content h3 {
        margin-bottom: .5rem;
      }

.case-study__hero__content h1 {
        margin-bottom: 2rem;
      }

.case-study__client {
    padding: 2rem 0;
  }

@media (min-width: 767px) {

.case-study__client {
      padding: 3rem 0
  } }

@media (min-width: 992px) {

.case-study__client {
      padding: 3rem 0
  } }

.case-study__client__content {
      padding: 0 1rem;
      display: flex;
      flex-direction: row;
      align-items: center;
    }

@media (max-width: 599px) {

.case-study__client__content {
        flex-direction: column;
        padding: 0 1rem 1.5rem 1rem
    } }

.case-study__client__logo {
      min-width: 150px;
    }

@media (max-width: 599px) {

.case-study__client__logo {
        width: 200px;
        margin: 0 auto 1rem auto
    } }

@media (min-width: 767px) {

.case-study__client__logo {
        margin-right: 2rem
    } }

@media (min-width: 992px) {

.case-study__client__logo {
        margin-right: 4rem
    } }

.case-study__client__body {
      color: white;
      width: auto;
    }

.case-study__overview {
    margin: 2rem auto 0 auto;
  }

.case-study__overview__content {
      margin: 0;
      display: flex;
      flex-direction: column;
    }

@media (min-width: 767px) {

.case-study__overview__content {
        margin: 0 1rem;
        flex-direction: row;
        justify-content: space-between
    } }

.case-study__overview__col {
      width: 100%;
    }

@media (min-width: 767px) {

.case-study__overview__col {
        width: 31%
    } }

.case-study__overview__col h4 {
        margin: 2rem 0 1rem 0;
      }

.case-study__platforms-and-technologies__content {
      height: 100%;
      width: 100%;
      margin: 4rem 0;
      border: 1px solid #e2e9ed;
      display: flex;
      flex-direction: column;
      align-items: stretch;
    }

@media (min-width: 767px) {

.case-study__platforms-and-technologies__content {
        flex-direction: row
    } }

.case-study__platforms-and-technologies__content:hover .case-study__icon {
          -webkit-filter: grayscale(0%);
                  filter: grayscale(0%);
        }

.case-study__platforms-and-technologies__col {
      text-align: center;
      padding: 1.5rem;
    }

@media (min-width: 767px) {

.case-study__platforms-and-technologies__col {
        width: 33.33%
    } }

@media (min-width: 992px) {

.case-study__platforms-and-technologies__col {
        padding: 2rem
    } }

.case-study__platforms-and-technologies__col:first-child {
        background-color: #fafafa;
      }

.case-study__platforms-and-technologies__col:first-child strong {
          margin: 0;
        }

.case-study__platforms-and-technologies__col strong {
        margin-bottom: 1rem;
        display: block;
      }

.case-study__platforms-and-technologies__col .case-study__icon {
        margin: 0 .5rem;
      }

.case-study__testimonial {
    margin-bottom: 2rem;
  }

.case-study__testimonial__content {
      text-align: center;
      width: 100%;
      padding: 2rem;
      display: flex;
      flex-direction: column;
      align-items: center;
      background-color: #fafafa;
    }

@media (min-width: 767px) {

.case-study__testimonial__content {
        text-align: left;
        padding: 2rem;
        flex-direction: row
    } }

.case-study__testimonial__content strong {
        margin-top: 0.5rem;
        display: block;
      }

.case-study__testimonial__avatar {
      /* height: 100px; */
      width: 100px;
      border-radius: 50%;
      margin-right: 0rem;
      margin-bottom: 1.5rem;
    }

@media (min-width: 767px) {

.case-study__testimonial__avatar {
        margin-right: 2rem;
        margin-bottom: 0
    } }

.case-study__gallery {
    margin: 0;
  }

.case-study__gallery__phone-portrait {
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-items: center;
      align-items: center;
    }

@media (min-width: 992px) {

.case-study__gallery__phone-portrait {
        flex-direction: row
    } }

.case-study__gallery__phone-portrait__col {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
      }

@media (min-width: 767px) {

.case-study__gallery__phone-portrait__col {
          width: 33.33%
      } }

.case-study__gallery__phone-portrait__col img {
          width: 67%;
          margin: 3rem 0;
          border: 1px solid #eee;
          border-radius: 28px;
        }

.case-study__gallery__tablet-portrait {
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-items: center;
      align-items: center;
    }

@media (min-width: 992px) {

.case-study__gallery__tablet-portrait {
        flex-direction: row
    } }

.case-study__gallery__tablet-portrait__col {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
      }

@media (min-width: 767px) {

.case-study__gallery__tablet-portrait__col {
          width: 50%
      } }

.case-study__gallery__tablet-portrait__col img {
          width: 67%;
          margin: 3rem 0;
          border: 1px solid #eee;
          border-radius: 8px;
        }

@media (min-width: 767px) {

.case-study__gallery__tablet-portrait__col img {
            margin: 6rem 0
        } }

.case-study__gallery__tablet-landscape {
      height: 60vw;
      background-size: 95%;
    }

@media (min-width: 992px) {

.case-study__gallery__tablet-landscape {
        background-size: 86%;
        height: 50vw
    } }

.case-study__gallery__tablet-landscape img {
        width: 90%;
      }

@media (min-width: 992px) {

.case-study__gallery__tablet-landscape img {
          width: 77%
      } }

.case-study__gallery__laptop {
      height: 75vw;
      background-size: 115%;
      background-position: center;
    }

@media (min-width: 767px) {

.case-study__gallery__laptop {
        background-size: 100%;
        height: 60vw
    } }

.case-study__gallery__laptop img {
        width: 80%;
      }

@media (min-width: 992px) {

.case-study__gallery__laptop img {
          width: 66%
      } }

.case-study__gallery__2up-images {
      width: 100%;
      margin: 0 1rem;
      display: flex;
      flex-direction: column;
    }

@media (min-width: 767px) {

.case-study__gallery__2up-images {
        flex-direction: row
    } }

.case-study__gallery__2up-images__col {
        width: 100%;
        margin-bottom: 1rem;
      }

@media (min-width: 767px) {

.case-study__gallery__2up-images__col {
          width: 50%
      } }

.case-study__preview--large {
      height: 400px;
    }

@media (min-width: 767px) {

.case-study__preview--large {
        height: 350px
    } }

@media (min-width: 992px) {

.case-study__preview--large {
        height: 500px
    } }

@media (min-width: 1200px) {

.case-study__preview--large {
        height: 600px
    } }

.case-study__preview--large__content {
        height: 100%;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
      }

@media (min-width: 767px) {

.case-study__preview--large__content {
          flex-direction: row;
          justify-content: space-between
      } }

.case-study__preview--large__text {
        width: 100%;
      }

@media (min-width: 767px) {

.case-study__preview--large__text {
          width: 60%
      } }

.case-study__preview--large__text h1 {
          color: white;
          margin-bottom: 2rem;
        }

.case-study__preview--large__text h3 {
          color: white;
          margin-bottom: .5rem;
        }

.case-study__preview--large__logo {
        width: 30%;
        display: none;
      }

@media (min-width: 767px) {

.case-study__preview--large__logo {
          display: block
      } }

.case-study__preview--medium {
      height: 350px;
      display: flex;
    }

@media (min-width: 767px) {

.case-study__preview--medium {
        height: 450px
    } }

@media (min-width: 992px) {

.case-study__preview--medium {
        height: 450px
    } }

@media (min-width: 1200px) {

.case-study__preview--medium {
        height: 450px
    } }

.case-study__preview--medium__content {
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
      }

.case-study__preview--medium__text {
        width: 90%;
      }

.case-study__preview--medium__text h2 {
          color: white;
          margin-bottom: 2rem;
        }

.case-study__preview--medium__text h1, .case-study__preview--medium__text h4 {
          color: white;
          margin-bottom: 1rem;
        }

.case-study__preview--small {
      height: 300px;
    }

@media (min-width: 767px) {

.case-study__preview--small {
        height: 360px
    } }

.case-study__preview--small__content {
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
      }

.case-study__preview--small__text h4 {
          color: white;
          margin-bottom: .5rem;
        }

.case-study__preview--small__text h3 {
          color: white;
          margin-bottom: 1.5rem;
        }

.case-study__icons {
    display: flex;
    align-items: center;
  }

.case-study__icon {
    display: inline-block;
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
    transition: all .05s linear;
  }

.case-study__icon--platform,
    .case-study__icon--technology,
    .case-study__icon--partnership {
      height: 35px;
      width: 35px;
      background-size: 35px;
      background-position: center;
      background-repeat: no-repeat;
      margin-right: 20px;
    }

.case-study__icon--platforms {
      display: flex;
      align-items: center;
    }

.case-study__icon--technologies {
      border-left: 1px solid white;
      padding-left: 1rem;
      display: flex;
      align-items: center;
    }

.case-study__icon--partnerships {
      display: flex;
      align-items: center;
      padding-left: 20px;
      border-left: 1px solid white;
    }

/* Platforms */

.android {background-image: url('./images/case-study/icons/platform/android.svg');}

.android-white {background-image: url('./images/case-study/icons/platform/android-white.svg');}

.apple {background-image: url('./images/case-study/icons/platform/apple.svg');}

.apple-white {background-image: url('./images/case-study/icons/platform/apple-white.svg');}

.roku {background-image: url('./images/case-study/icons/platform/roku.svg');}

.roku-white {background-image: url('./images/case-study/icons/platform/roku-white.svg');}

/* Technologies */

.apigee {background-image: url('./images/case-study/icons/technology/apigee.svg');}

.apigee-white {background-image: url('./images/case-study/icons/technology/apigee-white.svg');}

.aws {background-image: url('./images/case-study/icons/technology/aws.svg');}

.aws-white {background-image: url('./images/case-study/icons/technology/aws-white.svg');}

.docker {background-image: url('./images/case-study/icons/technology/docker.svg');}

.docker-white {background-image: url('./images/case-study/icons/technology/docker-white.svg');}

.google-cloudPlatform {background-image: url('./images/case-study/icons/technology/google-cloudPlatform.svg');}

.google-cloudPlatform-white {background-image: url('./images/case-study/icons/technology/google-cloudPlatform-white.svg');}

.heroku {background-image: url('./images/case-study/icons/technology/heroku.svg');}

.heroku-white {background-image: url('./images/case-study/icons/technology/heroku-white.svg');}

.kotlin {background-image: url('./images/case-study/icons/technology/kotlin.svg');}

.kotlin-white {background-image: url('./images/case-study/icons/technology/kotlin-white.svg');}

.salesforce {background-image: url('./images/case-study/icons/technology/salesforce.svg');}

.salesforce-white {background-image: url('./images/case-study/icons/technology/salesforce-white.svg');}

.sap {background-image: url('./images/case-study/icons/technology/sap.svg');}

.sap-white {background-image: url('./images/case-study/icons/technology/sap-white.svg');}

.swift {background-image: url('./images/case-study/icons/technology/swift.svg');}

.swift-white {background-image: url('./images/case-study/icons/technology/swift-white.svg');}

.react {background-image: url('./images/case-study/icons/technology/react.svg');}

.react-white {background-image: url('./images/case-study/icons/technology/react-white.svg');}

.researchKit {background-image: url('./images/case-study/icons/technology/researchKit.svg');}

.researchKit-white {background-image: url('./images/case-study/icons/technology/researchKit-white.svg');}

.zebra {background-image: url('./images/case-study/icons/technology/zebra.svg');}

.zebra-white {background-image: url('./images/case-study/icons/technology/zebra-white.svg');}

/* Partnerships */

.apple {background-image: url('./images/case-study/icons/partnerships/apple.svg');}

.apple-white {background-image: url('./images/case-study/icons/partnerships/apple-white.svg');}

.google {background-image: url('./images/case-study/icons/partnerships/google.svg');}

.google-white {background-image: url('./images/case-study/icons/partnerships/google-white.svg');}

.articles {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-wrap: wrap;
  // border: 1px solid red;
}

@media (min-width: 767px) {

.articles {
    flex-direction: row
} }

.articles:after {
    content: "";
    flex: auto;
  }

.article {
  width: 100%;
  display: flex;
  // border: 1px solid red;
}

@media (min-width: 767px) {

.article {
    width: calc(95%/2)
} }

@media (min-width: 992px) {

.article {
    width: calc(95%/3)
} }

@media (min-width: 992px) {

.article:last-child {
      margin-left: 2.5%
  } }

.article__thumbnail {
    width: 100%;
    display: flex;
    flex-direction: column;
  }

@media (max-width: 599px) {

.article__thumbnail .h3 {
        border-top: 1px solid #e2e9ed;
        padding-top: 2rem
    } }

.article__thumbnail a {
      color: #596278;
      margin-top: auto;
    }

.article__thumbnail .categories {
      margin-bottom: 1rem;
    }

.article__thumbnail .image {
      margin-bottom: 2rem;
    }

.article-content {
  max-width: 900px;
  display: flex;
  flex-direction: column;
}

@media (min-width: 767px) {

.article-content {
    flex-direction: row
} }

.article-content__aside {
    width: 100px;
  }

@media (max-width: 599px) {

.article-content__aside {
      order: 2
  } }

.article-content__aside__icon {
      margin-bottom: 1rem;
      display: block;
    }

@media (max-width: 599px) {

.article-content__aside__icon {
        margin-top: 3rem;
        display: inline-block
    } }

.article-content__aside__icon img {
        height: 25px;
        width: auto;
        opacity: .65;
      }

@media (max-width: 599px) {

.article-content__aside__icon img {
          height: 35px
      } }

.article-content__main {
    width: 100%;
  }

@media (max-width: 599px) {

.article-content__main {
      order: 1
  } }

.article-content__main blockquote {
      color: #596278;
      font-weight: 500;
      font-size: 1.333em;
      line-height: 1.4;
      margin: 2rem 1rem;
    }

@media (min-width: 767px) {

.article-content__main blockquote {
        margin: 4rem
    } }

.article-content__main blockquote p {
        color: #596278;
      }

.article-content__main__image-title {
      color: #9399a7;
      font-size: .9em;
    }

.article-content__main ul {
      margin: 1.5rem 0;
      padding: 0 0 0 1rem;
    }

.article-content__main ul li {
        color: #9399a7;
        padding: .25rem 0;
      }

.solutions {
  margin-bottom: 3rem;
  display: flex;
  flex-direction: column;
}

@media (min-width: 767px) {

.solutions {
    margin-bottom: 8rem;
    flex-direction: row
} }

.solution {
  width: 100%;
  display: flex;
  flex-direction: column;
  border: 1px solid #e2e9ed;
  transition: all .1s ease-out;
}

@media (min-width: 767px) {

.solution {
    flex-direction: row
} }

.solution:hover {
    border: 1px solid #03a1ff;
  }

.solution:first-child {
    margin-bottom: 1rem;
  }

@media (min-width: 767px) {

.solution:first-child {
      margin-right: .5rem;
      margin-bottom: 0rem
  } }

@media (min-width: 767px) {

.solution:last-child {
      margin-left: .5rem
  } }

.solution__copy {
    padding: 1.5rem;
  }

@media (min-width: 767px) {

.solution__copy {
      width: 60%;
      padding: 2rem
  } }

.solution__image {
    display: none;
  }

@media (min-width: 767px) {

.solution__image {
      height: auto;
      width: 40%;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      display: flex;
      background-color: #fafafa
  } }

.solution__title {
    margin: 0 0 .5rem 0;
  }

.solution__subtitle {
    color: #596278;
  }

.aa-sections-nav {
  margin-bottom: 3rem;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (min-width: 767px) {

.aa-sections-nav {
    flex-direction: row;
    margin-top: 8rem;
    margin-bottom: 6rem
} }

.aa-section-nav {
  width: 100%;
  margin-bottom: 1rem;
  border: 1px solid #e2e9ed;
  transition: all .1s ease-out;
}

@media (min-width: 767px) {

.aa-section-nav {
    width: 31.5%;
    margin-bottom: 2vw
} }

.aa-section-nav:hover {
    cursor: pointer;
    border: 1px solid #03a1ff;
  }

.aa-section-nav:hover .aa-section-nav__title i {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
      transition: -webkit-transform .2s ease-in-out;
      transition: transform .2s ease-in-out;
      transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    }

.aa-section-nav__content {
    padding: 1.25rem;
  }

.aa-section-nav__icon {
    width: 30px;
    float: left;
    margin-right: 1rem;
  }

.aa-section-nav__title {
    color: #03a1ff;
    margin: 0 0 1rem 0;
  }

.aa-section-nav__title i {
      font-size: .8em;
      font-weight: 500;
      float: right;
      transition: -webkit-transform .2s ease-in-out;
      transition: transform .2s ease-in-out;
      transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    }

.aa-section-nav__subtitle {
    color: #596278;
  }

.aa-section {
  padding: 3rem 0;
  border-bottom: 1px solid #e2e9ed;
}

@media (min-width: 767px) {

.aa-section {
    padding: 6rem 0
} }

.aa-section__content {
    display: flex;
    flex-direction: column;
  }

@media (min-width: 767px) {

.aa-section__content {
      flex-direction: row;
      align-items: center
  } }

@media (min-width: 767px) {

.aa-section__text {
      width: 40%
  } }

@media (min-width: 767px) {

.aa-section__image {
      width: 60%
  } }

.aa-section__icon {
    width: 40px;
    margin-right: 1rem;
    float: left;
    position: relative;
    top: 5px;
  }

.aa-section__title {
    color: #03a1ff;
    margin-top: 0;
  }

.aa-section__description {
    margin-bottom: 2rem;
  }

.aa-section__cta {
    color: white;
    font-weight: 600;
    padding: .75rem 1.5rem;
    border-radius: 1.5rem;
    background-color: #03a1ff;
    display: table;
  }

.enquiry-form {
  padding: 2rem 0;
  display: flex;
  flex-direction: column;
}

@media (min-width: 767px) {

.enquiry-form {
    padding: 4rem 0;
    flex-direction: row
} }

@media (min-width: 767px) {

.enquiry-form__text {
      width: 50%;
      margin-right: 1rem
  } }

@media (min-width: 767px) {

.enquiry-form__form {
      width: 50%;
      margin-left: 1rem
  } }

/* 3rd Party */

.content .nf-form-cont .nf-form-fields-required,
		.content .nf-form-cont .field-wrap .html-wrap .nf-field-label {
			display: none;
		}

.content .nf-form-cont .nf-field-label {
			font-size: .9em;
			margin: 1em 0 .25rem 0;
		}

.content .nf-form-cont textarea {
			height: 100px;
			width: 100%;
			border: 1px solid #e2e9ed;	
			border-radius: 4px;
			transition: all .15s ease-out;
		}

.content .nf-form-cont textarea:hover {
				border: 1px solid #b1c3cc;	
			}

.content .nf-form-cont textarea:focus {
				border: 1px solid #03a1ff;
			}

.content .nf-form-cont .list-checkbox-wrap ul {
				margin: 0;
				padding: 1rem 0;
				list-style: none;
			}

.content .nf-form-cont .list-checkbox-wrap ul li {
					font-size: .9em;
					padding: .25rem 0;
					display: flex;
					align-items: center;
				}

.content .nf-form-cont .list-checkbox-wrap ul li label {
						margin: 0!important;
					}

.content .nf-form-cont .list-checkbox-wrap input[type=checkbox] {
				all: unset;
				margin-right: 1rem;
				border: 1px solid #e2e9ed;
				border-radius: 1.5rem;
				height: 1.75rem;
				width: 1.75rem;
				float: left;
			}

.content .nf-form-cont .list-checkbox-wrap input[type=checkbox]:hover {
					cursor: pointer!important;
					border: 1px solid #b1c3cc;
				}

.content .nf-form-cont .list-checkbox-wrap input[type=checkbox]:checked:after {
						color: #03a1ff;
						font-family: "Font Awesome 5 Pro";
						content: "\f00c";
						font-weight: 900;
						position: relative;
						left: 9px;
						top: 3px;
					}

.content .nf-form-cont .submit-wrap {
			color: white!important;
		}

.content .nf-form-cont .submit-wrap input {
				color: white!important;
				width: auto;
				margin-top: 1rem;
				padding: 1rem 2rem;
				border: none;
				border-radius: 3px;
				background-color: #03a1ff;
				display: block;
			}

.content .nf-form-cont .submit-wrap input:hover {
					cursor: pointer;
				}

.content .nf-form-cont .nf-form-hp {
			display: none;
		}

.content .nf-form-cont ul.nf-next-previous {
			margin: 1.5rem 0 0 0!important;
		}

.content .nf-form-cont .nf-previous-item input {
				color: #03a1ff;
				padding: 15px 0;
				border: none;
				background: none;
			}

.content .nf-form-cont .nf-previous-item input:hover {
					text-decoration: underline;
					cursor: pointer;
				}

.content .nf-form-cont .nf-next-item input {
				color: white;
				text-align: center;
				padding: 1rem 2rem;
				border: none;
				border-radius: 3px;
				background-color: #03a1ff;
			}

.content .nf-form-cont .nf-next-item input:hover {
					cursor: pointer;
				}

.content .nf-form-cont .nf-error-msg {
			color: red;
			font-size: .85em;
			padding: .5rem 0;
			display: table;
		}

.content .nf-form-cont .nf-after-form-content {
			display: none;
		}