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






/* ==========================================================================
	00. anim-in-out
========================================================================== */

.anim-in-out.anim-in-setup.anim-fade,
.anim-in-out.anim-in-setup .anim-fade {
  opacity: 0;
}

.anim-in-out.anim-in.anim-fade,
.anim-in-out.anim-in .anim-fade {
  opacity: 1;
  -webkit-transition: all 500ms;
  transition: all 500ms;
}

.anim-in-out.anim-out-setup.anim-fade,
.anim-in-out.anim-out-setup .anim-fade {
  opacity: 1;
  -webkit-transition: all 500ms;
  transition: all 500ms;
}

.anim-in-out.anim-out.anim-swap,
.anim-in-out.anim-out .anim-swap {
  display: none;
}

.anim-in-out.anim-out.anim-fade,
.anim-in-out.anim-out .anim-fade {
  opacity: 0;
  -webkit-transition: all 500ms;
  transition: all 500ms;
}







/* ==========================================================================
	00. KEYFRAMES
========================================================================== */

/* fadeIn */

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

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

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation: fadeIn 900ms cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: fadeIn 900ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* fadeOut */

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

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

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
  -webkit-animation: fadeOut 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: fadeOut 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* fadeInOut */

@-webkit-keyframes fadeInOut {
  0% {
    opacity: 0;
    z-index: 0;
  }
  30% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    z-index: -1;
    visibility: hidden;
  }
}

@keyframes fadeInOut {
  0% {
    opacity: 0;
    z-index: 0;
  }
  30% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    z-index: -1;
    visibility: hidden;
  }
}

.fadeInOut {
  -webkit-transition: opacity 700ms;
  transition: opacity 700ms;
  -webkit-animation: fadeInOut 2300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: fadeInOut 2300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* blink */

@-webkit-keyframes blink {
  0% {
    opacity: .39;
  }
  50% {
    opacity: .91;
  }
  100% {
    opacity: .05;
  }
}

@keyframes blink {
  0% {
    opacity: .39;
  }
  50% {
    opacity: .91;
  }
  100% {
    opacity: .05;
  }
}

.blink {
  -webkit-animation-name: blink;
  -webkit-animation-duration: .5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-name: blink;
  animation-duration: .5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

/* infinite-anim */

@-webkit-keyframes infinite-anim {
  0% {
    -webkit-transform: translate3d(0, 0 0);
  }
  100% {
    -webkit-transform: translate3d(-50%, 0, 0);
  }
}

@keyframes infinite-anim {
  0% {
    transform: translate3d(0, 0 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}







/* ==========================================================================
	00. CYCLE
========================================================================== */

.cycle-slideshow,
.cycle-slideshow * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.cycle-slideshow {
  z-index: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  position: relative;
  font-size: 0;
  line-height: 0;
}

.cycle-slides {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.slideshow .slide {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.cycle-slide {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0s;
  transition: all 0s;
}

.cycle-slide:not(.cycle-slide-active) {
  opacity: 0 !important;
}

.---cycle-slide:not(.cycle-slide-active) {
  -webkit-transition: none 0s linear !important;
  -moz-transition: none 0s linear !important;
  -ms-transition: none 0s linear !important;
  -o-transition: none 0s linear !important;
  transition: none 0s linear !important;
}

.cycle-slide-active {
  opacity: 1 !important;
  visibility: visible !important;
  -webkit-transition: opacity 500ms ease-in-out 500ms;
  transition: opacity 500ms ease-in-out 500ms;
}

.figure--cycle.no-fade .cycle-slide-active {
  opacity: 1 !important;
  visibility: visible !important;
  -webkit-transition: opacity 0ms ease-in-out 0ms;
  transition: opacity 0ms ease-in-out 0ms;
}

.slideshow .slide {
  -webkit-transition: opacity 500ms ease-in-out 0ms;
  transition: opacity 500ms ease-in-out 0ms;
}

.cycle-slide img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0;
}

/* on ready */

.figure--cycle:not(.ready) .slide:not(.first) {
  display: none !important;
}

/* controls */

.cycle-controls {}

.cycle-controls {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 109;
}

.cycle-prev,
.cycle-next {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  z-index: 1;
  cursor: pointer;
  pointer-events: auto;
}

.cycle-prev {
  left: 0;
}

.cycle-next {
  right: 0;
}

.cycle-prev:hover,
.cycle-next:hover {}

.disabled {}

.no-touchevents.page-loaded .cycle-prev {
  cursor: w-resize;
}

.no-touchevents.page-loaded .cycle-next {
  cursor: e-resize;
}

/* cycle caption */

.cycle-caption.cycle-count {}

.cycle-count {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  text-align: center;
}

.cycle-count__container {
  position: relative;
  width: 100%;
  display: inline-block;
  vertical-align: top;
}

.cycle-count__wrap {
  display: inline-block;
  background-color: yellow;
  margin: 0 auto;
  vertical-align: top;
}

.cycle-count h6 {}

.cycle-count span {
  min-width: 20px;
  display: inline-block;
  vertical-align: top;
  margin: 0 auto;
}

.cycle-count span.slideNum {}
.cycle-count span.slash {}
.cycle-count span.slideCount {}

.cycle-overlay {}

/* cycle loader */

article.first-loaded .cycle-loader {
  display: none !important;
}

.cycle-loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 101;
  text-align: center;
  -webkit-transition: visibility 0s 0s, opacity 1s;
  transition: visibility 0s 0s, opacity 1s;
  cursor: progress !important;
}

.figure--cycle .cycle-loader {
  pointer-events: none;
}

.cycle-initialized .cycle-loader {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s 1s, opacity 500ms 625ms;
  transition: visibility 0s 1s, opacity 500ms 625ms;
  pointer-events: none;
}

.cycle-loader .tab {}
.cycle-loader .tab-cell {}

.cycle-loader h6 {
  color: white;
  mix-blend-mode: difference;
  display: none;
}





/* ==========================================================================
	00. Flickity v2.2.1
========================================================================== */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: none;
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */

/*
.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.99);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #f00;
}

.flickity-button:active {
  opacity: 0.99;
}

.flickity-button:disabled {
  opacity: 0.9;
  cursor: auto;
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}
*/

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
}

.flickity-prev-next-button svg {
  display: none !important;
}

.flickity-prev-next-button.previous {
  left: 0px;
  cursor: w-resize;
}

.flickity-prev-next-button.next {
  right: 0px;
  cursor: e-resize;
}

.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 0px;
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 0px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 0;
}

.flickity-rtl .flickity-page-dots {
  direction: rtl;
}

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  background: #111;
  border-radius: 50%;
  opacity: 0.5;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

/* count */

.gallery-count {
  width: 100%;
  position: relative;
  margin-top: 40px;
}

.gallery-count h6 {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.gallery-count h6 span {
  display: inline-block;
  text-align: center;
  min-width: 30px;
}

























/* ==========================================================================
	00. RESET
========================================================================== */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent;
}

main, article, aside, details, summary, figcaption, figure, footer, header, hgroup, menu, nav, section, img, svg, label, legend {
  display: block;
}

blockquote, cite {
  display: block;
}

address, caption, cite, code, dfn, th, var, strong, b, i, em {
  font-style: normal;
  font-weight: normal;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.svg, svg {
  display: block;
}

ul, li {
  list-style: none;
  font-weight: normal;
}

h1, h2, h3, h4, h5, h6, p, li {
  font-weight: normal;
}

q:before, q:after {
  content: "";
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

input, textarea, select, button {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  border: 0;
  border-radius: 0;
  line-height: normal;
}

a, a:hover, a:visited:hover, a:active, a:active:hover {
  outline: none;
}

a, a:hover, a:visited:hover, a:visited {
  text-decoration: none;
}

html ::selection {
  background: #fb4933;
  color: #111;
}

html ::-moz-selection {
  background: #fb4933;
  color: #111;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

:focus, input {
  outline: 0;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

button {
  border-radius: 0;
  padding: 0;
  margin: 0;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

.touchevents a,
.touchevents a:hover {
  -webkit-transition: none !important;
  transition: none !important;
}

a.absolute-link,
.article__link {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: auto;
  margin: 0 auto;
  z-index: 1;
}

a,
a:hover,
a:active,
a:visited {
  outline: 0;
}

a:focus {
  outline: none;
}

.p, a, button, input, li, p, select {
  font-size: inherit;
  text-decoration: none;
  letter-spacing: inherit;
  background-color: inherit;
  color: inherit;
}

ul, li {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul li {
  vertical-align: top;
}

img {
  border: none;
  outline: 0;
  vertical-align: bottom;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  outline: none;
  text-decoration: none;
}

img[width],
img[height] {
  max-width: none;
}

.img-holder img.contain {
  -o-object-fit: contain;
  object-fit: contain;
}

.img, img {
  opacity: 1;
  visibility: visible;
}

img,
.loading img {
  -webkit-transform-style: preserve-3d;
  -webkit-transform: translate3d(0, 0, 0);
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  perspective: 400;
}

img.img-fit {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.img,
.image {
  font-size: 0;
  line-height: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
}

.img--bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
}

.img.img--bg img {
  pointer-events: none !important;
  opacity: 0;
  visibility: hidden;
}

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.nav__container:after,
.header__container:after,
.section__container:after,
.article__container:after,
.figcaption__container:after,
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  font-size: 0;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 100%;
  height: 0;
  display: block;
  border: 0;
  border-top: 1px solid;
  border-color: rgba(0, 0, 0, 0.9);
  margin: 20px 0 19px;
  padding: 0;
}

hr.dark {
  border-color: rgba(0, 0, 0, 0.9);
}

.hr-0 {
  margin: 0 auto;
}

.hr-20 {
  margin: 10px 0 9px;
}

.hr-30 {
  margin: 15px 0 14px;
}

.hr-40 {
  margin: 20px 0 19px;
}

.hr-break {
  margin: 0;
  border: 0;
  height: 0;
  display: block;
  width: 100%;
  position: relative;
}

.tab-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
}

.tab {
  display: table;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}

.tab-cell {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

.hidden,
.remove-element,
.touchevents .remove-element--touch-only,
.no-touchevents .remove-element--desktop-only {
  display: none !important;
}

.invisible {
  visibility: hidden !important;
}

.no-point {
  pointer-events: none;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

.header__container,
.footer__container,
.section__container,
.article__container,
.figure__container,
.figcaption__container {
  width: 100%;
  max-width: 100%;
  position: relative;
  margin: 0 auto;
}

.nav__container,
.nav__wrapper,
.header__wrapper,
.footer__wrapper,
.section__wrapper,
.article__wrapper,
.figure__wrapper,
.figcaption__wrapper {
  width: 100%;
  max-width: 100%;
  position: relative;
  margin: 0 auto;
}

.inner-wrap {
  width: 100%;
  position: relative;
  margin: 0 auto;
  padding: 0;
}

.inner-wrap:before,
.inner-wrap:after {
  display: table;
  content: "";
  font-size: 0;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.inner-wrap:after {
  clear: both;
}

.text-wrap {
  width: 100%;
  position: relative;
}

#menu ul:before,
#menu ul:after {
  display: table;
  content: "";
  font-size: 0;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

#menu ul:after {
  clear: both;
}

.orientation-change,
.no-transition,
.resizing * {
  -webkit-transition: none 0s linear !important;
  -moz-transition: none 0s linear !important;
  -ms-transition: none 0s linear !important;
  -o-transition: none 0s linear !important;
  transition: none 0s linear !important;
}

.no-animation {
  -webkit-animation: none !important;
  -moz-animation: none !important;
  animation: none !important;
}

.not-local body,
.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.nowrap {
  white-space: nowrap;
}

@media (min-width: 1025px) {
.nowrap--desktop {
  white-space: nowrap;
}
}

.te,
.text-ellipsis {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.no-touchevents .loading,
.no-touchevents .loading * {
  cursor: progress !important;
}

.zero-height {
  height: 0;
  overflow: hidden;
  clear: both;
}

.fixed {
  position: fixed;
}

.no-overflow,
.clear {
  overflow: hidden;
}

.disable-hover,
.disable-hover * {
  pointer-events: none !important;
}

.full {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.fullscreen {
  position: relative;
  width: 100%;
  height: 100vh;
}

.divider {
  z-index: -1;
  width: 1px;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  background-color: rgba(0, 0, 0, 0.1);
  margin: 0 auto;
}

.black-background .divider,
.dark-background .divider {
  background-color: rgba(255, 255, 255, 0.1);
}

.underline {
  text-decoration: underline;
}

.transparent {
  background: none !important;
  background-color: none !important;
}

.border:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
  pointer-events: none;
}

.cut-out {
  visibility: hidden;
  opacity: 0;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}

.fade-out {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s 1s, opacity 1s;
  transition: visibility 0s 1s, opacity 1s;
}

.fade-in {
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0s 0s, opacity 1s;
  transition: visibility 0s 0s, opacity 1s;
}

.lazyload,
.lazyloading {
  opacity: 0;
}

.lazyloaded {
  opacity: 1;
  transition: opacity 300ms 150ms;
}

.black-text {
  color: black;
}

.white-text {
  color: white;
}

.translate-center {
  position: absolute;
  width: 100%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  top: 50%;
  left: 50%;
  text-align: center;
}

.translate-center.fixed {
  position: fixed;
}

@media (min-width: 1025px) {
.clamp h6 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 80px;
}
}

.calc {
  min-height: -webkit-calc(100vh - 60px);
  min-height: -moz-calc(100vh - 60px);
  min-height: calc(100vh - 60px);
}

.calc-padding-portrait {
  padding-bottom: -webkit-calc(150% + 30px) !important;
  padding-bottom: -moz-calc(150% + 30px) !important;
  padding-bottom: calc(150% + 30px) !important;
}

.visually-hidden,
.sr-only,
.screen-reader-text {
  position: absolute;
  overflow: hidden;
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: none;
  clip: rect(0 0 0 0);
}

.hide-text {
  text-indent: 200%;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
}

.section__group {
  position: relative;
}

.section__group:after {
  content: "";
  display: block;
  clear: both;
}

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

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

/* Print */

@media print {
* {
  background: transparent !important;
  color: #000 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  display: none !important;
}
}

@media only screen and (min-device-width: 300px) and (max-device-width: 500px) and (orientation: landscape) {}
@media (max-width: 1024px) and (min-width: 768px) {}
@media all and (max-width: 1600px) and (min-width: 1441px) {}
@media all and (max-width: 1440px) and (min-width: 1201px) {}
@media all and (max-width: 1200px) and (min-width: 1025px) {}
@media all and (max-width: 1024px) and (min-width: 768px) {}
@media only screen and (min-width: 1280px) {}
@media only screen and (min-width: 980px) and (max-width: 1279px) {}
@media only screen and (min-width: 768px) and (max-width: 1440px) {}
@media only screen and (min-width: 640px) and (max-width: 979px) {}
@media only screen and (max-width: 639px) {}
@media (min-width: 1280px) and (min-height: 700px) {}
@media (min-width: 1440px) and (min-height: 810px) {}
@media (min-width: 1440px) and (min-height: 910px) {}
@media (min-width: 1600px) and (min-height: 910px) {}
@media screen and (max-width: 1279px) and (min-width: 1025px) {}
@media (max-width: 1024px) and (min-width: 768px) {}
@media (min-width: 1280px) and (min-height: 810px) {}
@media (min-width: 1600px) and (min-height: 900px) {}

/* ==========================================================================
	00. Bootstrap
========================================================================== */

.container {
  width: 100%;
  position: relative;
  margin: 0 auto;
}

.container:before,
.container:after {
  content: "";
  display: table;
}

.container:after {
  clear: both;
}

.row {
  position: relative;
  margin-left: -20px;
  margin-right: -20px;
  margin: 0;
}

@media (min-width: 768px) {
.row.row--offset {
  margin-left: -10px;
  margin-right: -10px;
}
}

.row:before,
.row:after {
  content: "";
  display: table;
  clear: both;
}

.row:after {
  clear: both;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters .col,
.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col {
  position: relative;
  min-height: 1px;
}

@media (min-width: 768px) {
.col {
  display: inline-block;
  vertical-align: top;
  padding-left: 10px;
  padding-right: 10px;
  float: none;
}
}

.col__item {
  position: relative;
}

@media (max-width: 767px) {
.col {
  width: 100%;
  float: none;
}
}

@media (min-width: 768px) {
.col-8 {
  width: 8.333333%;
}

.col-12 {
  width: 12.5%;
}

.col-16 {
  width: 16.666667%;
}

.col-25 {
  width: 25%;
}

.col-33 {
  width: 33.333333%;
}

.col-41 {
  width: 41.666667%;
}

.col-50 {
  width: 50%;
}

.col-58 {
  width: 58.333333%;
}

.col-66 {
  width: 66.666667%;
}

.col-75 {
  width: 75%;
}

.col-83 {
  width: 83.333333%;
}

.col-91 {
  width: 91.666667%;
}

.col-100 {
  width: 100%;
}
}

@media (min-width: 768px) {
.push-8 {
  margin-left: 8.333333%;
}

.push-12 {
  margin-left: 12.5%;
}

.push-16 {
  margin-left: 16.666667%;
}

.push-25 {
  margin-left: 25%;
}

.push-33 {
  margin-left: 33.333333%;
}

.push-41 {
  margin-left: 41.666667%;
}

.push-50 {
  margin-left: 50%;
}

.push-58 {
  margin-left: 58.333333%;
}

.push-66 {
  margin-left: 66.666667%;
}
}

@media (min-width: 768px) {
.pull-8 {
  margin-right: 8.333333%;
}

.pull-12 {
  margin-right: 12.5%;
}

.pull-16 {
  margin-right: 16.666667%;
}

.pull-25 {
  margin-right: 25%;
}

.pull-33 {
  margin-right: 33.333333%;
}

.pull-41 {
  margin-right: 41.666667%;
}

.pull-50 {
  margin-right: 50%;
}

.pull-58 {
  margin-right: 58.333333%;
}

.pull-66 {
  margin-right: 66.666667%;
}
}










/* ==========================================================================
	00. dev helpers
========================================================================== */

/* cta */

.cta {
  position: relative;
  display: inline-block;
  vertical-align: top;
  background-color: #fdfdfe;
}

.cta h6 {
  text-transform: uppercase;
}

.cta a {
  display: block;
  padding: 5px 25px;
}

.cta a:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
  pointer-events: none;
}





/* ==========================================================================
	00. section table
========================================================================== */

.section--table {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 300px;
  text-align: center;
}

.section--table.fixed {
  position: fixed;
}

.section--table .section__container {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  margin: 0 auto;
  padding: 150px 0px;
  display: table;
}

@media (min-width: 768px) {
.section--table .section__container {
  background-color: inherit;
  padding-left: 40px;
  padding-right: 40px;
}
}

@media (max-width: 767px) {
.section--table .section__container {
  padding-left: 20px;
  padding-right: 20px;
  padding: 80px 20px;
}
}

.section--table .section__wrapper {
  width: 100%;
  margin: 0 auto;
  display: table-cell;
  vertical-align: middle;
}

.section--table .inner-wrap {
  max-width: 960px;
}
























/* ==========================================================================
	00. hamburger
========================================================================== */

.burger {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 103;
  pointer-events: none;
  text-transform: uppercase;
}

@media (min-width: 1025px) {
.burger {
  display: none;
}
}

.burger__wrap {
  position: relative;
  cursor: pointer;
  pointer-events: auto;
}

.burger__icon {
  display: block;
  position: absolute;
  top: 20px;
  right: 30px;
  width: 40px;
  height: 40px;
  z-index: 104;
  border-radius: 40px;
  background-color: #111;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05), 0 2px 5px 0 rgba(0, 0, 0, 0.05);
}

@media (max-width: 767px) {
.burger__icon {
  top: 10px;
  right: 10px;
}
}

/*
.mega-open .burger__icon {
  background-color: #a0bdca;
  -webkit-transition: background-color 250ms ease-in-out 250ms;
  transition: background-color 250ms ease-in-out 250ms;
}

.burger__icon span {
  display: block;
  width: 20px;
  height: 2px;
  transition: background-color 250ms ease-in-out 250ms;
  background-color: #a0bdca;
  position: absolute;
  left: 10px;
}

.mega-open .burger__icon span {
  background: white;
}

.burger__icon .line1 {
  top: 12px;
}

.burger__icon .line2 {
  top: 19px;
}

.burger__icon .line3 {
  top: 26px;
}

.burger__icon .line4 {
  display: none;
}
*/

/* thin line */

.burger__icon span {
  display: block;
  width: 20px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  left: 10px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform .25s ease-in-out, background .25s ease-in-out, opacity .25s ease-in-out, top .25s ease-in-out;
  transition: transform .25s ease-in-out, background .25s ease-in-out, opacity .25s ease-in-out, top .25s ease-in-out;
}

.burger__icon .line1 {
  top: 15px;
  top: 12px;
}

.burger__icon .line2 {
  top: 20px;
  top: 19px;
}

.burger__icon .line3 {
  top: 25px;
  top: 26px;
}

.burger__icon .line4 {
  display: none;
}

.mega-open .burger__icon .line1,
.mega-open .burger__icon .line3 {
  opacity: 0;
}

/* text */

.burger__text {
  position: absolute;
  top: 30px;
  left: 70px;
  padding: 0 10px;
  display: none;
}

@media (max-width: 767px) {
.burger__text {
  display: none;
}
}

.---burger__text h6:before {
  content: 'Menu';
}

.---burger__text h6 span {
  display: none;
}








.in-transit--from-mega #content {
  opacity: 0;
}

/* ==========================================================================
	00. mega
========================================================================== */

.mega-open .mega,
.mega-open #mega-background,
.section--mega nav {
  -webkit-transition: opacity 250ms ease-in-out 250ms;
  transition: opacity 250ms ease-in-out 250ms;
}

@media (max-width: 1024px) {
.mega-open #menu,
.mega-open .site-logo,
.mega-open #content,
.mega-open-delay #content {
  opacity: 0;
  -webkit-transition: opacity 125ms ease-in-out 0ms;
  transition: opacity 125ms ease-in-out 0ms;
}
}

.mega-open #menu,
.mega-open #content,
.mega-open-delay #menu,
.mega-open-delay #content {
  pointer-events: none;
}

/* fuck safari */

@media (min-width: 1025px) {
.safari .mega-open #content,
.safari .mega-open-delay #content {
  opacity: 0;
  -webkit-transition: opacity 250ms cubic-bezier(0.645, 0.045, 0.355, 1) 125ms;
  transition: opacity 250ms cubic-bezier(0.645, 0.045, 0.355, 1) 125ms;
}

.safari .mega-open #content {
  transition: -webkit-transform 0ms ease-out;
  transition: transform 0ms ease-out;
}
}

/* ==========================================================================
	00. section mega
========================================================================== */

.section--mega {
  display: none;
}

.section--mega.ready {
  display: block;
}

/* mega */

.mega {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0;
  margin: 0 auto;
  z-index: 101;
  overflow: hidden;
  text-align: left;
  pointer-events: none;
  opacity: 0;
}

.mega-open .mega {
  height: 100%;
  overflow: visible;
  pointer-events: auto;
  opacity: 1;
}

/* mega container */

.mega__container {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

@media (min-width: 68px) {}
.mega__container {
  display: table;
  vertical-align: middle;
}

/*
@media (max-width: 1024px) {
.mega__container {
  min-height: 100vh;
}
}
*/

/* mega wrapper */

.mega__wrapper {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 120px 20px;
  background-color: rgba(255, 255, 255, 0.99);
}

/* orange bg */

.mega__wrapper {
  background-color: #e84c3d;
  background-color: #fb4933;
  color: #111;
}

.mega-open {
  background-color: #fb4933;
}

.mega-open #page {
  opacity: 0;
}

/* steel bg */

.-mega__wrapper {
  background-color: #3b484e;
  color: #fff;
}

@media (min-width: 68px) {}
.mega__wrapper {
  display: table-cell;
  vertical-align: middle;
}

/*
@media (max-width: 1024px) {
.---mega__wrapper {
  overflow: hidden;
  min-height: 100vh;
}
}

@media (min-width: 1025px) and (max-height: 600px) {
.---mega__wrapper {
  min-height: 100%;
}
}
*/

/* ==========================================================================
	00. nav
========================================================================== */

.section--mega .inner-wrap {
  max-width: 960px;
}

.section--mega nav:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: #111;
  bottom: initial;
  height: 1px;
}

.section--mega nav {
  position: relative;
  width: 100%;
  padding-top: 20px;
  margin-bottom: 40px;
}

.section--mega nav:last-child {
  margin-bottom: 0px;
}

/*
.mega__nav--legal:before {
  content: '';
  position: absolute;
  top: -30px;
  left: 0;
  right: 0;
  width: 18.75%;
  height: 1px;
  margin: 0 auto;
  background: rgba(0, 0, 0, 0.91);
  pointer-events: none;
}

@media (max-width: 767px) {
.mega__nav--legal:before {
  top: -25px;
}
}
*/

.mega__heading {
  position: relative;
  margin-bottom: 20px;
}

.section--mega nav ul {
  position: relative;
  margin: 0 auto;
}

.section--mega nav ul li {
  position: relative;
}

/*
@media (min-width: 68px) {
.mega__nav--products ul li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 0 10px;
}

.mega__nav--products ul li::after {
  content: ",";
  display: inline-block;
  vertical-align: top;
  width: 0px;
  text-align: left;
}

.mega__nav--products ul li:last-child::after {
  content: "";
}
}
*/

.section--mega nav ul li.current span {
  color: white;
  text-decoration: underline;
}