@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,700&display=swap);/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */

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

.hamburger:hover {
  opacity: 0.7;
}

.hamburger.is-active:hover {
  opacity: 0.7;
}

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

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

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

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

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

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

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

/*
   * 3DX
   */

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

.hamburger--3dx .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx .hamburger-inner::before,
.hamburger--3dx .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

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

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

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

/*
   * 3DX Reverse
   */

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

.hamburger--3dx-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r .hamburger-inner::before,
.hamburger--3dx-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

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

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

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

/*
   * 3DY
   */

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

.hamburger--3dy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy .hamburger-inner::before,
.hamburger--3dy .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

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

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

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

/*
   * 3DY Reverse
   */

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

.hamburger--3dy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r .hamburger-inner::before,
.hamburger--3dy-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

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

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

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

/*
   * 3DXY
   */

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

.hamburger--3dxy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy .hamburger-inner::before,
.hamburger--3dxy .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

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

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

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

/*
   * 3DXY Reverse
   */

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

.hamburger--3dxy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy-r .hamburger-inner::before,
.hamburger--3dxy-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

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

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

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

/*
   * Arrow
   */

.hamburger--arrow.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrow.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
   * Arrow Right
   */

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

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

/*
   * Arrow Alt
   */

.hamburger--arrowalt .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
   * Arrow Alt Right
   */

.hamburger--arrowalt-r .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
   * Arrow Turn
   */

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

.hamburger--arrowturn.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrowturn.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
   * Arrow Turn Right
   */

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

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

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

/*
   * Boring
   */

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

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

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

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

/*
   * Collapse
   */

.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Collapse Reverse
   */

.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse-r .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Elastic
   */

.hamburger--elastic .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

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

.hamburger--elastic .hamburger-inner::after {
  top: 20px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

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

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

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

/*
   * Elastic Reverse
   */

.hamburger--elastic-r .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

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

.hamburger--elastic-r .hamburger-inner::after {
  top: 20px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

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

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

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

/*
   * Emphatic
   */

.hamburger--emphatic {
  overflow: hidden;
}

.hamburger--emphatic .hamburger-inner {
  transition: background-color 0.125s 0.175s ease-in;
}

.hamburger--emphatic .hamburger-inner::before {
  left: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}

.hamburger--emphatic .hamburger-inner::after {
  top: 10px;
  right: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}

.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 {
  left: -80px;
  top: -80px;
  transform: translate3d(80px, 80px, 0) rotate(45deg);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic.is-active .hamburger-inner::after {
  right: -80px;
  top: -80px;
  transform: translate3d(-80px, 80px, 0) rotate(-45deg);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
   * Emphatic Reverse
   */

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

.hamburger--emphatic-r .hamburger-inner {
  transition: background-color 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r .hamburger-inner::before {
  left: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r .hamburger-inner::after {
  top: 10px;
  right: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}

.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 {
  left: -80px;
  top: 80px;
  transform: translate3d(80px, -80px, 0) rotate(-45deg);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic-r.is-active .hamburger-inner::after {
  right: -80px;
  top: 80px;
  transform: translate3d(-80px, -80px, 0) rotate(45deg);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
   * Minus
   */

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

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

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

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

/*
   * Slider
   */

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

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

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

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

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

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

/*
   * Slider Reverse
   */

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

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

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

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

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

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

/*
   * Spin
   */

.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

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

.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Spin Reverse
   */

.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin-r .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

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

.hamburger--spin-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Spring
   */

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

.hamburger--spring .hamburger-inner::before {
  top: 10px;
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring .hamburger-inner::after {
  top: 20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

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

.hamburger--spring.is-active .hamburger-inner::before {
  top: 0;
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--spring.is-active .hamburger-inner::after {
  top: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}

/*
   * Spring Reverse
   */

.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

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

.hamburger--spring-r .hamburger-inner::before {
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spring-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
}

.hamburger--spring-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Stand
   */

.hamburger--stand .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}

.hamburger--stand .hamburger-inner::before {
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand .hamburger-inner::after {
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand.is-active .hamburger-inner {
  transform: rotate(90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}

.hamburger--stand.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Stand Reverse
   */

.hamburger--stand-r .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}

.hamburger--stand-r .hamburger-inner::before {
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r .hamburger-inner::after {
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r.is-active .hamburger-inner {
  transform: rotate(-90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}

.hamburger--stand-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Squeeze
   */

.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze .hamburger-inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}

.hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}

.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Vortex
   */

.hamburger--vortex .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

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

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

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

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

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

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

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

/*
   * Vortex Reverse
   */

.hamburger--vortex-r .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

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

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

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

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

.hamburger--vortex-r.is-active .hamburger-inner::before,
.hamburger--vortex-r.is-active .hamburger-inner::after {
  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;
  transform: rotate(-90deg);
}

html,
body {
  padding: 0;
  margin: 0;
  background-color: #fff;
  overflow-x: hidden;
  min-height: 100vh;
}

img {
  max-width: 100%;
  height: auto;
}

/* Unresolved bug in webpack doesnt play nice with css2 versions of google font embeds, so using older version of the include
 * - rick.
 *    @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,700;1,300;1,400&display=swap');
 */

/* Taleo for some reason doesnt support OTF and WOFF2 font types, so have to exlude those if the ATS stylesheet
   we're generating....
 */

@font-face {
  font-family: "ITVReem";
  src: url(/fonts/itvreem-regular-webfont.eot?d27aafe31fad1aeff80ee4f7788a456e);
  /* IE9 Compat Modes */
  src: url(/fonts/itvreem-regular-webfont.eot?d27aafe31fad1aeff80ee4f7788a456e) format("embedded-opentype"), url(/fonts/itvreem-regular-webfont.svg?4c0d4ad12c80bd3037a285f3ac600039) format("svg"), url(/fonts/itvreem-regular-webfont.ttf?5cd32323fff426cb1ed6435eedb00011) format("truetype"), url(/fonts/itvreem-regular-webfont.woff?6143e8780fe30b3949bef8d11a0e6a60) format("woff");
  /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: "Montserrat", sans-serif;
  font-size: 17px;
  font-weight: 300;
  line-height: 1.4;
  color: #4b4b4b;
}

@media (max-width: 1300px) {
  body {
    font-size: 16px;
  }
}

.heading,
h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
  font-family: "ITVReem", sans-serif;
  line-height: 1.2;
  margin: 30px 0;
  font-weight: normal;
}

h1,
.h1 {
  font-size: 45px;
}

h2,
.h2 {
  font-size: 34px;
}

h3,
.h3 {
  font-size: 30px;
}

h4,
.h4 {
  font-size: 26px;
}

h5,
.h5 {
  font-size: 24px;
}

h6,
.h6 {
  font-size: 22px;
}

@media (max-width: 1099px) {
  h1,
  .h1 {
    font-size: 34px;
  }

  h2,
  .h2 {
    font-size: 30px;
  }

  h3,
  .h3 {
    font-size: 26px;
  }

  h4,
  .h4 {
    font-size: 24px;
  }

  h5,
  .h5 {
    font-size: 22px;
  }
}

p {
  margin: 0 0 20px;
}

ul,
ol {
  padding-left: 15px;
}

a {
  color: inherit;
  transition: 0.2s all;
  text-decoration: none;
}

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

p,
ul,
ol {
  margin: 0 0 20px;
}

blockquote {
  margin: 30px 0;
  padding: 0 0 0 30px;
  border-left: 10px solid #5bbbc6;
}

.wysiwyg ul {
  list-style: none;
  padding: 0;
}

.wysiwyg ul li {
  padding-left: 30px;
  margin-bottom: 10px;
  position: relative;
}

.wysiwyg ul li:before {
  content: "";
  position: absolute;
  left: 4px;
  top: 7px;
  background-color: #5bbbc6;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.wysiwyg ol {
  list-style: none;
  padding: 0;
  counter-reset: item;
}

.wysiwyg ol li {
  counter-increment: item;
  padding-left: 30px;
  margin-bottom: 10px;
  position: relative;
}

.wysiwyg ol li:before {
  position: absolute;
  left: 0;
  top: 0;
  content: counter(item);
  color: #5bbbc6;
  display: inline-block;
  text-align: center;
  font-weight: bold;
  width: 15px;
}

.btn {
  border-radius: 15px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.16);
  background-color: #3c3c3c;
  border: 4px solid #3c3c3c;
  font-size: 20px;
  padding: 8px 30px 10px;
  margin: 10px 0 0;
  min-width: 160px;
  max-width: 100%;
  color: #fff;
  display: inline-block;
  text-decoration: none;
  font-family: "ITVReem", sans-serif;
  cursor: pointer;
  text-align: center;
}

@media (max-width: 600px) {
  .btn {
    font-size: 16px;
    padding: 6px 20px 7px;
  }
}

.btn:hover,
.btn:focus,
.btn:active {
  text-decoration: none;
  border-color: #000;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.36);
}

.btn.sm {
  font-size: 16px;
  padding-left: 15px;
  padding-right: 15px;
}

.btn.xs {
  font-size: 16px;
  padding-left: 10px;
  padding-right: 10px;
}

.btn.white {
  background-color: #fff;
  border-color: #fff;
  color: #3c3c3c;
}

.btn.white:hover,
.btn.white:focus,
.btn.white:active {
  border-color: #3c3c3c;
}

.btn.khaki {
  color: #cdba4d;
}

.btn.khaki-bg {
  background-color: #cdba4d;
  border-color: #cdba4d;
  color: #3c3c3c;
}

.btn.khaki-bg:hover,
.btn.khaki-bg:focus,
.btn.khaki-bg:active {
  border-color: #3c3c3c;
}

.btn.teal {
  color: #5bbbc6;
}

.btn.teal-bg {
  background-color: #5bbbc6;
  border-color: #5bbbc6;
  color: #3c3c3c;
}

.btn.teal-bg:hover,
.btn.teal-bg:focus,
.btn.teal-bg:active {
  border-color: #3c3c3c;
}

.btn.orange {
  color: #f2ad3d;
}

.btn.orange-bg {
  background-color: #f2ad3d;
  border-color: #f2ad3d;
  color: #3c3c3c;
}

.btn.orange-bg:hover,
.btn.orange-bg:focus,
.btn.orange-bg:active {
  border-color: #3c3c3c;
}

.btn.plum {
  background-color: #a80060;
  border-color: #a80060;
  color: #fff;
}

.btn.plum:hover,
.btn.plum:focus,
.btn.plum:active {
  border-color: #3c3c3c;
}

.wysiwyg A {
  text-decoration: underline;
  color: #a80060;
  font-weight: bold;
}

.wysiwyg a.btn {
  text-decoration: none;
}

.wysiwyg TABLE {
  border: 3px solid #999999;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

.wysiwyg TD {
  padding: 8px;
  border: 1px solid #999999;
  vertical-align: top;
}

.wysiwyg TH {
  padding: 8px;
  border: 1px solid #999999;
  text-align: left;
}

.wysiwyg .wrapfix {
  overflow-wrap: anywhere;
}

.screenreader-only {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -999;
}

a.skip-main {
  left: -999px;
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -999;
  transition: none;
}

a.skip-main:focus,
a.skip-main:active {
  color: #fff;
  background-color: #000;
  left: auto;
  top: auto;
  width: 30%;
  height: auto;
  overflow: auto;
  margin: 10px 35%;
  padding: 5px;
  border-radius: 15px;
  border: 4px solid #f2ad3d;
  text-align: center;
  font-size: 1.2em;
  z-index: 999;
}

.page--cookies .content-w-sidebar__main {
  width: 100% !important;
}

.container {
  width: 100%;
  max-width: 1220px;
  padding-left: 60px;
  padding-right: 60px;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

@media (max-width: 800px) {
  .container {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.container.fw {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.container.lg {
  max-width: 1720px;
}

.container.sm {
  max-width: 986px;
}

.header--ats,
.header--ats * {
  box-sizing: border-box;
}

.footer--ats,
.footer--ats * {
  box-sizing: border-box;
}

.hero {
  box-sizing: border-box;
}

.header--ats {
  z-index: 100;
  position: relative;
  left: 0;
  width: 100%;
}

.header--ats:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #3c3c3c;
  opacity: 1;
  z-index: 2;
  transition: all 0.5s;
}

.header--ats__inner {
  position: relative;
  padding: 0 40px;
  height: 130px;
  z-index: 3;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 600px) {
  .header--ats__inner {
    height: 100px;
    padding: 0 30px;
  }
}

.header--ats__logo {
  height: 39px;
  width: auto;
  display: block;
}

.header--ats__nav {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  border-top: 173px solid #3c3c3c;
  z-index: 1;
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.5s all;
}

@media (max-width: 600px) {
  .header--ats__nav {
    border-top: 100px;
  }
}

.header--ats__nav.expanded {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

.header--ats__nav__inner {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media (max-width: 600px) {
  .header--ats__nav__inner {
    width: 100%;
    padding-top: 80px;
    justify-content: flex-start;
  }
}

.header--ats__nav__inner__btn-wrapper {
  width: 75%;
  padding: 15px 0;
}

@media (max-width: 1300px) {
  .header--ats__nav__inner__btn-wrapper {
    width: 70%;
  }
}

@media (max-width: 600px) {
  .header--ats__nav__inner__btn-wrapper {
    width: 100%;
    padding: 0 30px;
  }
}

.header--ats__nav__inner__btn-wrapper .btn {
  margin: 0;
}

.header--ats__nav__inner > ul {
  width: 75%;
  height: auto;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 30px;
  font-family: "ITVReem", sans-serif;
  color: #3c3c3c;
}

@media (max-width: 1300px) {
  .header--ats__nav__inner > ul {
    width: 70%;
  }
}

@media (max-width: 1099px) {
  .header--ats__nav__inner > ul {
    font-size: 24px;
  }
}

@media (max-width: 600px) {
  .header--ats__nav__inner > ul {
    width: 100%;
    padding: 30px 30px 10px;
    font-size: 22px;
  }
}

.header--ats__nav__inner > ul > li {
  margin: 12px 0;
}

.header--ats__nav__inner > ul > li a {
  outline: none;
}

.header--ats__nav__inner > ul > li ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 17px;
  font-family: "Montserrat", sans-serif;
}

@media (max-width: 1300px) {
  .header--ats__nav__inner > ul > li ul {
    font-size: 16px;
  }
}

@media (max-width: 600px) {
  .header--ats__nav__inner > ul > li ul {
    font-size: 15px;
  }
}

.header--ats__nav__inner > ul > li ul li {
  position: relative;
  display: inline-block;
  padding: 0 20px 0 0;
}

.header--ats__nav__inner > ul > li ul li:not(:nth-last-child(1)):after {
  content: "/";
  position: absolute;
  right: 5px;
  top: 4px;
  font-size: 16px;
}

@media (max-width: 600px) {
  .header--ats__nav__inner > ul > li ul li:not(:nth-last-child(1)):after {
    font-size: 12px;
    right: 6px;
    top: 4px;
  }
}

.header--ats__mobile-label {
  display: inline-block;
  cursor: pointer;
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}

@media (max-width: 600px) {
  .header--ats__mobile-label {
    right: 28px;
  }
}

.header--ats__mobile-label .hamburger {
  padding: 2px 0 0;
}

@media (max-width: 600px) {
  .header--ats__mobile-label .hamburger {
    padding: 0;
  }
}

.header--ats__mobile-label .hamburger:focus .hamburger-inner,
.header--ats__mobile-label .hamburger:focus .hamburger-inner:before,
.header--ats__mobile-label .hamburger:focus .hamburger-inner:after {
  box-shadow: 0px 0px 5px 0px white;
}

.header--ats__mobile-label .hamburger:not(.is-active) .hamburger-inner:before {
  top: -14px;
}

.header--ats__mobile-label .hamburger:not(.is-active) .hamburger-inner:after {
  bottom: -14px;
}

.header--ats__mobile-label .hamburger:hover,
.header--ats__mobile-label .hamburger:active,
.header--ats__mobile-label .hamburger:focus {
  opacity: 1;
  outline: none;
}

.header--ats__mobile-label .hamburger .hamburger-label {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  padding-right: 8px;
  position: relative;
  top: -2px;
}

@media (max-width: 600px) {
  .header--ats__mobile-label .hamburger .hamburger-label {
    display: none;
  }
}

.header--ats__mobile-label .hamburger .hamburger-box {
  top: 2px;
  height: 34px;
}

.header--ats__mobile-label .hamburger .hamburger-box .hamburger-inner,
.header--ats__mobile-label .hamburger .hamburger-box .hamburger-inner:before,
.header--ats__mobile-label .hamburger .hamburger-box .hamburger-inner:after {
  background-color: #fff;
  border-radius: 0;
}

@media (max-width: 600px) {
  .header--ats__mobile-label .hamburger .hamburger-box .hamburger-inner,
  .header--ats__mobile-label .hamburger .hamburger-box .hamburger-inner:before,
  .header--ats__mobile-label .hamburger .hamburger-box .hamburger-inner:after {
    width: 35px;
  }
}

.header--ats .hamburger-checkbox {
  position: absolute;
  opacity: 0;
  left: -100px;
  overflow: hidden;
}

.header--ats .hamburger-checkbox:checked + .header--ats__mobile-label .hamburger-box .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.header--ats .hamburger-checkbox:checked + .header--ats__mobile-label .hamburger-box .hamburger-inner:before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}

.header--ats .hamburger-checkbox:checked + .header--ats__mobile-label .hamburger-box .hamburger-inner:after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.header--ats .hamburger-checkbox:checked + .header--ats__mobile-label + .header--ats__nav {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

.header--ats .hamburger-checkbox:focus + .header__mobile-label {
  outline: -webkit-focus-ring-color auto 5px;
}

.footer--ats {
  background-color: #3c3c3c;
  color: #fff;
  padding: 50px 0;
}

@media (max-width: 600px) {
  .footer--ats {
    padding: 60px 0;
  }
}

.footer--ats__top {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}

@media (max-width: 600px) {
  .footer--ats__top {
    justify-content: flex-start;
  }
}

.footer--ats__top__col {
  width: 16.666%;
  padding-right: 60px;
}

@media (max-width: 1300px) {
  .footer--ats__top__col {
    width: 20%;
  }
}

@media (max-width: 1099px) {
  .footer--ats__top__col {
    width: 25%;
  }
}

@media (max-width: 800px) {
  .footer--ats__top__col {
    width: 33.333%;
  }
}

@media (max-width: 600px) {
  .footer--ats__top__col {
    width: 100%;
    margin-bottom: 40px;
  }
}

.footer--ats__top__col .heading,
.footer--ats__top__col h1,
.footer--ats__top__col .h1,
.footer--ats__top__col h2,
.footer--ats__top__col .h2,
.footer--ats__top__col h3,
.footer--ats__top__col .h3,
.footer--ats__top__col h4,
.footer--ats__top__col .h4,
.footer--ats__top__col h5,
.footer--ats__top__col .h5,
.footer--ats__top__col h6,
.footer--ats__top__col .h6 {
  font-weight: bold;
  margin-top: 0;
  color: #fff;
}

.footer--ats__top__col ul {
  list-style: none;
  padding-left: 0;
}

.footer--ats__top__col ul li a {
  color: #fff;
}

.footer--ats__top__col ul li a:hover {
  color: #fff;
}

.footer--ats__bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 80px;
  position: relative;
  padding-top: 30px;
  align-items: center;
}

@media (max-width: 600px) {
  .footer--ats__bottom {
    margin-top: 20px;
    padding-top: 60px;
  }
}

.footer--ats__bottom:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 60px;
  width: calc(100% - 120px);
  height: 2px;
  background-color: #fff;
}

@media (max-width: 800px) {
  .footer--ats__bottom:before {
    width: calc(100% - 60px);
    margin: 0 30px;
  }
}

.footer--ats__bottom__left {
  width: 50%;
}

@media (max-width: 1099px) {
  .footer--ats__bottom__left {
    width: 42%;
  }
}

@media (max-width: 800px) {
  .footer--ats__bottom__left {
    width: 100%;
    margin-bottom: 30px;
    text-align: center;
  }

  .footer--ats__bottom__left a {
    color: #fff;
  }

  .footer--ats__bottom__left a:hover {
    color: #fff;
  }
}

.footer--ats__bottom__right {
  width: 50%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

@media (max-width: 1099px) {
  .footer--ats__bottom__right {
    width: 58%;
  }
}

@media (max-width: 800px) {
  .footer--ats__bottom__right {
    width: 100%;
    flex-direction: column-reverse;
  }
}

.footer--ats__nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 15px;
}

.footer--ats__nav ul li {
  display: inline-block;
  position: relative;
  padding-right: 20px;
}

.footer--ats__nav ul li:not(:nth-last-child(1)):after {
  content: "|";
  position: absolute;
  right: 6px;
  top: 3px;
  font-size: 12px;
}

.footer--ats__nav ul li a {
  color: white !important;
}

.footer--ats__nav ul li a:hover {
  color: white !important;
}

.footer--ats__copyright {
  font-size: 15px;
  margin: 0;
}

.footer--ats__socials {
  list-style: none;
  padding: 0;
  margin: 0 0 0 10px;
}

@media (max-width: 800px) {
  .footer--ats__socials {
    margin: 0 0 30px;
  }
}

.footer--ats__socials li {
  display: inline-block;
  margin-left: 4px;
  position: relative;
}

@media (max-width: 1300px) {
  .footer--ats__socials li {
    margin-left: 0;
  }
}

.footer--ats__socials li .icon {
  display: block;
  height: 49px;
  width: 49px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.2s all;
  border: 2px solid #3c3c3c;
  border-radius: 50%;
}

.footer--ats__socials li .icon:hover,
.footer--ats__socials li .icon:focus {
  border-color: #000;
  background-color: #000;
}

.footer--ats__socials li .icon.instagram {
  background-image: url(/images/icon-instagram.svg?1c5cf1e720847d959f7cc70052553a02);
}

.footer--ats__socials li .icon.twitter {
  background-image: url(/images/icon-twitter.svg?c671c40cb0a6404a852bc3acb5662fde);
}

.footer--ats__socials li .icon.facebook {
  background-image: url(/images/icon-facebook.svg?4d2f44895375026fc554862cc71d1757);
}

.footer--ats__socials li .icon.linkedin {
  background-image: url(/images/icon-linkedin.svg?80298a78aa2cd6d2f3432b5ba345e8fc);
}

.footer--ats__socials li .icon.glassdoor {
  background-image: url(/images/icon-glassdoor.svg?ab22c8a34b2edeadfac9c0c6a3de3c6a);
}

.footer--ats__socials li .icon.youtube {
  background-image: url(/images/icon-youtube.svg?4146655986fbd1d07abf62bcaf7a4b49);
}

@media (max-width: 767px) {
  #header {
    display: none !important;
    visibility: hidden !important;
  }
}

/*
#header_settings {

  @media (max-width: $breakpoint-xs) {
    top: 100px!important
  }
} */

/* ============================================================================
 * hacks to hide taleo elements that repeat what we already have on the page:
 */

.footer_copyright,
#footer_content,
#footer {
  display: none;
}

body.mobile #header_settings {
  position: initial !important;
}

button.search_btn {
  min-height: unset;
}

.hamburger-inner > span.taleo-fix {
  display: none;
}

/* make social sourcing's main nav a bit more evenly sized. */

ul.main-nav {
  margin-bottom: 0 !important;
}

.hero {
  position: relative;
  height: 800px;
  max-height: 80vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 22px;
}

@media (max-width: 600px) {
  .hero {
    max-height: 10000px;
    min-height: 80vh;
    height: auto;
  }
}

.hero:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 250px;
  z-index: 1;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000);
}

.hero__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  font-family: "object-fit:cover";
  -o-object-fit: cover;
     object-fit: cover;
}

.hero__heading {
  font-size: 55px;
  color: #fff;
  margin: 0 0 10px;
}

@media (max-width: 800px) {
  .hero__heading {
    font-size: 45px;
  }
}

@media (max-width: 600px) {
  .hero__heading {
    margin-top: 130px;
  }
}

.hero__breadcrumbs {
  margin: 0;
  color: #fff;
}

.hero__breadcrumbs a {
  text-decoration: underline;
  color: inherit;
}

.hero__breadcrumbs a:hover,
.hero__breadcrumbs a:focus {
  text-decoration: none;
}

.hero .container {
  z-index: 2;
  position: relative;
}

.hero--sm {
  height: 500px;
}

@media (max-width: 600px) {
  .hero--sm {
    height: auto;
    min-height: 80vh;
  }
}

.hero--search {
  position: relative;
  height: 800px;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 150px;
}

@media (max-width: 600px) {
  .hero--search {
    padding-bottom: 120px;
    max-height: 10000px;
    height: auto;
    min-height: 100vh;
  }
}

.hero--search:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  background: radial-gradient(circle, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 100%);
}

.hero--search .container {
  z-index: 2;
  position: relative;
}

.hero--search__heading {
  color: #fff;
  margin: 60px 0;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

@media (max-width: 600px) {
  .hero--search__heading {
    margin: 130px 0 60px;
    font-size: 30px;
  }
}

.hero--search__form .field-container {
  position: relative;
  padding: 0;
  border: 0;
  width: 100%;
  max-width: 100%;
  height: 75px;
  margin: 0 0 20px;
}

@media (max-width: 600px) {
  .hero--search__form .field-container {
    height: 50px;
  }
}

.hero--search__form .field-container label {
  position: absolute;
  height: 0;
  width: 0;
  color: transparent;
  pointer-events: none;
}

.hero--search__form .field-container .field {
  width: 100%;
  height: 100%;
  padding: 0 56px;
  line-height: 75px;
  background: white;
  box-shadow: 0px 8px 15px rgba(60, 60, 60, 0.1);
  font-size: 30px;
  border-radius: 15px;
  border: 4px solid #fff;
  transition: 0.2s all;
}

@media (max-width: 600px) {
  .hero--search__form .field-container .field {
    line-height: 50px;
    font-size: 20px;
    padding: 0 20px;
  }
}

.hero--search__form .field-container .field:hover,
.hero--search__form .field-container .field:focus {
  outline: none;
  border-color: #5bbbc6;
}

.hero--search__form .field-container .icons-container {
  position: absolute;
  top: 0;
  right: 0;
  width: 90px;
  height: 100%;
  overflow: hidden;
  border-radius: 0;
}

@media (max-width: 600px) {
  .hero--search__form .field-container .icons-container {
    width: 60px;
  }
}

.hero--search__form .field-container .icons-container .icon-search {
  position: relative;
  top: 0;
  left: 0;
  opacity: 1;
  color: transparent;
  height: 100%;
  width: 100%;
  background-image: url(/images/icon-search.svg?9a9f0bb4d678a38296a279e8f6f072de);
  background-size: 40% auto;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #707070;
  border-radius: 0;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border: none;
  cursor: pointer;
  transition: 0.2s all;
}

.hero--search__form .field-container .icons-container .icon-search:hover,
.hero--search__form .field-container .icons-container .icon-search:focus {
  outline: none;
  background-color: #5bbbc6;
}

.hero--studios {
  height: 420px;
  padding-top: 130px;
  justify-content: center;
  align-items: center;
}

.hero--studios .hero__heading {
  text-align: center;
}

.hero--studios .hero__breadcrumbs {
  text-align: center;
}

/* fix for admin users of the social sourcing site */

#subnav_analytics * {
  color: black !important;
}