@charset "UTF-8";
/* ============================================================================================== */
/* !PYXUS - AUGUST 2018 */
/* ============================================================================================== */
/* !CSS RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

html {
  box-sizing: border-box; }

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

IMG {
  vertical-align: bottom; }

.group:after {
  content: "";
  display: table;
  clear: both; }

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

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

/* ============================================================================================== */
/* !VARIABLES */
/* ============================================================================================== */
/* !MIXINS */
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  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: #0d7cbf;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px; }

.owl-theme .owl-nav [class*='owl-']:hover {
  color: #0d7cbf;
  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: 15px;
  height: 15px;
  border: 2px solid transparent;
  margin: 5px 7px;
  background: #0d7cbf;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 100%; }

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

/*
 *  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 {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out; }

/*
 *  Core Owl Carousel CSS File
 */
.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; }

.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-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-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 {
  display: none; }

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
  margin: auto; }
  @media (max-width: 599px) {
    .owl-carousel .owl-item img {
      width: auto;
      max-width: 100%; } }

.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto; }

.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-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 - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img {
  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;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: 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;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1; }

#demos {
  padding-top: 60px;
  padding-bottom: 60px; }
  #demos .owl-carousel {
    padding: 0px 80px; }

#demos .owl-carousel .item {
  height: 20rem;
  padding: 1rem;
  display: flex;
  align-items: center; }

#demos .owl-carousel .item {
  transition: .8s;
  -webkit-transition: .8s;
  transform: translateX(0);
  -webkit-transform: translateX(0);
  opacity: 1; }

#demos .owl-carousel .item.__loading {
  opacity: 0;
  transform: translateX(40px);
  -webkit-transform: translateX(40px); }

#demos .owl-carousel .item h4 {
  margin: 0 0 10px; }

.btn-filter-wrap {
  margin-bottom: 10px; }

.btn-filter-wrap .btn-filter {
  cursor: pointer;
  /*
	color:#1C82CC;
	border:1px solid #1C82CC;
	background:#FFF;
	padding:4px 20px;
	margin-left:10px;
	margin-bottom:10px;
*/ }

.btn-filter.btn-active {
  background: #1C82CC;
  color: #FFF; }

.site-title {
  margin-bottom: 40px; }

.__doc {
  margin-top: 50px; }

/*
footer {
	margin-top:140px;
	background:#333;
	color:#FFF;
	padding:10px 0;
	text-align:center;
}
*/
.owl-theme .owl-nav [class*='owl-'] {
  font-size: 5.4rem;
  color: #00bbc9;
  background: none; }

.owl-prev {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  font-size: 5.4rem;
  color: #00bbc9;
  display: flex !important;
  align-items: center;
  margin-top: -15px !important; }

.owl-next {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  font-size: 5.4rem;
  color: #00bbc9;
  display: flex !important;
  align-items: center;
  margin-top: -15px !important; }

.owl-theme .owl-dots .owl-dot SPAN {
  border: 2px solid #fff; }

.owl-theme .owl-dots .owl-dot.active span {
  background: none;
  border-color: #00bbc9; }

.owl-theme .owl-dots .owl-dot:hover span {
  background: #00bbc9;
  border-color: #fff; }

#owl-carousel--tabs--controls .owl-prev {
  cursor: pointer;
  color: #fff; }
  #owl-carousel--tabs--controls .owl-prev:hover {
    color: #f7f7f7; }

#owl-carousel--tabs--controls .owl-next {
  cursor: pointer;
  color: #fff; }
  #owl-carousel--tabs--controls .owl-next:hover {
    color: #f7f7f7; }

.owl-carousel--tab {
  cursor: pointer; }

#owl-carousel--tabs .owl-dots {
  display: none !important; }

.panel-red .owl-theme .owl-dots .owl-dot:hover span {
  background: transparent;
  border-color: #fff; }

.panel-red .owl-theme .owl-dots .owl-dot.active span {
  background: #fff;
  border-color: #fff; }

.panel-red .owl-theme .owl-nav [class*='owl-'] {
  color: #fff; }

.panel-red .owl-theme .owl-dots .owl-dot span {
  background: transparent; }

.panel-red .owl-controls {
  padding-top: 40px; }

#owl-carousel--brands {
  max-width: 1200px;
  margin: auto; }
  #owl-carousel--brands .sentri {
    max-width: 100px; }

.btn-filter-wrap .btn-filter, .btn-filter-wrap .owl-carousel--tab {
  white-space: nowrap; }

.brands--filter-container {
  max-width: 1200px;
  margin: auto;
  text-align: center;
  display: flex;
  flex-wrap: wrap; }
  .brands--filter-container > .btn-filter {
    width: 50%; }

/*
 * Owl Carousel - Banners (Home).
 */
.home-our-impact .owl-controls {
  width: 100%; }

@media only screen and (max-width: 767px) {
  .home-our-impact .owl-nav {
    display: none !important; } }

.home-our-impact .owl-nav i {
  color: #fff;
  transition: all 0.3s ease-in; }
  .home-our-impact .owl-nav i:hover {
    color: #cccccc; }

.home-our-impact .owl-item:nth-child(odd) .copy {
  background: #f7f7f7; }

.home-our-impact .owl-item .image,
.home-our-impact .owl-item .image img {
  width: 100% !important; }

.home-our-impact .owl-item .blurb--text-grey {
  color: #606060 !important; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px;
  left: 0; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px;
  right: 0; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

.slick-prev:before {
  font-family: "Font Awesome 5 Free";
  content: "\f104";
  font-weight: 900;
  font-size: 36px; }

.slick-next:before {
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  font-weight: 900;
  font-size: 36px; }

.slick-prev,
.slick-next {
  height: auto;
  width: auto;
  margin-top: -12px; }

/* ============================================================================================== */
/* !BREAKPOINTS */
@media only screen and (max-width: 959px) {
  .hidden--lt-tablet-medium {
    display: none !important; } }

@media only screen and (max-width: 767px) {
  .hidden--lt-tablet {
    display: none !important; } }

@media only screen and (max-width: 599px) {
  .hidden--lt--phablet {
    display: none !important; } }

@media only screen and (max-width: 479px) {
  .hidden--lt--phone-wide {
    display: none !important; } }

@media only screen and (min-width: 768px) {
  .hidden--gt-tablet {
    display: none !important; } }

@media only screen and (min-width: 600px) {
  .hidden--gt-phablet {
    display: none !important; } }

@media only screen and (min-width: 480px) {
  .hidden--gt--phone-wide {
    display: none !important; } }

/* ============================================================================================== */
/* !MARGINS AND PADDING */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* !TOP */
.margin-top--default {
  margin-top: 20px !important; }

.margin-top--xxxl {
  margin-top: 60px !important; }

.margin-top--xxl {
  margin-top: 50px !important; }

.margin-top--xl {
  margin-top: 40px !important; }

.margin-top--lg {
  margin-top: 30px !important; }

.margin-top--sm {
  margin-top: 10px !important; }

@media (max-width: 599px) {
  .xs--margin-top--default {
    margin-top: 20px !important; } }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* !BOTTOM */
.margin-bottom--none {
  margin-bottom: 0 !important; }

.margin-bottom--sm {
  margin-bottom: 10px !important; }

.margin-bottom--default {
  margin-bottom: 20px !important; }

.margin-bottom--xxxl {
  margin-bottom: 60px !important; }

.margin-bottom--xxl {
  margin-bottom: 50px !important; }

.margin-bottom--xl {
  margin-bottom: 40px !important; }

.margin-bottom--lg {
  margin-bottom: 30px !important; }

@media (max-width: 959px) {
  .mobile--margin-bottom--xl {
    margin-bottom: 40px !important; } }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* !LEFT */
.margin-left--xxl {
  margin-left: 50px !important; }

.margin-left--xl {
  margin-left: 40px !important; }

.margin-left--lg {
  margin-left: 30px !important; }

.margin-left--default {
  margin-left: 20px !important; }

.margin-left--none {
  margin-left: 0 !important; }

/* ============================================================================================== */
/* !GLOBAL | PADDING */
.padding--none {
  padding: 0 !important; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* !ALL */
.padding-all--xl {
  padding: 40px !important; }

.padding-all--default {
  padding: 20px !important; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* !TOP */
.padding-top--none {
  padding-top: 0 !important; }

.padding-top--xxxl {
  padding-top: 60px !important; }

.padding-top--xxl {
  padding-top: 50px !important; }

.padding-top--xl {
  padding-top: 40px !important; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* !BOTTOM */
.padding-bottom--none {
  padding-bottom: 0 !important; }

.padding-bottom--xxxl {
  padding-bottom: 60px !important; }

.padding-bottom--xxl {
  padding-bottom: 50px !important; }

.padding-bottom--xl {
  padding-bottom: 40px !important; }

.padding-bottom--default {
  padding-bottom: 20px !important; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* !LEFT */
.padding-left--xl {
  padding-left: 40px !important; }

.padding-left--default {
  padding-left: 20px !important; }

.padding-left--none {
  padding-left: 0 !important; }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* !RIGHT */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* !CENTERING CONTENT WITH MARGINS */
.margin-x--auto {
  margin-left: auto;
  margin-right: auto; }

/* ============================================================================================== */
/* !COLORS */
.pyxus-cyan {
  color: #00bbc9; }

.pyxus-yellow {
  color: #ffce31; }

.pyxus-blue, .feature--title {
  color: #0d7cbf; }

.pyxus-red {
  color: #ef6348; }

.lime-green {
  color: #9bd439; }

.grey--xxxl {
  color: #f7f7f7; }

.grey--xl {
  color: #999999; }

.grey--light {
  color: #cccccc; }

.white {
  color: #fff; }

.bg--white {
  background: #fff; }

.bg--grey--light {
  background: #cccccc; }

.bg--grey--xxxl {
  background: #f7f7f7; }

/* ============================================================================================== */
/* !TYPOGRAPHY */
/* >> Name of the FA free font (mandatory)
               - 'Font Awesome 5 Free' for Regular and Solid symbols;
               - 'Font Awesome 5 Brand' for Brands symbols.
    font-family: 'Font Awesome 5 Free';
    /* >> Weight of the font (mandatory)
               - 400 for Regular and Brands symbols;
               - 900 for Solid symbols.
    font-weight: 900;
 */
.h1 {
  font-size: 3.0rem; }

.h2, .feature--title {
  font-size: 2.8rem; }

.h3 {
  font-size: 2.4rem; }

.h4 {
  font-size: 2.0rem; }

.h5 {
  font-size: 1.4rem; }

.h6 {
  font-size: 1.2rem; }

.lead {
  font-size: 2.0rem;
  line-height: 1.5;
  font-weight: 600;
  letter-spacing: 1.5; }

@media only screen and (min-width: 768px) {
  .h1 {
    font-size: 8.0rem; }
  .h2, .feature--title {
    font-size: 4.0rem; }
  .h3 {
    font-size: 3.0rem; }
  .h4 {
    font-size: 2.0rem; }
  .h5 {
    font-size: 1.6rem; }
  .h6 {
    font-size: 1.4rem; }
  .lead {
    font-size: 2.4rem; } }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* !FONT WEIGHTS */
.font-weight--700 {
  font-weight: 700 !important; }

.font-weight--600, .feature--title {
  font-weight: 600 !important; }

.font-weight--500 {
  font-weight: 500 !important; }

.font-weight--400 {
  font-weight: 400 !important; }

.font-weight--300 {
  font-weight: 300 !important; }

P {
  margin-bottom: 20px;
  line-height: 1.25; }
  P:last-child {
    margin-bottom: 0; }

/* ============================================================================================== */
/* !ACCORDIONS */
.close {
  cursor: pointer; }

.feature--accordion--default .control {
  position: relative;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 250px;
  cursor: pointer;
  transition: transform 0.5s ease; }
  .feature--accordion--default .control:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.25);
    transition: background 0.25s ease; }
  .feature--accordion--default .control:hover {
    transform: scale(1.025); }
    .feature--accordion--default .control:hover:before {
      background: rgba(0, 0, 0, 0); }
  .feature--accordion--default .control.active {
    transform: scale(1.025); }
    .feature--accordion--default .control.active:before {
      background: rgba(13, 124, 191, 0.5); }
  .feature--accordion--default .control .title {
    font-size: 2.8rem;
    color: #fff;
    text-align: center;
    z-index: 1; }
    .feature--accordion--default .control .title:after {
      content: "\f107";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      margin-left: 10px;
      display: inline-block;
      position: relative;
      top: 3px; }

.feature--accordion--default .expandable {
  display: none;
  background: #0d7cbf;
  color: #fff;
  padding: 40px; }
  .feature--accordion--default .expandable > .inner {
    max-width: 1000px;
    margin: auto; }

.feature--accordion--default .close {
  cursor: pointer;
  font-size: 2.0rem; }
  @media only screen and (min-width: 768px) {
    .feature--accordion--default .close {
      font-size: 3.0rem; } }

.table--info {
  border: 1px solid rgba(255, 255, 255, 0.5); }
  @media only screen and (min-width: 768px) {
    .table--info {
      display: flex;
      border: 0; } }
  .table--info > DIV {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
    .table--info > DIV:last-child {
      border: 0; }
    @media only screen and (min-width: 768px) {
      .table--info > DIV {
        border: 0; }
        .table--info > DIV.column--1 {
          width: 40%; }
        .table--info > DIV.column--2 {
          width: 20%;
          text-align: center;
          border-left: 1px solid rgba(255, 255, 255, 0.5);
          border-right: 1px solid rgba(255, 255, 255, 0.5); }
        .table--info > DIV.column-33 {
          width: 20%; } }
  .table--info .table--info--status {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media only screen and (min-width: 768px) {
      .table--info .table--info--status {
        display: block; } }
    .table--info .table--info--status .title {
      flex-grow: 1;
      border-right: 1px solid rgba(255, 255, 255, 0.5);
      border-bottom: 0; }
      @media only screen and (min-width: 768px) {
        .table--info .table--info--status .title {
          border-right: 0;
          border-bottom: 1px solid rgba(255, 255, 255, 0.5); } }
    .table--info .table--info--status .icon--status {
      padding: 0px 20px; }
      @media only screen and (min-width: 768px) {
        .table--info .table--info--status .icon--status {
          padding-top: 20px; } }
  .table--info .title {
    padding: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    font-weight: 600; }
  .table--info P {
    padding: 20px; }
  @media only screen and (min-width: 768px) {
    .table--info .column--1 .title {
      padding-left: 0; } }

@media only screen and (min-width: 768px) and (min-width: 768px) {
  .table--info .column--1 P {
    padding-left: 0; } }
  @media only screen and (min-width: 768px) {
    .table--info .column--3 .title {
      padding-right: 0; } }

@media only screen and (min-width: 768px) and (min-width: 768px) {
  .table--info .column--3 P {
    padding-right: 0; } }

.accordion--text .item {
  border-bottom: 1px solid #999999; }

.accordion--text .control {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  color: #0d7cbf;
  font-size: 1.6rem;
  font-weight: 600;
  padding: 20px 20px 20px 0px; }
  @media only screen and (min-width: 768px) {
    .accordion--text .control {
      font-size: 2.4rem; } }
  .accordion--text .control:after {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transition: transform 0.25s ease-out; }
  .accordion--text .control.active:after {
    transform: rotate(90deg); }

.accordion--text .expandable {
  display: none;
  padding: 0px 40px 20px 40px;
  line-height: 1.25; }

#executive-grid .item {
  transition: padding-bottom 0.5s ease; }

#executive-grid .expandable {
  position: absolute;
  left: -10px;
  right: -10px; }
  @media only screen and (min-width: 640px) {
    #executive-grid .expandable {
      left: 0px;
      right: 0px; } }
  @media only screen and (min-width: 1200px) {
    #executive-grid .expandable {
      left: -20px;
      right: -20px; } }
  @media only screen and (min-width: 1400px) {
    #executive-grid .expandable {
      left: -80px;
      right: -80px; } }
  #executive-grid .expandable .item {
    position: relative;
    max-width: 1200px;
    margin: 0 auto; }

#executive-grid .close {
  font-size: 2.0rem; }
  @media only screen and (min-width: 768px) {
    #executive-grid .close {
      font-size: 4.0rem; } }
  #executive-grid .close:hover {
    color: #f7f7f7; }

@media only screen and (min-width: 768px) {
  .card--image-text {
    display: flex;
    justify-content: space-between; }
    .card--image-text > .left {
      width: 30%; }
    .card--image-text > .right {
      width: 70%;
      padding-left: 80px;
      padding-right: 80px; } }

.card--image-text .header {
  color: #fff;
  margin-bottom: 20px;
  font-size: 2.0rem; }
  .card--image-text .header P {
    font-size: 2.0rem; }
  @media only screen and (min-width: 768px) {
    .card--image-text .header {
      display: flex;
      align-items: flex-end;
      justify-content: space-between; }
      .card--image-text .header > .left {
        max-width: 75%; }
      .card--image-text .header > .right {
        padding-left: 30px;
        flex-shrink: 0; } }
  .card--image-text .header A {
    color: #fff; }
    .card--image-text .header A:hover {
      color: #f7f7f7; }
  .card--image-text .header .social .nav-ul {
    font-size: 2.4rem; }
  .card--image-text .header .nav-ul {
    display: flex;
    align-items: center; }
    .card--image-text .header .nav-ul LI {
      margin-right: 15px; }
      .card--image-text .header .nav-ul LI:last-child {
        margin-right: 0; }

.card--image-text .body {
  padding-right: 40px; }

@media only screen and (max-width: 767px) {
  .card--image-text .image {
    margin-bottom: 20px;
    width: 50%; } }

/* ============================================================================================== */
/* !PANELS */
.panel--cyan {
  background: #00bbc9;
  color: #fff;
  padding: 15px 12px 12px 12px; }

.panel--shadowed, .panel--image--shadowed, .media--grid--default .items-container > .item .inner, .media--grid--columns--3 .items-container > .item .inner {
  background: #fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -khtml-border-radius: 10px;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25); }
  @media only screen and (max-width: 767px) {
    .panel--shadowed.no-shadow--lt-tablet, .no-shadow--lt-tablet.panel--image--shadowed, .media--grid--default .items-container > .item .no-shadow--lt-tablet.inner, .media--grid--columns--3 .items-container > .item .no-shadow--lt-tablet.inner {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      -moz-border-radius: 0px;
      -webkit-border-radius: 0px;
      border-radius: 0px;
      -khtml-border-radius: 0px; } }

.panel--image--shadowed {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px; }

.panel--body--default {
  padding: 20px; }

/* ============================================================================================== */
/* !LINKS */
.link--angle-right {
  display: inline-block; }
  .link--angle-right:after {
    content: "\f105";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-left: 5px; }

.link--all-blogs {
  display: block !important;
  width: max-content; }
  .link--all-blogs i {
    position: relative;
    left: 2px; }

/* ============================================================================================== */
/* !BREADCRUMBS */
.breadcrumb--default, .pagination--default {
  display: flex;
  justify-content: space-between;
  max-width: 1200px;
  margin: auto;
  border-bottom: 1px solid #999999;
  padding-bottom: 20px; }
  .breadcrumb--default .nav-ul, .pagination--default .nav-ul {
    display: flex;
    align-items: center; }
    .breadcrumb--default .nav-ul LI:after, .pagination--default .nav-ul LI:after {
      content: "|";
      margin: 0px 10px; }
    .breadcrumb--default .nav-ul LI:last-child:after, .pagination--default .nav-ul LI:last-child:after {
      display: none; }
  .breadcrumb--default A, .pagination--default A {
    text-decoration: none;
    color: #0d7cbf;
    font-weight: 600; }
  .breadcrumb--default .center, .pagination--default .center {
    text-align: center; }

.pagination--default .nav-ul {
  margin: auto; }

/* ============================================================================================== */
/* !FORMS */
INPUT[type="text"],
INPUT[type="email"],
INPUT[type="number"],
INPUT[type="password"],
INPUT[type="phone"],
INPUT[type="submit"] {
  width: 100%;
  border: 1px solid #0d7cbf;
  padding: 5px 10px 5px 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -khtml-border-radius: 5px;
  overflow: hidden;
  font-family: "Khula", sans-serif;
  font-size: 1.6rem;
  color: #606060; }
  INPUT[type="text"].error,
  INPUT[type="email"].error,
  INPUT[type="number"].error,
  INPUT[type="password"].error,
  INPUT[type="phone"].error,
  INPUT[type="submit"].error {
    border-color: #ef6348; }

.item.error LABEL {
  color: #ef6348; }

.item.error INPUT {
  border-color: #ef6348; }

@media only screen and (max-width: 767px) {
  .submit-form {
    display: block !important; } }

INPUT[type="submit"] {
  -webkit-appearance: none;
  cursor: pointer;
  font-size: 1.6rem; }

TEXTAREA {
  width: 100%;
  border: 1px solid #0d7cbf;
  padding: 5px 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -khtml-border-radius: 5px;
  overflow: hidden;
  font-size: 1.6rem;
  resize: none; }
  TEXTAREA.error {
    border-color: #ef6348; }

LABEL {
  display: block;
  color: #0d7cbf;
  font-weight: 600;
  margin: 0px 0px 4px 0px; }
  LABEL.error {
    margin-top: 10px;
    color: #ef6348; }

SELECT {
  width: 100%;
  height: 40px;
  background: #fff;
  font-family: "Khula", sans-serif;
  font-size: 1.6rem;
  color: #000;
  border: 1px solid #0d7cbf;
  padding: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -khtml-border-radius: 5px;
  overflow: hidden;
  font-size: 1.6rem; }
  SELECT.error {
    border-color: #ef6348; }

.required {
  color: #ef6348; }

.form--default .row--full {
  margin: 0px 0px 20px 0px; }

.form--default .row {
  display: flex;
  justify-content: flex-start;
  margin: 0px 0px 20px 0px; }
  .form--default .row .item {
    margin-right: 40px; }
    .form--default .row .item:last-child {
      margin-right: 0; }

@media only screen and (min-width: 1024px) {
  #contact--form {
    padding-right: 100px; } }

/* ============================================================================================== */
/* !GLOBAL */
HTML {
  font-size: 62.5%; }

BODY {
  font-family: "Khula", sans-serif;
  font-size: 1.6rem;
  color: #606060;
  background: #444;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

P {
  font-size: 1.6rem; }

UL {
  font-size: 1.6rem; }
  UL.ul--default {
    list-style: disc;
    margin-left: 22px;
    line-height: 1.25; }
    UL.ul--default LI {
      margin: 0px 0px 10px 0px; }
      UL.ul--default LI:last-child {
        margin-bottom: 0; }
    UL.ul--default .ul--default {
      list-style: circle;
      margin-top: 10px;
      margin-bottom: 20px; }

IMG {
  height: auto;
  width: 100%; }
  IMG.normal {
    width: auto;
    max-width: 100%; }

HR {
  border: none;
  background: #999999;
  height: 1px; }

A {
  color: #0d7cbf;
  transition: color 0.25s ease;
  text-decoration: none; }
  A:hover {
    color: #00bbc9; }

STRONG {
  font-weight: bold; }

BUTTON {
  outline: none; }

VIDEO {
  width: 100%;
  max-width: 1200px;
  height: auto; }

SUP {
  position: relative;
  font-size: 50%;
  top: -0.5em;
  line-height: 0;
  vertical-align: baseline; }

.nowrap {
  white-space: nowrap !important; }

.border-top--none {
  border-top: none !important; }

.columns--2 .col:first-child {
  margin-bottom: 10px; }

@media only screen and (min-width: 768px) {
  .columns--2 > .row {
    display: flex;
    justify-content: flex-start; }
    .columns--2 > .row > .col {
      width: 50%; }
      .columns--2 > .row > .col:first-child {
        margin-bottom: 0px; } }

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0; }
  .video-container IFRAME {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.border--none {
  border: 0 !important; }

.rounded, .asideNavigation > UL > LI > A {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -khtml-border-radius: 10px;
  overflow: hidden; }

#container {
  position: relative;
  max-width: 1400px;
  margin: auto;
  padding-top: 200px;
  /*
    &:after {
        content: "";
        background: url(../images/home/header--bg.jpg) no-repeat center top #fff;
        background-position: center -300px;
        position: absolute;
        top: 0px;
        right: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
        
        @include breakpoint('tablet-wide') {
            background-position: right top;
        }
    }
*/ }
  #container:after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #fff; }

.contentBlock {
  position: relative;
  z-index: 10;
  max-width: 1200px;
  margin: auto;
  padding: 0px 10px; }
  @media only screen and (min-width: 768px) {
    .contentBlock {
      padding: 0px 20px; } }

.contentBlock--wide {
  position: relative;
  z-index: 10; }
  .contentBlock--wide .inner {
    max-width: 1200px;
    margin: auto;
    padding: 0px 10px; }
    @media only screen and (min-width: 768px) {
      .contentBlock--wide .inner {
        padding: 0px 20px; } }

.contentBlock--edge {
  position: relative;
  z-index: 10; }
  .contentBlock--edge.with-shadow {
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);
    background: #fff; }
  .contentBlock--edge .inner {
    max-width: 1200px;
    margin: auto;
    padding: 0px 10px; }
    @media only screen and (min-width: 768px) {
      .contentBlock--edge .inner {
        padding: 0px 20px; } }
  .contentBlock--edge.panel-blue {
    background: #0d7cbf;
    color: #fff; }
  .contentBlock--edge.panel-red {
    background: #ef6348;
    color: #fff; }
  .contentBlock--edge.contentBlock--indent .inner {
    max-width: 960px; }

.bg--light-grey {
  background: #f7f7f7; }

.text-center, .feature--title {
  text-align: center; }

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

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

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

.display--flex {
  display: flex; }

.flex-grow--1 {
  flex-grow: 1; }

.flex-shrink--0 {
  flex-shrink: 0; }

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

.back-to-top {
  display: inline-block;
  color: #606060;
  text-decoration: none; }
  .back-to-top:before {
    content: "";
    display: block;
    background: url("../images/common/back-to-top.png") no-repeat center top;
    height: 39px;
    width: 64px;
    margin: 0px auto 20px auto; }

.page--header > .inner {
  max-width: 1200px;
  margin: 0 auto; }

.page--header .page--intro {
  color: #fff; }
  .page--header .page--intro P {
    width: 50%; }

.page--intro {
  display: none;
  text-align: center;
  color: #0d7cbf;
  font-size: 2.4rem;
  line-height: 1.5;
  font-weight: 600;
  padding: 0px 0px; }
  .page--intro P {
    font-size: 2.4rem; }

.relative {
  position: relative; }

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

/* ============================================================================================== */
/* !BUTTONS */
.button, INPUT[type="submit"] {
  display: inline-block;
  cursor: pointer;
  /*
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;

*/
  border: 2px solid #0d7cbf;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -khtml-border-radius: 10px;
  text-decoration: none;
  padding: 10px 20px 8px 20px;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  background: #0d7cbf;
  color: #fff !important;
  transition: border-color 0.25s ease, background 0.25s ease;
  white-space: normal; }
  .button:hover, INPUT:hover[type="submit"] {
    background: #00bbc9;
    border-color: #00bbc9; }
  .button.pyxus-red, INPUT.pyxus-red[type="submit"] {
    border-color: #ef6348;
    background: #ef6348; }
    .button.pyxus-red:hover, INPUT.pyxus-red:hover[type="submit"] {
      border-color: #606060;
      background: #606060; }

.button-outline, .secondaryNavigation--top .nav-ul A {
  display: inline-block;
  cursor: pointer;
  /*
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;

*/
  border: 2px solid #0d7cbf;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -khtml-border-radius: 10px;
  text-decoration: none;
  padding: 10px 20px 8px 20px;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1;
  color: #0d7cbf;
  text-align: center;
  background: transparent;
  transition: color 0.25s ease, background 0.25s ease, border-color 0.25s ease;
  white-space: normal; }
  .button-outline:hover, .secondaryNavigation--top .nav-ul A:hover {
    background: #0d7cbf;
    border-color: #0d7cbf;
    color: #fff; }
  .button-outline.active, .secondaryNavigation--top .nav-ul A.active {
    background: #0d7cbf;
    color: #fff; }
  .button-outline.white, .secondaryNavigation--top .nav-ul A.white {
    border-color: #fff;
    color: #fff; }
    .button-outline.white.active, .secondaryNavigation--top .nav-ul A.white.active {
      background: #fff;
      color: #ef6348; }
    .button-outline.white:hover, .secondaryNavigation--top .nav-ul A.white:hover {
      background: #fff;
      color: #ef6348; }
  .button-outline.pyxus-blue, .secondaryNavigation--top .nav-ul A.pyxus-blue, .secondaryNavigation--top .nav-ul A.feature--title, .button-outline.feature--title {
    border-color: #0d7cbf;
    color: #0d7cbf; }
    .button-outline.pyxus-blue.active, .secondaryNavigation--top .nav-ul A.pyxus-blue.active, .secondaryNavigation--top .nav-ul A.active.feature--title, .button-outline.active.feature--title {
      background: #0d7cbf;
      color: #fff; }
    .button-outline.pyxus-blue:hover, .secondaryNavigation--top .nav-ul A.pyxus-blue:hover, .secondaryNavigation--top .nav-ul A.feature--title:hover, .button-outline.feature--title:hover {
      background: #0d7cbf;
      color: #fff;
      border-color: #0d7cbf; }

.slick-current {
  position: relative; }
  .slick-current:after {
    content: "";
    position: absolute;
    bottom: -25px;
    left: 50%;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 30px solid #fff;
    transform: translateX(-50%);
    z-index: 999; }
  .slick-current .button-outline, .slick-current .secondaryNavigation--top .nav-ul A, .secondaryNavigation--top .nav-ul .slick-current A {
    background: #fff;
    color: #ef6348; }

#slider--controller {
  padding: 0px 30px; }
  @media only screen and (min-width: 768px) {
    #slider--controller {
      padding: 0px 20px; } }
  @media only screen and (min-width: 1024px) {
    #slider--controller {
      padding: 0px 15%; } }
  #slider--controller .slick-slide {
    position: relative; }
    #slider--controller .slick-slide:after {
      content: "";
      width: 0;
      height: 30px;
      /*
            border-left: 30px solid transparent;
            border-right: 30px solid transparent;

            border-bottom: 30px solid #fff;
            transform: translateX(-50%);
*/ }
  @media only screen and (min-width: 768px) {
    #slider--controller .owl-carousel--tab {
      font-size: 1.3rem; } }
  @media only screen and (min-width: 1024px) {
    #slider--controller .owl-carousel--tab {
      font-size: 1.6rem; } }

.slick-slide .button-outline, .slick-slide .secondaryNavigation--top .nav-ul A, .secondaryNavigation--top .nav-ul .slick-slide A {
  width: 90%; }

.buttons-container--default {
  padding: 0px 45px; }
  @media only screen and (min-width: 768px) {
    .buttons-container--default {
      padding: 0; } }
  @media only screen and (min-width: 768px) {
    .buttons-container--default .nav-ul {
      display: flex;
      justify-content: center;
      padding: 0; }
      .buttons-container--default .nav-ul LI {
        margin-right: 20px; }
        .buttons-container--default .nav-ul LI:last-child {
          margin-right: 0; } }
  .buttons-container--default LI {
    margin-bottom: 20px; }
    .buttons-container--default LI:last-child {
      margin-bottom: 0; }
    @media only screen and (min-width: 768px) {
      .buttons-container--default LI {
        margin-bottom: 0; } }
  .buttons-container--default [class^='button'] {
    display: block; }
    @media only screen and (min-width: 768px) {
      .buttons-container--default [class^='button'] {
        display: inline-block; } }

.btn-filter-wrap .owl-carousel--tab {
  margin: 0px 10px 10px 0px; }

@media only screen and (min-width: 768px) {
  .btn-filter-wrap .btn-filter, .btn-filter-wrap .owl-carousel--tab {
    margin-right: 20px; }
    .btn-filter-wrap .btn-filter:last-child, .btn-filter-wrap .owl-carousel--tab:last-child {
      margin-right: 0; } }

.home-brands-container .btn-filter-wrap a {
  border-color: white;
  color: white; }

.home-brands-container .btn-filter-wrap a.active,
.home-brands-container .btn-filter-wrap a:hover {
  background-color: white;
  border-color: white;
  color: #ef6348; }

/* ============================================================================================== */
/* !HEADER */
.mainNavigation--open {
  overflow-y: hidden; }
  @media only screen and (min-width: 1024px) {
    .mainNavigation--open #mainHeader {
      display: block; } }
  .mainNavigation--open #mainHeader--container {
    background: #f7f7f7; }
    @media only screen and (min-width: 1024px) {
      .mainNavigation--open #mainHeader--container {
        background: transparent; } }
  .mainNavigation--open #mainHeader--navigation-toggle .open {
    display: none; }
  .mainNavigation--open #mainHeader--navigation-toggle .close {
    display: block; }

#mainHeader {
  position: fixed;
  width: 100%;
  max-width: 1400px;
  margin: auto;
  top: 0px;
  left: 0px;
  right: 0px;
  color: #fff;
  z-index: 999;
  transition: background 0.25s ease, box-shadow 0.25s ease; }
  #mainHeader.sticky {
    background: rgba(13, 124, 191, 0.95);
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25); }
  #mainHeader A {
    color: #fff; }
  #mainHeader #mainHeader--container {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    padding: 10px 10px;
    max-width: 1200px;
    margin: auto;
    transition: background 0.25s ease; }
    @media only screen and (min-width: 1024px) {
      #mainHeader #mainHeader--container {
        padding: 20px 10px; } }
  #mainHeader #mainHeader--left {
    display: flex;
    align-items: center; }
  @media only screen and (max-width: 1023px) {
    #mainHeader #mainHeader--right {
      display: flex;
      align-items: center; }
      #mainHeader #mainHeader--right #mainNavigation--ticker {
        margin-right: 20px;
        font-size: 2.0rem; } }
  #mainHeader #mainHeader--logo {
    width: 90px;
    transition: width 0.5s ease; }
    @media only screen and (min-width: 768px) {
      #mainHeader #mainHeader--logo {
        width: 120px; } }
    @media only screen and (min-width: 1024px) {
      #mainHeader #mainHeader--logo {
        width: 150px; } }
    @media only screen and (min-width: 1400px) {
      #mainHeader #mainHeader--logo {
        width: 240px; } }
    #mainHeader #mainHeader--logo IMG {
      width: 100%; }
    #mainHeader #mainHeader--logo.animate IMG {
      transition: width 0.5s ease; }

#mainHeader--navigation-toggle {
  font-size: 3.0rem;
  color: #0d7cbf; }
  #mainHeader--navigation-toggle .open {
    display: block; }
  #mainHeader--navigation-toggle .close {
    display: none;
    color: #0d7cbf; }

#mainHeader--logo--pyxus--chevron {
  display: block;
  position: relative;
  max-width: 240px;
  overflow: hidden; }
  #mainHeader--logo--pyxus--chevron IMG {
    position: relative;
    width: 100%; }

/* ============================================================================================== */
/* !NAVIGATION */
NAV A {
  text-decoration: none; }

#mainHeader--logo--desktop {
  display: none; }

#mainHeader--mobile--ticker {
  display: none; }

#mainHeader--navigation-toggle {
  z-index: 999;
  position: relative; }
  #mainHeader--navigation-toggle .close {
    display: none; }
  @media only screen and (min-width: 1024px) {
    #mainHeader--navigation-toggle {
      display: none; } }

#mainHeader--navigation-close {
  cursor: pointer;
  display: none;
  font-size: 3.0rem;
  color: #0d7cbf;
  text-align: right;
  padding: 20px; }

#topNavigation {
  display: none; }
  @media only screen and (min-width: 1024px) {
    #topNavigation {
      display: block;
      margin-bottom: 20px; } }
  #topNavigation .nav-ul {
    display: flex;
    justify-content: flex-end;
    align-items: center; }
    #topNavigation .nav-ul LI:after {
      content: "|";
      padding: 0px 10px; }
    #topNavigation .nav-ul LI:last-child:after {
      display: none; }
  @media only screen and (min-width: 1024px) {
    #topNavigation A.active {
      font-weight: bold; } }
  #topNavigation A {
    color: #fff !important;
    border: 2px solid transparent;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
    padding: 20px 20px 20px 40px; }
    #topNavigation A:hover {
      border-color: #fff; }
    #topNavigation A.active {
      background: #fff;
      color: #0d7cbf !important;
      font-weight: 600;
      transition: color 0.25s ease;
      line-height: normal;
      border-color: #fff; }
    @media only screen and (min-width: 1024px) {
      #topNavigation A {
        padding: 5px 10px 3px 10px; } }

.subNavigation {
  display: none;
  line-height: 1; }
  .subNavigation A.active {
    font-weight: 700;
    text-decoration: underline; }
    .subNavigation A.active:hover {
      color: #0d7cbf !important; }
  @media only screen and (min-width: 1024px) {
    .subNavigation {
      position: absolute;
      top: 34px;
      left: 0px;
      position: absolute;
      padding: 0px 10px;
      margin-top: 10px;
      background: #f7f7f7;
      min-width: 220px;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px;
      -khtml-border-radius: 10px; }
      .subNavigation LI:first-child {
        padding-top: 5px; }
      .subNavigation LI:last-child {
        padding-bottom: 5px; } }

#mainNavigation {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow-y: auto;
  z-index: 999;
  background: #f7f7f7;
  color: #0d7cbf; }
  @media only screen and (max-width: 1023px) {
    #mainNavigation A.level--0.open + .subNavigation LI:first-child {
      padding-top: 0px; }
      #mainNavigation A.level--0.open + .subNavigation LI:first-child A {
        padding-top: 0; }
    #mainNavigation A.level--0.open + .subNavigation LI:last-child {
      padding-bottom: 10px; } }
  @media only screen and (max-width: 1023px) {
    #mainNavigation A.level--0.open.active + .subNavigation LI:first-child {
      padding-top: 10px; } }
  #mainNavigation A.level--0.open.active + .subNavigation LI:first-child A {
    padding-top: 10px; }
  #mainNavigation A.level--0.active {
    background: #0d7cbf;
    color: #fff; }
    #mainNavigation A.level--0.active:hover {
      color: #fff; }
    @media only screen and (max-width: 1023px) {
      #mainNavigation A.level--0.active + .subNavigation LI:first-child {
        padding-top: 10px; }
      #mainNavigation A.level--0.active + .subNavigation LI:last-child {
        padding-bottom: 10px; } }
  @media only screen and (min-width: 1024px) {
    #mainNavigation {
      position: relative;
      background: transparent;
      color: #fff;
      overflow: visible; }
      #mainNavigation A.level--0 {
        color: #fff !important;
        border: 2px solid transparent;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        -khtml-border-radius: 10px; }
        #mainNavigation A.level--0:hover {
          border-color: #fff; }
        #mainNavigation A.level--0.active {
          background: #fff;
          color: #0d7cbf !important;
          font-weight: 600;
          transition: color 0.25s ease;
          line-height: normal;
          border-color: #fff; }
      #mainNavigation .nav-ul {
        display: flex;
        align-items: center; } }
  #mainNavigation .nav-ul {
    line-height: normal; }
    #mainNavigation .nav-ul > LI {
      position: relative;
      border-bottom: 1px solid #cccccc; }
      @media only screen and (min-width: 1024px) {
        #mainNavigation .nav-ul > LI {
          border: 0;
          margin-right: 15px; }
          #mainNavigation .nav-ul > LI:last-child {
            margin-right: 0; } }
      #mainNavigation .nav-ul > LI LI {
        position: relative; }
        #mainNavigation .nav-ul > LI LI A {
          display: inline-block;
          padding: 10px 0px 10px 60px; }
          @media only screen and (min-width: 1024px) {
            #mainNavigation .nav-ul > LI LI A {
              padding: 5px 10px 3px 10px; } }
          #mainNavigation .nav-ul > LI LI A:hover {
            color: #0d7cbf;
            text-decoration: underline; }
  @media only screen and (max-width: 1023px) {
    #mainNavigation #mainNavigation--ul LI:last-child {
      border: 0; } }
  #mainNavigation A {
    color: #0d7cbf;
    display: flex;
    justify-content: space-between;
    padding: 20px 20px 20px 40px; }
    @media only screen and (min-width: 1024px) {
      #mainNavigation A {
        padding: 5px 10px 3px 10px; } }
    #mainNavigation A:hover {
      color: #00bbc9; }
    #mainNavigation A.hasSub:after {
      transition: transform 0.25s ease;
      content: "\f105";
      display: inline-block;
      margin-left: 5px;
      font-family: "Font Awesome 5 Free";
      font-size: 2.4rem;
      font-weight: 900; }
      @media only screen and (min-width: 1024px) {
        #mainNavigation A.hasSub:after {
          content: "\f0d7";
          font-size: 1.6rem; } }
  #mainNavigation .level--0 {
    font-weight: 600; }
    #mainNavigation .level--0.open:after {
      transform: rotate(90deg); }
    @media only screen and (min-width: 1024px) {
      #mainNavigation .level--0 {
        display: inline-block; }
        #mainNavigation .level--0.open:after {
          transform: rotate(180deg); } }
  #mainNavigation #mainNavigation--ticker {
    display: inline-block; }
    @media only screen and (min-width: 1024px) {
      #mainNavigation #mainNavigation--ticker {
        display: inline-block;
        padding-top: 5px;
        padding-bottom: 3px; } }

.secondaryNavigation--top {
  border-top: 1px solid #999999;
  padding-top: 20px; }
  @media only screen and (min-width: 1024px) {
    .secondaryNavigation--top {
      border: 0;
      padding-top: 0; } }
  .secondaryNavigation--top .nav-ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    padding: 0px 40px; }
    @media only screen and (min-width: 960px) {
      .secondaryNavigation--top .nav-ul {
        flex-wrap: nowrap; } }
    .secondaryNavigation--top .nav-ul LI {
      width: 50%;
      margin-bottom: 10px;
      padding: 4px 8px; }
      @media only screen and (min-width: 768px) {
        .secondaryNavigation--top .nav-ul LI {
          width: auto; } }
      @media only screen and (min-width: 960px) {
        .secondaryNavigation--top .nav-ul LI {
          margin-right: 12px;
          width: auto; }
          .secondaryNavigation--top .nav-ul LI:last-child {
            margin-right: 0; }
          .secondaryNavigation--top .nav-ul LI:after {
            display: none; } }
    .secondaryNavigation--top .nav-ul A {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100%; }
      @media only screen and (min-width: 1024px) {
        .secondaryNavigation--top .nav-ul A {
          min-width: 150px; } }
  @media only screen and (min-width: 960px) {
    .secondaryNavigation--top.columns--3 .nav-ul {
      flex-wrap: wrap; } }
  .secondaryNavigation--top.columns--3 .nav-ul LI {
    margin-right: 0; }
    @media only screen and (min-width: 768px) {
      .secondaryNavigation--top.columns--3 .nav-ul LI {
        width: 33.3333333333%; } }
    @media only screen and (min-width: 960px) {
      .secondaryNavigation--top.columns--3 .nav-ul LI {
        width: 33.3333333333%; } }

.asideNavigation {
  font-weight: 600;
  margin-bottom: 40px; }
  .asideNavigation > UL > LI > A {
    display: block;
    padding: 16px 20px 10px 20px; }
    .asideNavigation > UL > LI > A.active {
      background: #0d7cbf;
      color: #fff; }
  .asideNavigation LI {
    padding: 0; }
    .asideNavigation LI.hasSub > A {
      -moz-border-radius: 10px 10px 0px 0px;
      -webkit-border-radius: 10px 10px 0px 0px;
      border-radius: 10px 10px 0px 0px;
      -khtml-border-radius: 10px 10px 0px 0px; }
    .asideNavigation LI.hasSub .nav-ul {
      padding: 10px 20px 10px 20px;
      background: #f7f7f7;
      -moz-border-radius: 0px 0px 10px 10px;
      -webkit-border-radius: 0px 0px 10px 10px;
      border-radius: 0px 0px 10px 10px;
      -khtml-border-radius: 0px 0px 10px 10px; }
      .asideNavigation LI.hasSub .nav-ul A {
        display: inline-block;
        padding: 16px 20px 10px 20px;
        font-weight: 400; }
        .asideNavigation LI.hasSub .nav-ul A.active {
          font-weight: 700; }

/* ============================================================================================== */
/* !FOOTER */
#mainFooter {
  position: relative;
  color: #fff;
  font-size: 1.2rem;
  padding: 20px 0px;
  margin-top: 200px; }
  @media only screen and (min-width: 768px) {
    #mainFooter {
      margin-top: 300px; } }
  #mainFooter UL {
    font-size: 1.4rem; }
  #mainFooter A {
    color: #fff;
    transition: color 0.25s ease; }
    #mainFooter A:hover {
      color: #ffce31; }
  #mainFooter #mainFooter--logo {
    margin-right: 60px;
    margin-bottom: 30px; }
    @media only screen and (min-width: 768px) {
      #mainFooter #mainFooter--logo {
        margin-bottom: 0;
        width: 100%;
        margin-bottom: 40px; } }
    @media only screen and (min-width: 1024px) {
      #mainFooter #mainFooter--logo {
        width: auto; } }
    #mainFooter #mainFooter--logo IMG {
      height: auto;
      max-width: 90px; }
      @media only screen and (min-width: 768px) {
        #mainFooter #mainFooter--logo IMG {
          max-width: 120px; } }
      @media only screen and (min-width: 1024px) {
        #mainFooter #mainFooter--logo IMG {
          max-width: 260px; } }
  #mainFooter #mainFooter--right {
    display: flex;
    align-items: stretch; }
  @media only screen and (min-width: 768px) {
    #mainFooter #mainFooter--container {
      display: flex;
      flex-wrap: wrap; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    #mainFooter #mainFooter--Navigation {
      max-width: 80%; } }
  #mainFooter #mainFooter--Navigation .nav-ul {
    display: flex;
    flex-wrap: wrap; }
    #mainFooter #mainFooter--Navigation .nav-ul LI {
      width: 50%; }
      @media only screen and (min-width: 768px) {
        #mainFooter #mainFooter--Navigation .nav-ul LI {
          width: 25%; } }
    #mainFooter #mainFooter--Navigation .nav-ul LI {
      margin-bottom: 10px; }
  #mainFooter #mainFooter--social {
    margin-top: 50px;
    font-size: 1.4rem; }
    @media only screen and (min-width: 768px) {
      #mainFooter #mainFooter--social {
        width: 100%;
        margin-top: 20px; } }
    @media only screen and (min-width: 1024px) {
      #mainFooter #mainFooter--social {
        width: auto;
        margin-top: 0; } }
    #mainFooter #mainFooter--social .nav-ul {
      font-size: 3.2rem;
      display: flex;
      justify-content: space-between; }
      #mainFooter #mainFooter--social .nav-ul LI {
        margin-right: 20px; }
        #mainFooter #mainFooter--social .nav-ul LI:last-child {
          margin-right: 0; }
      @media only screen and (min-width: 480px) {
        #mainFooter #mainFooter--social .nav-ul {
          width: auto;
          justify-content: flex-start; }
          #mainFooter #mainFooter--social .nav-ul LI {
            margin-right: 60px; }
            #mainFooter #mainFooter--social .nav-ul LI:last-child {
              margin-right: 0; } }
      @media only screen and (min-width: 960px) {
        #mainFooter #mainFooter--social .nav-ul {
          font-size: 2.0rem; }
          #mainFooter #mainFooter--social .nav-ul LI {
            margin-right: 20px; }
            #mainFooter #mainFooter--social .nav-ul LI:last-child {
              margin-right: 0; } }
  #mainFooter #mainFooter--bottomNavigation .nav-ul {
    display: flex;
    flex-wrap: wrap; }
    #mainFooter #mainFooter--bottomNavigation .nav-ul LI {
      width: 50%;
      margin-bottom: 10px; }
      @media only screen and (min-width: 600px) {
        #mainFooter #mainFooter--bottomNavigation .nav-ul LI {
          width: 50%; } }
      @media only screen and (min-width: 1024px) {
        #mainFooter #mainFooter--bottomNavigation .nav-ul LI {
          width: 33.333333333%; } }
      @media only screen and (min-width: 1200px) {
        #mainFooter #mainFooter--bottomNavigation .nav-ul LI {
          width: 25%; } }
  #mainFooter #copyright {
    font-size: 1.3rem; }
    #mainFooter #copyright P {
      font-size: 1.3rem; }

#footer--bg--desktop {
  display: none;
  position: absolute;
  bottom: 0px;
  right: 0px; }
  @media only screen and (min-width: 600px) {
    #footer--bg--desktop {
      display: block; } }

#footer--bg--mobile {
  display: block;
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 100%; }
  @media only screen and (min-width: 600px) {
    #footer--bg--mobile {
      display: none; } }

#footer--bg {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  background: url("/images/common/footer--bg--mobile.png") no-repeat center top/cover;
  height: 100%;
  max-height: 730px;
  z-index: 1; }
  @media only screen and (min-width: 768px) {
    #footer--bg {
      background: url("/images/common/footer--bg--full.png") no-repeat center bottom;
      height: 1216px;
      max-height: none; } }

/* ============================================================================================== */
/* !FEATURES */
.feature .title {
  font-size: 2.4rem;
  font-weight: 600;
  color: #606060; }

.feature .tag {
  font-weight: 600;
  margin-bottom: 20px; }

.feature .blurb {
  line-height: 1.5;
  color: #606060; }

.feature .cta {
  margin-top: 20px; }
  .feature .cta A {
    font-weight: 600; }

.feature .date {
  color: #606060;
  margin-top: 40px; }

.feature--title {
  padding: 30px 20px 24px 20px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* !FEATURE > GRID DEFAULT

    Standard 3-column Stacked Image+Copy Feature
*/
@media only screen and (min-width: 768px) {
  .feature--grid--default, .feature--rows--default, .feature--large {
    max-width: none; } }

@media only screen and (min-width: 768px) {
  .feature--grid--default .items-container, .feature--rows--default .items-container, .feature--large .items-container {
    display: flex;
    flex-wrap: wrap; } }

@media only screen and (min-width: 768px) {
  .feature--grid--default .items-container > .item, .feature--rows--default .items-container > .item, .feature--large .items-container > .item {
    width: 33.3333333333%; } }

.feature--grid--default .items-container > .item:nth-child(odd) .copy, .feature--rows--default .items-container > .item:nth-child(odd) .copy, .feature--large .items-container > .item:nth-child(odd) .copy {
  background: #f7f7f7; }

.feature--grid--default IMG, .feature--rows--default IMG, .feature--large IMG {
  height: auto;
  width: 100%; }

.feature--grid--default .lead, .feature--rows--default .lead, .feature--large .lead {
  padding: 40px 40px 34px 40px;
  line-height: 1.5; }

.feature--grid--default .copy, .feature--rows--default .copy, .feature--large .copy {
  padding: 40px;
  height: 100%; }
  @media only screen and (min-width: 768px) {
    .feature--grid--default .copy, .feature--rows--default .copy, .feature--large .copy {
      padding-right: 40px; } }

.feature--grid--default .title, .feature--rows--default .title, .feature--large .title {
  font-size: 2.4rem;
  font-weight: 600;
  color: #606060; }

.feature--grid--default .tag, .feature--rows--default .tag, .feature--large .tag {
  font-weight: 600;
  margin-bottom: 20px; }

.feature--grid--default .blurb, .feature--rows--default .blurb, .feature--large .blurb {
  line-height: 1.5;
  color: #606060; }

.feature--grid--default .cta, .feature--rows--default .cta, .feature--large .cta {
  margin-top: 20px; }
  .feature--grid--default .cta A, .feature--rows--default .cta A, .feature--large .cta A {
    font-weight: 600; }

.feature--grid--default .date, .feature--rows--default .date, .feature--large .date {
  color: #606060;
  margin-top: 40px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* !FEATURE > GRID TEXT

    Custom 3-column Grid which appears on Homepage
*/
.feature--grid--text {
  font-size: 2.0rem;
  padding: 40px 0px; }
  @media only screen and (min-width: 768px) {
    .feature--grid--text .items-container {
      display: flex;
      flex-wrap: wrap; } }
  @media only screen and (min-width: 768px) {
    .feature--grid--text .items-container > .item {
      width: 33.3333333333%; } }
  .feature--grid--text .number {
    font-size: 5.4rem;
    font-weight: 600;
    /*
        background: -webkit-linear-gradient(left, $pyxus-blue, $pyxus-cyan);
        background: -o-linear-gradient(right, $pyxus-blue, $pyxus-cyan);
        background: -moz-linear-gradient(right, $pyxus-blue, $pyxus-cyan);
        background: linear-gradient(to right, $pyxus-blue, $pyxus-cyan);
        */
    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(transparent, transparent), url("../images/home/number_bg.jpg");
    background: -moz-linear-gradient(transparent, transparent), url("../images/home/number_bg.jpg");
    background: -o-linear-gradient(transparent, transparent), url("../images/home/number_bg.jpg");
    color: #00bbc9;
    background-repeat: no-repeat;
    background-size: 100% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
    @media only screen and (min-width: 1024px) {
      .feature--grid--text .number {
        font-size: 7.2rem; } }
  .feature--grid--text .blurb {
    font-size: 1.6rem; }
    @media only screen and (min-width: 1024px) {
      .feature--grid--text .blurb {
        font-size: 2.4rem; } }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* !FEATURE > ROWS DEFAULT

    Feature with rows which have a smaller Image on the Left and larger Copy on the Right
*/
.feature--rows--default {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -khtml-border-radius: 0px; }
  @media only screen and (min-width: 768px) {
    .feature--rows--default .items-container .item {
      width: 100%;
      display: flex; } }
  .feature--rows--default .items-container .item:nth-child(odd) {
    background: #f7f7f7; }
  .feature--rows--default .items-container .item > .image {
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .feature--rows--default .items-container .item > .image {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 20%; } }
  .feature--rows--default .items-container .copy {
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .feature--rows--default .items-container .copy {
        width: 80%;
        padding-left: 0;
        text-align: left; } }
  .feature--rows--default .image {
    padding: 20px; }
  .feature--rows--default IMG {
    width: auto;
    max-width: 100%; }
  .feature--rows--default .items-container--text {
    padding: 15px; }
    @media only screen and (min-width: 600px) {
      .feature--rows--default .items-container--text {
        padding: 20px; } }
    @media only screen and (min-width: 768px) {
      .feature--rows--default .items-container--text {
        padding: 40px; } }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* !FEATURE > MEDIA GRID DEFAULT

    Feature with a Grid of Shadowed Items of 1, 2, 3, and 4 columns
*/
.media--grid--default .items-container, .media--grid--columns--3 .items-container {
  position: relative; }
  @media only screen and (min-width: 640px) {
    .media--grid--default .items-container, .media--grid--columns--3 .items-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin: 0px -10px; } }
  @media only screen and (min-width: 1400px) {
    .media--grid--default .items-container, .media--grid--columns--3 .items-container {
      margin: 0px -40px; } }
  .media--grid--default .items-container > .item, .media--grid--columns--3 .items-container > .item {
    padding: 20px 0px; }
    @media only screen and (min-width: 640px) {
      .media--grid--default .items-container > .item, .media--grid--columns--3 .items-container > .item {
        width: 50%;
        padding: 20px; } }
    @media only screen and (min-width: 768px) {
      .media--grid--default .items-container > .item, .media--grid--columns--3 .items-container > .item {
        width: 33.3333333333%; } }
    @media only screen and (min-width: 1024px) {
      .media--grid--default .items-container > .item, .media--grid--columns--3 .items-container > .item {
        width: 25%; } }
    .media--grid--default .items-container > .item IMG, .media--grid--columns--3 .items-container > .item IMG {
      height: auto;
      width: 100%; }
    .media--grid--default .items-container > .item .copy, .media--grid--columns--3 .items-container > .item .copy {
      padding: 20px;
      text-align: center;
      color: #0d7cbf;
      font-size: 1.6rem; }
      @media only screen and (min-width: 768px) {
        .media--grid--default .items-container > .item .copy, .media--grid--columns--3 .items-container > .item .copy {
          display: flex;
          flex-direction: column;
          justify-content: center; } }
      .media--grid--default .items-container > .item .copy .name, .media--grid--columns--3 .items-container > .item .copy .name {
        font-weight: bold; }
  @media only screen and (min-width: 1024px) {
    .media--grid--default .items-container .item--executive, .media--grid--columns--3 .items-container .item--executive {
      width: 33% !important; } }

.media--grid--default .linkable, .media--grid--columns--3 .linkable {
  cursor: pointer; }
  .media--grid--default .linkable .copy, .media--grid--columns--3 .linkable .copy {
    transition: color 0.25s ease; }
  .media--grid--default .linkable:hover .copy, .media--grid--columns--3 .linkable:hover .copy, .media--grid--default .linkable.active .copy, .media--grid--columns--3 .linkable.active .copy {
    background: #0d7cbf;
    color: #fff; }

.media--grid--default .expandable, .media--grid--columns--3 .expandable {
  position: relative;
  display: none;
  background: #0d7cbf;
  color: #fff;
  padding: 40px 40px 40px 40px;
  margin-top: 20px; }

.media--grid--default .close-container, .media--grid--columns--3 .close-container {
  position: absolute;
  top: 0px;
  right: 0px;
  text-align: right; }
  @media only screen and (min-width: 640px) {
    .media--grid--default .close-container, .media--grid--columns--3 .close-container {
      top: -20px; } }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* !FEATURE > GRID WITH 3-COLUMNS

    Feature with a Grid of Shadowed Items of 1, 2, and 3 columns
*/
@media only screen and (min-width: 640px) {
  .media--grid--columns--3 .items-container {
    margin: 0px -20px; } }

@media only screen and (min-width: 1024px) {
  .media--grid--columns--3 .items-container > .item {
    width: 33.3333333333%; } }

.media--grid--columns--3 .items-container > .item .copy {
  text-align: left; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* !FEATURE > LARGE

    Feature with a Large Image and Copy below
*/
@media only screen and (min-width: 768px) {
  .feature--large .items-container {
    display: block;
    flex-wrap: nowrap; } }

@media only screen and (min-width: 768px) {
  .feature--large .items-container > .item {
    width: auto; } }

@media only screen and (min-width: 768px) {
  .feature--large .copy {
    display: flex;
    justify-content: space-between; }
    .feature--large .copy .blurb {
      padding-right: 40px; } }

.feature--large P {
  font-size: 2.0rem; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* !FEATURE > GALLERY GRID

    Feature to display Logos and images in 1, 2, and 4 columns
*/
@media only screen and (min-width: 768px) {
  .gallery--grid--default .items-container {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -20px; } }

@media only screen and (min-width: 1400px) {
  .gallery--grid--default .items-container {
    margin: 0px -40px; } }

.gallery--grid--default .items-container > .item {
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media only screen and (min-width: 768px) {
    .gallery--grid--default .items-container > .item {
      width: 50%; } }
  @media only screen and (min-width: 1024px) {
    .gallery--grid--default .items-container > .item {
      width: 25%; } }
  @media only screen and (min-width: 1400px) {
    .gallery--grid--default .items-container > .item {
      width: 25%; } }
  .gallery--grid--default .items-container > .item IMG {
    height: auto;
    width: auto;
    max-width: 150px; }
  .gallery--grid--default .items-container > .item .copy {
    padding: 20px;
    text-align: center;
    color: #0d7cbf; }
    @media only screen and (min-width: 768px) {
      .gallery--grid--default .items-container > .item .copy {
        display: flex;
        flex-direction: column;
        justify-content: center; } }
    .gallery--grid--default .items-container > .item .copy .name {
      font-weight: bold; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* !FEATURE > IMAGE AND COPY

    Custom Feature to display an Image on Left and Copy on Right
*/
.feature--image-and-copy .item {
  border-bottom: 1px solid #606060;
  padding-bottom: 40px;
  margin-bottom: 40px; }
  @media only screen and (min-width: 768px) {
    .feature--image-and-copy .item {
      display: flex;
      align-items: flex-start;
      justify-content: space-between; }
      .feature--image-and-copy .item:nth-child(even) .right {
        order: 1;
        text-align: right;
        padding-left: 0;
        padding-right: 30px; }
      .feature--image-and-copy .item:nth-child(even) .left {
        order: 2; } }
  @media only screen and (min-width: 768px) {
    .feature--image-and-copy .item .left {
      width: 50%; } }
  @media only screen and (min-width: 768px) {
    .feature--image-and-copy .item .right {
      padding-left: 30px;
      width: 50%; } }
  .feature--image-and-copy .item .copy {
    padding: 20px 40px;
    color: #606060;
    line-height: 1.5; }
    @media only screen and (min-width: 768px) {
      .feature--image-and-copy .item .copy {
        padding: 0px; } }
  .feature--image-and-copy .item .title {
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 1.25; }
  .feature--image-and-copy .item .cta {
    margin-top: 20px; }
  .feature--image-and-copy .item .image {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
    overflow: hidden; }
    .feature--image-and-copy .item .image IMG {
      height: auto;
      width: 100%; }

@media only screen and (min-width: 768px) {
  .feature--image-and-copy.inverse .item:nth-child(even) .right {
    order: 2;
    text-align: left; }
  .feature--image-and-copy.inverse .item:nth-child(even) .left {
    order: 1;
    text-align: right;
    padding-left: 0;
    padding-right: 30px; }
  .feature--image-and-copy.inverse .item:nth-child(odd) .right {
    order: 1;
    text-align: left;
    padding-left: 0;
    padding-right: 30px; }
  .feature--image-and-copy.inverse .item:nth-child(odd) .left {
    order: 2; } }

.feature--image-and-copy.with-tout .item {
  border-bottom: 0;
  padding-bottom: 0px;
  margin-bottom: 0px; }
  @media only screen and (min-width: 768px) {
    .feature--image-and-copy.with-tout .item {
      align-items: stretch; } }

@media only screen and (min-width: 768px) {
  .feature--image-and-copy.with-tout .left {
    width: 25%; } }

@media only screen and (min-width: 768px) {
  .feature--image-and-copy.with-tout .right {
    padding-left: 30px;
    width: 75%; } }

@media only screen and (min-width: 1024px) {
  .feature--image-and-copy.with-tout .right {
    padding-left: 100px; } }

.feature--image-and-copy.with-tout .header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .feature--image-and-copy.with-tout .header .title {
    width: 100%;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .feature--image-and-copy.with-tout .header .title {
        width: auto;
        text-align: left; } }

.feature--image-and-copy.with-tout .info .nav-ul {
  display: flex; }
  .feature--image-and-copy.with-tout .info .nav-ul LI:after {
    content: "|";
    margin: 0px 8px; }
  .feature--image-and-copy.with-tout .info .nav-ul LI:last-child:after {
    display: none; }

@media only screen and (max-width: 767px) {
  .feature--image-and-copy.with-tout .copy {
    padding: 20px; } }

@media only screen and (min-width: 768px) {
  .content--aside {
    display: flex;
    justify-content: space-between; }
    .content--aside .content {
      width: 70%; }
    .content--aside .aside {
      width: 30%; }
    .content--aside > *:first-child {
      padding-right: 30px; } }

.content--aside .content .header {
  padding: 0px 40px; }
  @media only screen and (min-width: 768px) {
    .content--aside .content .header {
      padding: 0; } }

.content--aside .content .social {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 10px;
  /*
            A {
                color: $pyxus-blue;
                transition: $transition--hover;
                text-decoration: none;

                &:hover {
                    color: $pyxus-yellow;
                }
            }
*/ }
  .content--aside .content .social .nav-ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    .content--aside .content .social .nav-ul LI {
      margin-bottom: 10px; }
      .content--aside .content .social .nav-ul LI:after {
        content: "|";
        margin: 0px 8px;
        color: #606060; }
      .content--aside .content .social .nav-ul LI:last-child:after {
        display: none; }
      .content--aside .content .social .nav-ul LI.label {
        font-weight: bold;
        margin-right: 10px; }
        .content--aside .content .social .nav-ul LI.label:after {
          display: none; }
  .content--aside .content .social .left {
    order: 2;
    width: 100%; }
  .content--aside .content .social .right {
    order: 1;
    width: 100%;
    margin-bottom: 30px; }
  @media only screen and (min-width: 640px) {
    .content--aside .content .social .left {
      order: 1;
      width: auto; }
    .content--aside .content .social .right {
      order: 2;
      width: auto;
      margin-bottom: 0px; } }

.content--aside .content .tags {
  margin-bottom: 20px; }
  .content--aside .content .tags .nav-ul {
    display: flex;
    flex-wrap: wrap; }
    .content--aside .content .tags .nav-ul LI {
      margin-bottom: 10px; }
      .content--aside .content .tags .nav-ul LI:after {
        content: "|";
        margin: 0px 8px;
        color: #606060; }
      .content--aside .content .tags .nav-ul LI:last-child:after {
        display: none; }
      .content--aside .content .tags .nav-ul LI.label {
        margin-right: 10px; }
        .content--aside .content .tags .nav-ul LI.label:after {
          display: none; }
  .content--aside .content .tags A {
    text-decoration: none;
    font-weight: 600; }

.content--aside .content .title {
  font-size: 3.0rem;
  font-weight: 600;
  color: #606060;
  margin-bottom: 30px; }

.content--aside .content .lead {
  line-height: 1.25; }

.content--aside .content P {
  margin: 20px 0;
  line-height: 1.25; }
  @media only screen and (min-width: 768px) {
    .content--aside .content P {
      padding: 0; } }
  .content--aside .content P:last-child {
    margin-bottom: 0; }
  .content--aside .content P:first-child {
    margin-top: 0; }

.content--aside .aside {
  /*
        A {
            text-decoration: none;
            color: $pyxus-blue;
            transition: $transition--hover;

            &:hover {
                color: $pyxus-yellow;
            }
        }
*/ }
  @media only screen and (max-width: 767px) {
    .content--aside .aside > SECTION {
      margin-top: 30px; } }
  .content--aside .aside .title {
    font-size: 3.2rem;
    font-weight: 600;
    color: #0d7cbf;
    border-bottom: 1px solid #606060;
    padding-bottom: 10px;
    margin-bottom: 10px; }
  .content--aside .aside .nav--text-with-borders LI {
    border-bottom: 1px solid #606060;
    padding: 10px 0px;
    margin-bottom: 10px; }
    .content--aside .aside .nav--text-with-borders LI:last-child {
      margin-bottom: 0; }
  .content--aside .aside .nav--text-with-borders A {
    font-weight: 600; }
  .content--aside .aside .aside--popular-articles .title {
    margin-bottom: 20px; }
  .content--aside .aside .aside--popular-articles .item {
    margin-bottom: 20px; }
    .content--aside .aside .aside--popular-articles .item:last-child {
      margin-bottom: 0; }
  .content--aside .aside .aside--popular-articles .copy {
    padding: 20px 20px; }
  .content--aside .aside .aside--popular-articles .blurb {
    padding: 0px 0px 0px 0px;
    color: #606060;
    line-height: 1.5; }

.feature--text-text {
  padding: 40px 0px; }
  .feature--text-text .copy {
    text-align: center;
    line-height: 1.5; }
    .feature--text-text .copy .left:after {
      content: "";
      display: inline-block;
      width: 50%;
      height: 0;
      border-bottom: 1px solid #fff;
      padding-bottom: 20px;
      margin-bottom: 20px; }
    @media only screen and (min-width: 768px) {
      .feature--text-text .copy {
        display: flex;
        justify-content: space-between; }
        .feature--text-text .copy > .left,
        .feature--text-text .copy > .right {
          width: 50%;
          padding: 10px 20px; }
          .feature--text-text .copy > .left:first-child,
          .feature--text-text .copy > .right:first-child {
            border-right: 1px solid #fff; }
        .feature--text-text .copy .left:after {
          display: none; } }

@media only screen and (min-width: 768px) {
  .feature--50-50 .item {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .feature--50-50 .item > * {
      width: 50%; } }

.feature--50-50 .item .right {
  padding: 50px; }

#page--categories .gallery--grid--default .items-container {
  justify-content: center; }

.home-brands-container + .contentBlock--edge .items-container {
  justify-content: center !important; }

/* ============================================================================================== */
/* !SECONDARY */
.secondary--default #container {
  padding-top: 300px; }
  .secondary--default #container:after {
    background-image: url("/images/common/mobile--bg--header.png");
    background-position: center top; }
    @media only screen and (min-width: 768px) {
      .secondary--default #container:after {
        background-image: url("/images/common/secondary--bg--header.png");
        background-position: center top;
        padding-top: 170px; } }

.secondary--default .page--header {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0px 10px;
  max-width: 1200px;
  margin: auto; }
  @media only screen and (min-width: 768px) {
    .secondary--default .page--header {
      height: 350px; } }
  @media only screen and (min-width: 1024px) {
    .secondary--default .page--header {
      height: 300px; } }
  .secondary--default .page--header P {
    line-height: 1.5; }
  .secondary--default .page--header .page--intro {
    text-align: left; }

.secondary--default .page--title-container .title {
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .secondary--default .page--title-container .title {
      text-align: right; } }

.secondary--slim #container {
  padding-top: 300px; }
  @media only screen and (min-width: 768px) {
    .secondary--slim #container {
      padding-top: 500px; } }
  .secondary--slim #container:after {
    background-image: url("/images/common/mobile--bg--header.png");
    background-position: center top; }
    @media only screen and (min-width: 768px) {
      .secondary--slim #container:after {
        background-image: url("/images/common/secondary--bg--header-slim.png"); } }

@media only screen and (min-width: 768px) {
  .section--legal MAIN {
    padding-bottom: 400px; } }

.section--legal .content--aside .content .title {
  font-size: 4.0rem; }

.section--legal h1 + P, .section--legal h2 + P, .section--legal h3 + P, .section--legal h4 + P, .section--legal h5 + P, .section--legal h6 + P {
  margin-top: 10px !important; }

.section--legal MAIN .content P, .section--legal MAIN .content UL {
  font-size: 1.8rem;
  line-height: 1.5; }

.content--article .content P {
  font-size: 2.0rem; }

.content--article .content__list ul {
  list-style: disc outside;
  margin: 1rem 0 0 2.5rem; }

.content--article .content__list ul, .content--article .content__list span {
  line-height: 1.25;
  font-size: 2.0rem; }

.content--article .content__disclaimer p {
  font-size: 1.4rem;
  font-style: italic; }

/* ============================================================================================== */
/* !HOME */
#page--home #container {
  padding-top: 300px; }
  #page--home #container:after {
    background-image: url("/images/common/mobile--bg--header.png");
    background-position: center top; }
    @media only screen and (min-width: 768px) {
      #page--home #container:after {
        background-image: url("/images/home/home--header--bg.png");
        background-position: center top;
        padding-top: 170px; } }

#page--home .page--header {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start; }
  @media only screen and (min-width: 768px) {
    #page--home .page--header {
      height: 350px; } }
  @media only screen and (min-width: 1024px) {
    #page--home .page--header {
      height: 300px; } }
  #page--home .page--header P {
    line-height: 1.5; }

#page--home .page--title-container .title {
  text-align: center; }
  @media only screen and (min-width: 768px) {
    #page--home .page--title-container .title {
      text-align: right; } }

#home--header {
  display: flex;
  align-items: flex-start;
  justify-content: center; }
  @media only screen and (min-width: 768px) {
    #home--header {
      height: 500px; } }
  #home--header .title {
    color: #0d7cbf;
    line-height: 1.5;
    margin-bottom: 30px; }
    @media only screen and (min-width: 768px) {
      #home--header .title {
        color: #fff; } }

@media only screen and (min-width: 768px) {
  #home--intro {
    max-width: 50%; } }

#home--intro P {
  line-height: 1.5; }

#home--stats .item {
  margin-bottom: 50px; }
  #home--stats .item:last-child {
    margin-bottom: 0; }
  @media only screen and (min-width: 768px) {
    #home--stats .item {
      margin-bottom: 0; } }

#home--brands,
.home-brands-container {
  position: relative;
  z-index: 9; }
  #home--brands:after,
  .home-brands-container:after {
    content: "";
    position: absolute;
    top: -300px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 1653px;
    background: url(/images/common/bg--orange.png) no-repeat center top;
    z-index: -1; }
  #home--brands h2,
  .home-brands-container h2 {
    color: white; }

#brands-right {
  position: relative; }
  #brands-right:before {
    content: "";
    position: absolute;
    top: -300px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 1643px;
    background: url(/images/common/bg--orange--right.png) no-repeat center top;
    z-index: 1; }

#home--brands {
  color: #fff; }

/* ============================================================================================== */
/* !ABOUT US */
#page--about #container {
  padding-top: 300px; }
  #page--about #container:after {
    background-image: url("/images/common/mobile--bg--header.png");
    background-position: center top; }
    @media only screen and (min-width: 768px) {
      #page--about #container:after {
        background-image: url("/images/common/secondary--bg--header.png");
        background-position: center top;
        padding-top: 500px; } }
    @media only screen and (min-width: 960px) {
      #page--about #container:after {
        background-position: center top; } }

#about--evolution {
  position: relative;
  z-index: 9; }
  #about--evolution:after {
    content: "";
    position: absolute;
    top: -300px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 1653px;
    background: url(/images/common/bg--orange--right.png) no-repeat center top;
    z-index: -1; }

/* ============================================================================================== */
/* !BRANDS */
#brands--logo-gallery .gallery--grid--default {
  position: relative;
  z-index: 2; }
  #brands--logo-gallery .gallery--grid--default .item {
    margin-bottom: 40px; }

@media only screen and (max-width: 767px) {
  #brands--logo-gallery {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
    #brands--logo-gallery .gallery--grid--default {
      background: #fff;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px;
      -khtml-border-radius: 10px;
      overflow: hidden;
      -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);
      -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);
      box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25); } }

@media only screen and (max-width: 767px) {
  #brands--feature--sentri .feature--title {
    text-align: left;
    padding-left: 0;
    padding-right: 0; } }

@media only screen and (min-width: 768px) {
  #brands--feature--sentri .blurb {
    max-width: 66%;
    margin: auto;
    text-align: center; }
  #brands--feature--sentri .cta {
    text-align: center; } }

@media only screen and (min-width: 480px) {
  #brands--feature--sentri .copy {
    background: #f7f7f7; } }

/* ============================================================================================== */
/* !IMPACT */
@media only screen and (max-width: 599px) {
  #impact--sortby .left {
    width: 100%; }
  #impact--sortby .nav-ul {
    flex-wrap: wrap;
    justify-content: center; }
    #impact--sortby .nav-ul LI:first-child {
      width: 100%;
      margin-bottom: 10px;
      text-align: center; }
      #impact--sortby .nav-ul LI:first-child:after {
        display: none; } }

@media only screen and (max-width: 599px) {
  #impact--tags .left {
    width: 100%; }
  #impact--tags .nav-ul {
    flex-wrap: wrap; }
    #impact--tags .nav-ul LI:first-child {
      width: 100%;
      margin-bottom: 10px; }
      #impact--tags .nav-ul LI:first-child:after {
        display: none; } }

/* ============================================================================================== */
/* !INNOVATION */
/* ============================================================================================== */
/* !SUSTAINABILITY */
/* ============================================================================================== */
/* !TRACEABILITY */
.section--sentri {
  /*
    .pyxus-blue {
        color: $pyxus-red;
    }
*/ }
  .section--sentri #sentri-logo {
    max-width: 300px; }
    @media only screen and (max-width: 767px) {
      .section--sentri #sentri-logo {
        margin-top: 60px;
        max-width: 200px; } }
  .section--sentri #mainHeader.sticky {
    background: rgba(239, 99, 72, 0.95); }
  .section--sentri #mainNavigation A {
    color: #ef6348; }
  .section--sentri #mainNavigation .nav-ul > LI LI A:hover {
    color: #606060; }
  .section--sentri #container:after {
    background-image: url("/images/sentri/sentri--bg--header--mobile.png"); }
    @media only screen and (min-width: 768px) {
      .section--sentri #container:after {
        background-image: url("/images/sentri/sentri--bg--header.png"); } }
  .section--sentri #footer--bg {
    background-image: url("/images/sentri/sentri--bg--footer--mobile.png");
    max-height: 1200px; }
    @media only screen and (min-width: 768px) {
      .section--sentri #footer--bg {
        background-image: url("/images/sentri/sentri--bg--footer.png");
        max-height: none; } }
  @media only screen and (max-width: 767px) {
    .section--sentri .page--intro {
      color: #ef6348; } }
  .section--sentri .button, .section--sentri INPUT[type="submit"] {
    background: #ef6348;
    border-color: #ef6348; }
    .section--sentri .button:hover, .section--sentri INPUT:hover[type="submit"] {
      background: #ffce31;
      border-color: #ffce31; }
  .section--sentri .secondaryNavigation--top .nav-ul A {
    border-color: #ef6348;
    color: #ef6348; }
    .section--sentri .secondaryNavigation--top .nav-ul A:hover {
      background: #ef6348;
      color: #fff; }
  .section--sentri .accordion--text .control {
    color: #ef6348; }
    .section--sentri .accordion--text .control:hover {
      color: #606060; }

#sentri--evolution {
  position: relative;
  z-index: 9; }
  #sentri--evolution:after {
    content: "";
    position: absolute;
    top: -300px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 1653px;
    background: url(/images/common/bg--orange--right.png) no-repeat center top;
    z-index: -1; }

.sentri--intro {
  padding: 0px 20px; }
  .sentri--intro .title {
    margin-bottom: 40px; }
    @media only screen and (min-width: 768px) {
      .sentri--intro .title {
        margin-bottom: 10px; } }
  .sentri--intro .image {
    margin-bottom: 30px; }
    .sentri--intro .image IMG {
      max-width: 150px; }
  @media only screen and (min-width: 768px) {
    .sentri--intro {
      display: flex;
      text-align: left;
      max-width: 1000px;
      margin-left: auto;
      margin-right: auto;
      padding: 0; }
      .sentri--intro .image {
        padding-right: 50px; } }

#sentri--footerPanel {
  max-width: 960px;
  margin: auto; }
  #sentri--footerPanel .image IMG {
    max-width: 150px; }

#sentri--keyFeatures {
  position: relative;
  z-index: 9; }
  #sentri--keyFeatures:after {
    content: "";
    position: absolute;
    top: -200px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 1653px;
    background: url(/images/sentri/sentri--bg--orange.png) no-repeat center top;
    z-index: -1; }

#owl-carousel--quotes .item {
  max-width: 800px;
  padding: 0px 60px;
  margin: auto; }

/* ============================================================================================== */
/* !CAREERS */
/* page */
@media only screen and (min-width: 768px) {
  .main--careers {
    overflow: hidden; } }

/* main block */
.careers > div {
  position: relative;
  z-index: 200; }

/* full width sections */
.careers__full-width:not(.careers__opportunities) {
  border-bottom: 1px solid #606060;
  padding-bottom: 40px; }

/* guiding star video */
@media only screen and (min-width: 768px) {
  .careers__video-container {
    display: flex;
    gap: 40px;
    align-items: center; } }

.careers__video-container video {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  margin-bottom: 20px; }
  @media only screen and (min-width: 768px) {
    .careers__video-container video {
      width: 50%;
      margin: 0; } }

/* 2 column sections */
.careers__side-by-side .blurb--padding {
  padding: 0 20px; }
  @media only screen and (min-width: 768px) {
    .careers__side-by-side .blurb--padding {
      padding: 0 40px; } }

@media only screen and (min-width: 768px) {
  .careers__side-by-side .item {
    padding: 0 20px; } }

@media only screen and (min-width: 768px) {
  .careers__side-by-side .image {
    min-width: 170px;
    width: 17% !important;
    padding-right: 40px !important; } }

/* opportunity list */
.careers__opportunities-list {
  list-style: disc inside; }
  @media only screen and (min-width: 768px) {
    .careers__opportunities-list {
      columns: 2; } }
  .careers__opportunities-list li {
    margin-bottom: 15px; }

/* black line on 2 col sections */
.careers .feature--image-and-copy .item:not(:last-child) {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 25px; }

/* white overlay to hide the bg image */
.careers__white-bg {
  display: none;
  background: white;
  height: calc(100% + 40px);
  width: 100%;
  position: absolute !important;
  z-index: 100 !important;
  top: 0; }
  @media only screen and (min-width: 768px) {
    .careers__white-bg {
      display: block;
      margin: 0 100px; } }

/*# sourceMappingURL=maps/main.css.map */