.red {
  color: #ed1c24; }

.centered {
  text-align: center; }

iframe {
  max-width: 100%; }

.contained {
  max-width: 900px;
  margin: auto; }

.contained--padded {
  padding: 1rem; }

.block-rich_text {
  max-width: 900px;
  margin: auto; }

.sr-only {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  word-break: normal; }

body {
  color: #000;
  font-family: "Futura W01", san-serif; }

h1, h2, h3, h4, h5 {
  font-family: "Futura W01", san-serif;
  font-weight: 500; }

h2, h3, h4 {
  color: #ed1c24; }

p, a, button {
  font-family: "Futura W01", san-serif;
  font-weight: 300;
  font-size: 18px; }

p {
  line-height: 28px; }

sup {
  font-size: 11px; }

a {
  color: #00aeef; }
  a:hover {
    color: #ffcb08; }
  a.pdf-download {
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
    font-size: 14px; }
    a.pdf-download:before {
      content: "";
      background-image: url(../images/icons/pdf-download-icon.svg);
      background-repeat: no-repeat;
      width: 1.5rem;
      height: 1.5rem;
      margin-right: .5rem; }
    @media only screen and (min-width: 765px) {
      a.pdf-download {
        margin-bottom: 0; } }
    a.pdf-download.white:before {
      background-image: url(../images/icons/pdf-download-icon-white.svg); }

.headline__large {
  font-size: 4rem; }

* {
  box-sizing: border-box; }

html, body {
  width: 100%;
  height: 100%; }

body {
  margin: 0;
  padding: 0; }

.tnemec-button {
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  position: relative;
  font-weight: 500; }
  @media only screen and (min-width: 765px) {
    .tnemec-button {
      white-space: nowrap; } }
  .tnemec-button span {
    display: inline-block;
    transition: all 300ms ease-out;
    letter-spacing: 1.5px; }
  .tnemec-button:hover span, .tnemec-button:focus span {
    transform: translate3d(-1rem, 0, 0); }
  .tnemec-button:after {
    content: "";
    background-image: url(../images/hover-arrow-white.svg);
    background-repeat: no-repeat;
    position: absolute;
    width: 1rem;
    height: .6rem;
    right: 0rem;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all 300ms ease-out; }
  .tnemec-button:hover:after, .tnemec-button:focus:after {
    opacity: 1;
    right: 1.5rem; }
  .tnemec-button.large {
    font-size: 24px;
    border-radius: 50px;
    padding: 1rem 2rem;
    margin-top: 3rem; }
  .tnemec-button.medium {
    font-size: 18px;
    padding: .5rem 2rem;
    border-radius: 50px; }
  .tnemec-button.small {
    font-size: 14px;
    padding: .5rem 2rem;
    border-radius: 40px; }
  .tnemec-button.primary {
    color: #fff;
    background-color: #00aeef;
    border: 2px solid #00aeef; }
    .tnemec-button.primary.medium {
      background-color: #fff;
      color: #ed1c24;
      border-color: #fff; }
      .tnemec-button.primary.medium:after {
        background-image: url(../images/hover-arrow-red.svg); }
    .tnemec-button.primary:after {
      background-image: url(../images/hover-arrow-white.svg); }
  .tnemec-button.secondary, .tnemec-button.secondary-filled {
    color: #00aeef;
    background-color: transparent;
    border: 2px solid #00aeef; }
    .tnemec-button.secondary.medium, .tnemec-button.secondary-filled.medium {
      background-color: transparent;
      border-color: #fff;
      color: #fff; }
      .tnemec-button.secondary.medium:after, .tnemec-button.secondary-filled.medium:after {
        background-image: url(../images/hover-arrow-white.svg); }
    .tnemec-button.secondary:after, .tnemec-button.secondary-filled:after {
      background-image: url(../images/hover-arrow-blue.svg); }
  .tnemec-button.secondary-filled {
    background-color: #fff; }
  .tnemec-button.secondary-bordered {
    color: #00aeef;
    background-color: transparent;
    border: 2px solid #00aeef; }
    .tnemec-button.secondary-bordered:after {
      background-image: url(../images/hover-arrow-blue.svg); }

.blue-arrow {
  background-image: url(../images/white-blue-arrow.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 1.5rem;
  height: 1.5rem;
  display: block; }

.button-contain {
  padding: 0 1rem; }

img {
  max-width: 100%; }

.image-caption {
  font-size: 12px;
  width: 100%;
  margin: 0 0 1rem 0;
  padding: 1rem 0;
  border-bottom: 1px solid #e8e8e8; }

.richtext-image.left {
  float: left;
  margin: 0.5rem 1.5rem 0.5rem 0;
  max-width: 60%; }

.richtext-image.right {
  float: right;
  margin: 0.5rem 0 0.5rem 1.5rem;
  max-width: 60%; }

.richtext-image.full-width {
  width: 100%; }

ul {
  padding: 0;
  margin: 0; }

li {
  font-family: "Futura W01", san-serif;
  list-style-type: none;
  color: #000; }

ul.list-with-bullets {
  margin-left: 2rem;
  margin-top: 2rem; }
  ul.list-with-bullets li {
    list-style-type: disc; }

ul.list-with-numbers {
  margin-left: 2rem;
  margin-top: 2rem; }
  ul.list-with-numbers li {
    list-style-type: decimal; }

ul.two-columns {
  margin-bottom: 2rem; }
  @media only screen and (min-width: 765px) {
    ul.two-columns {
      columns: 2;
      width: 50%; } }
.rich-text ol li {
  list-style-type: decimal;
  font-weight: 300; }

.rich-text ul li {
  list-style-type: disc;
  margin-left: 1.5rem;
  font-weight: 300; }

/*!
 * Slidebars - A jQuery Framework for Off-Canvas Menus and Sidebars
 * Version: 2.0.2
 * Url: http://www.adchsm.com/slidebars/
 * Author: Adam Charles Smith
 * Author url: http://www.adchsm.com/
 * License: MIT
 * License url: http://www.adchsm.com/slidebars/license/
 */
[canvas], [off-canvas*=push] {
  z-index: 1; }

[off-canvas*=reveal], [off-canvas*=shift] {
  z-index: 0; }

[canvas=container], [off-canvas], body, html {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body, html {
  width: 100%;
  height: 100%;
  overflow: hidden; }

[canvas=container] {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  position: relative;
  background-color: #fff;
  -webkit-overflow-scrolling: touch; }

[canvas=container]:after, [canvas=container]:before {
  clear: both;
  content: '';
  display: table; }

[off-canvas] {
  display: none;
  position: fixed;
  overflow: hidden;
  overflow-y: auto;
  background-color: #000;
  color: #fff;
  -webkit-overflow-scrolling: touch; }

[off-canvas*=top] {
  width: 100%;
  height: 255px;
  top: 0; }

[off-canvas*=right] {
  width: 255px;
  height: 100%;
  top: 0;
  right: 0; }

[off-canvas*=bottom] {
  width: 100%;
  height: 255px;
  bottom: 0; }

[off-canvas*=left] {
  width: 255px;
  height: 100%;
  top: 0;
  left: 0; }

[off-canvas*=overlay] {
  z-index: 9999; }

[canvas], [off-canvas] {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform .3s;
  transition: transform .3s;
  -webkit-backface-visibility: hidden; }

[off-canvas*=shift][off-canvas*=top] {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%); }

[off-canvas*=shift][off-canvas*=right] {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }

[off-canvas*=shift][off-canvas*=bottom] {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%); }

[off-canvas*=shift][off-canvas*=left] {
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0); }

@media print {
  [canvas] {
    -webkit-transform: translate(0, 0) !important;
    -ms-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important; }
  [off-canvas] {
    display: none !important; } }

.styleguide {
  max-width: 1100px;
  margin: 2rem auto; }

.styleguide__contain {
  display: flex;
  flex-direction: column; }
  @media only screen and (min-width: 765px) {
    .styleguide__contain {
      flex-direction: row; } }
.styleguide__nav {
  flex: 1;
  margin-top: 2.5rem;
  position: relative;
  padding: 0 1rem; }
  @media only screen and (min-width: 765px) {
    .styleguide__nav {
      padding: 0; } }
  .styleguide__nav li {
    margin-bottom: 1rem; }
    .styleguide__nav li a {
      text-transform: uppercase; }

.styleguide__elements {
  flex: 2;
  padding: 0 0 0 1rem; }
  @media only screen and (min-width: 765px) {
    .styleguide__elements {
      padding: 0; } }
.style-section-colors .color {
  color: #fff;
  font-size: 1rem;
  font-weight: bold;
  padding: 1.25rem; }
  .style-section-colors .color.color-blue {
    background-color: #00aeef; }
  .style-section-colors .color.color-green {
    background-color: #00a651; }
  .style-section-colors .color.color-red {
    background-color: #ed1c24; }
  .style-section-colors .color.color-black {
    background-color: #000; }
  .style-section-colors .color.color-light-gray {
    background-color: #e8e8e8; }
  .style-section-colors .color.color-black {
    background-color: #000; }
  .style-section-colors .color.color-yellow {
    background-color: #ffcb08; }

.style-section-typography .style .style-title {
  border-bottom: 1px solid #eae7e7;
  padding-bottom: 1rem;
  width: 100%; }

.style-section-typography h1 {
  font-size: 100px;
  margin-top: 0; }

.style-section-typography h2 {
  font-size: 36px; }

.style-section-typography h3 {
  font-size: 24px; }

.style-section-typography p {
  font-size: 18px;
  line-height: 26px; }

/***
specific styles for stylesheet buttons
***/
.styleguide-button-wrap {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-bottom: 1rem;
  padding: 2rem 0 3.5rem 0; }
  .styleguide-button-wrap.large {
    margin-top: 0; }
  .styleguide-button-wrap.medium {
    margin-top: 0;
    background-color: #ed1c24; }
  .styleguide-button-wrap.small {
    margin-top: 0; }
  .styleguide-button-wrap .button {
    margin-top: 0; }
  .styleguide-button-wrap.pdf-links {
    flex-direction: column;
    padding: 0;
    justify-content: space-between; }
    @media only screen and (min-width: 765px) {
      .styleguide-button-wrap.pdf-links {
        flex-direction: row; } }
.site-header {
  color: #fff; }
  .site-header .title {
    float: left;
    font-size: 1.5625rem;
    line-height: 1.76rem;
    margin-bottom: 0; }
  .site-header .logo {
    display: none;
    float: right;
    max-width: 285px; }
    @media only screen and (min-width: 765px) {
      .site-header .logo {
        display: block; } }
@media only screen and (min-width: 765px) {
  .site-content .content-container {
    padding-left: 5%; } }

.style-section {
  margin-top: 2.5rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #d6d6d6; }
  .style-section:last-child {
    border-bottom: 0; }
  .style-section .section-title {
    font-size: 1.5rem;
    margin-bottom: 0.833333rem; }
  .style-section .style-title {
    font-size: 1.125rem; }
  .style-section .description {
    margin-bottom: 3.571429rem; }

.style {
  margin-bottom: 1.875em; }

.style-section-logos .logo {
  height: 5.0rem;
  padding: 0.625rem 1.25rem; }

.style-section-logos .styleguide-logo-wrap {
  background-color: #000;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .5rem 0; }

.style-section-icons .icon-link {
  margin-left: 0.625rem; }
  .style-section-icons .icon-link.icon-link-facebook {
    margin-left: 0; }

.style-section.timeline {
  max-width: 80vw; }

.styleguide-carousel {
  margin-top: 3rem; }

header {
  display: flex; }
  @media only screen and (min-width: 765px) {
    header {
      padding: 2rem;
      align-items: flex-end; } }
  header:before {
    content: "";
    padding-bottom: 40%;
    display: flex; }

.header__contain {
  max-width: 1100px;
  margin: 0 auto;
  width: 100%;
  display: flex;
  padding: 1rem;
  justify-content: flex-start;
  flex-direction: column;
  margin: 0;
  width: 60%; }

.responsive-object + .header__contain {
  z-index: 1; }

.header__headline {
  font-size: 40px;
  font-weight: 500;
  color: #fff;
  margin: 0 0 60px;
  text-transform: uppercase;
  text-shadow: 0px 0px 0.5rem rgba(0, 0, 0, 0.5); }
  @media only screen and (min-width: 765px) {
    .header__headline {
      font-size: 100px;
      line-height: 100px; } }
.header__subheadline {
  color: #fff;
  text-transform: uppercase;
  font-size: 1.2rem;
  margin-top: 0; }
  @media only screen and (min-width: 765px) {
    .header__subheadline {
      font-size: 1.7rem; } }
header.home-header {
  align-items: center; }
  header.home-header .header__contain {
    flex-direction: column;
    align-items: flex-start; }
    header.home-header .header__contain .header__headline {
      margin-bottom: 0; }

header.about-header {
  position: relative;
  overflow: hidden; }

header.about-header.bio {
  background-position: top; }

header.about-header.project-profile:before {
  padding-bottom: 50%; }

/*** products ***/
header.products-header:before {
  padding-bottom: 35%; }

header.black {
  background-color: #000;
  color: #fff; }
  header.black:before {
    padding-bottom: 0; }

header.red {
  background-color: #ed1c24;
  color: #fff; }
  header.red:before {
    padding-bottom: 0; }

.utility-nav {
  background-color: #fafafa;
  display: flex;
  background-color: #ed1c24;
  position: relative; }
  @media only screen and (min-width: 765px) {
    .utility-nav {
      height: 40px;
      z-index: 9; } }
.utility-nav__contain {
  max-width: 1100px;
  margin: auto;
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 1rem; }
  @media only screen and (min-width: 765px) {
    .utility-nav__contain {
      padding: 0 1rem; } }
.utility-nav__slogan__title {
  font-size: .8rem;
  color: #fff;
  text-transform: uppercase;
  margin: 0; }
  @media only screen and (min-width: 765px) {
    .utility-nav__slogan__title {
      font-size: 1rem; } }
.utility-nav__items {
  display: none; }
  @media only screen and (min-width: 1020px) {
    .utility-nav__items {
      display: flex; } }
.utility-nav__item {
  padding-left: 2rem;
  text-transform: uppercase; }

.utility-nav__item__link {
  font-weight: 500;
  font-size: 16px;
  color: #fff;
  text-decoration: none; }

@media only screen and (min-width: 765px) {
  .utility-nav__lang {
    display: block; } }

/*************
** language selector
************/
.language-nav {
  position: relative; }

.utility-nav__languages {
  display: none;
  position: absolute;
  top: 24px;
  right: -26px;
  background-color: #fff;
  min-width: 160px;
  z-index: 999; }
  .utility-nav__languages a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    color: #00aeef; }
    .utility-nav__languages a:not(:first-child) {
      border-top: 1px solid #e8e8e8; }
    .utility-nav__languages a:last-child {
      border-top: 3px solid #e8e8e8; }

.utility-nav__languages:after, .utility-nav__languages:before {
  bottom: 94%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute; }

.utility-nav__languages:before {
  border-color: rgba(161, 103, 45, 0);
  border-bottom-color: #fff;
  border-width: 20px;
  right: 8%;
  margin-left: -13px; }

/**************
** end language dropdown
*************/
.utility-nav__swatch-packet {
  color: #fff;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: .9rem;
  appearance: none;
  -webkit-appearance: none;
  border: none;
  background: transparent;
  font-weight: 500;
  padding: 0; }
  .utility-nav__swatch-packet:before {
    content: "";
    background-image: url(../images/icons/swatch-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 1.1rem;
    height: 1.3rem;
    display: inline-block;
    margin-right: .3rem; }
  @media only screen and (min-width: 765px) {
    .utility-nav__swatch-packet {
      font-size: 1rem; } }
.template-404 .utility-nav__swatch-packet {
  display: none; }

.utility-nav__lang__link {
  appearance: none;
  -webkit-appearance: none;
  border: none;
  background: transparent;
  position: relative;
  color: #fff;
  font-size: .8rem;
  text-decoration: none;
  display: flex; }
  .utility-nav__lang__link:before {
    content: "";
    background-image: url(../images/icons/language-select.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 1.4rem;
    height: 1.4rem;
    display: inline-block;
    margin-right: .3rem; }
  .utility-nav__lang__link:after {
    content: "";
    border: 1px solid #fff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: .3rem;
    height: .3rem;
    margin-left: .2rem; }
  @media only screen and (min-width: 765px) {
    .utility-nav__lang__link {
      font-size: .9rem; } }
.cd-primary-nav li.utility-nav__mobile-only {
  display: block;
  background-color: #2E3231; }
  @media only screen and (min-width: 1020px) {
    .cd-primary-nav li.utility-nav__mobile-only {
      display: none; } }
  .cd-primary-nav li.utility-nav__mobile-only a {
    font-size: .9rem; }

.main-nav {
  background-color: #000;
  position: relative; }

.main-nav__contain {
  max-width: 1100px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  padding: 1rem 0; }

.nav-logo__link {
  background-image: url(../images/tnemec-logo-color.svg);
  background-size: cover;
  background-repeat: no-repeat;
  width: 64px;
  height: 75px;
  display: block;
  z-index: 9;
  position: relative; }

.main-nav__items {
  display: flex; }

.main-nav__item {
  padding-left: 1rem; }
  @media only screen and (min-width: 765px) {
    .main-nav__item {
      padding-left: 3rem; } }
.main-nav__item__link {
  color: #fff;
  font-weight: 500;
  font-size: 18px; }

.search__form {
  position: relative;
  width: 150px;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 1rem;
  background-color: #181818; }

.search__input {
  border: none;
  height: 3rem;
  font-size: 1.5rem;
  padding: 0 1rem;
  max-width: 100%;
  width: 100%;
  background-color: #181818;
  color: #fff;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 14px; }
  .search__input:focus {
    outline: none; }
  @media only screen and (min-width: 765px) {
    .search__input {
      width: 100%; } }
.search__submit {
  background-image: url(../images/search.svg);
  background-color: transparent;
  height: 1rem;
  width: 1rem;
  background-repeat: no-repeat;
  background-position: top right;
  border: none;
  cursor: pointer; }
  .search__submit:focus {
    outline: none; }

/************
refactoring
***********/
.cd-main-content, .cd-main-header {
  /* Force Hardware Acceleration in WebKit */
  will-change: transform;
  position: relative;
  transition: transform 0.3s; }
  .cd-main-content.nav-is-visible, .cd-main-header.nav-is-visible {
    transform: translateX(-260px); }

.cd-main-header {
  height: 90px;
  background: #000;
  z-index: 3; }
  @media only screen and (min-width: 765px) {
    .cd-main-header {
      height: 120px; }
      .cd-main-header:after {
        clear: both;
        content: "";
        display: table; } }
.cd-main-content {
  min-height: 100vh;
  z-index: 2; }

.cd-header-buttons {
  display: inline-block;
  position: relative; }
  .cd-header-buttons li {
    display: inline-block; }

.cd-search-trigger, .cd-nav-trigger {
  position: relative;
  display: block;
  width: 50px;
  height: 35px;
  overflow: hidden;
  white-space: nowrap;
  z-index: 3;
  text-indent: -99999px; }

.cd-search-trigger:before {
  /* search icon */
  content: '';
  position: absolute;
  transition: opacity 0.3s;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /* lens */
  top: 8px;
  right: 10px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid #fff; }

.cd-search-trigger:after {
  /* search icon */
  content: '';
  position: absolute;
  transition: opacity 0.3s;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /* handle */
  height: 2px;
  width: 8px;
  background: #fff;
  bottom: 8px;
  right: 6px;
  transform: rotate(45deg); }

.cd-primary-nav .cd-secondary-nav {
  /* dropdown menu style */ }
  @media only screen and (min-width: 1020px) {
    .cd-primary-nav .cd-secondary-nav {
      width: 100vw;
      position: absolute;
      top: 118px;
      background: #000;
      padding: 48px 64px 130px;
      box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
      transform: translateX(0);
      transition: opacity .3s 0s, visibility 0s 0s;
      left: 0;
      display: flex;
      justify-content: space-between; } }
.cd-search-trigger span {
  /* container for the X icon */
  height: 100%;
  width: 100%;
  top: 14px;
  left: 0; }
  .cd-search-trigger span:before {
    content: '';
    position: absolute;
    display: inline-block;
    height: 1px;
    width: 22px;
    top: 50%;
    margin-top: -2px;
    left: 50%;
    margin-left: -11px;
    background: #fff;
    opacity: 0;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: opacity 0.3s, transform 0.3s;
    transform: rotate(45deg); }
  .cd-search-trigger span:after {
    content: '';
    position: absolute;
    display: inline-block;
    height: 1px;
    width: 22px;
    top: 50%;
    margin-top: -2px;
    left: 50%;
    margin-left: -11px;
    background: #fff;
    opacity: 0;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: opacity 0.3s, transform 0.3s;
    transform: rotate(-45deg); }

.cd-search-trigger.search-is-visible:before {
  content: "";
  opacity: 0; }

.cd-search-trigger.search-is-visible:after {
  content: "";
  opacity: 0; }

.cd-search-trigger.search-is-visible span:before {
  content: "";
  opacity: 1;
  transform: rotate(135deg); }

.cd-search-trigger.search-is-visible span:after {
  content: "";
  opacity: 1;
  transform: rotate(45deg); }

@media only screen and (min-width: 1020px) {
  .cd-nav-trigger,
  .cd-nav-closer {
    display: none; } }

.cd-nav-trigger span,
.cd-nav-closer span {
  /* line in the center */
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -2px;
  transition: background 0.3s 0.3s;
  display: inline-block;
  height: 3px;
  width: 24px;
  background: #fff; }
  .cd-nav-trigger span:before,
  .cd-nav-closer span:before {
    content: "";
    position: absolute;
    display: inline-block;
    height: 3px;
    width: 24px;
    background: #fff;
    right: 0;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-origin: 0% 50%;
    transition: transform 0.3s 0.3s;
    top: -6px; }
  .cd-nav-trigger span:after,
  .cd-nav-closer span:after {
    content: "";
    position: absolute;
    display: inline-block;
    height: 3px;
    width: 24px;
    background: #fff;
    right: 0;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-origin: 0% 50%;
    transition: transform 0.3s 0.3s;
    top: 6px; }

.cd-nav-trigger.nav-is-visible span,
.cd-nav-closer.nav-is-visible span {
  background: rgba(46, 50, 51, 0); }
  .cd-nav-trigger.nav-is-visible span:before,
  .cd-nav-closer.nav-is-visible span:before {
    content: "";
    background: #fff;
    transform: translateX(4px) translateY(-3px) rotate(45deg); }
  .cd-nav-trigger.nav-is-visible span:after,
  .cd-nav-closer.nav-is-visible span:after {
    content: "";
    background: #fff;
    transform: translateX(4px) translateY(2px) rotate(-45deg); }

.cd-nav-closer {
  display: none; }
  @media only screen and (min-width: 1020px) {
    .cd-nav-closer span {
      z-index: 50; }
    .sec-nav-showing .cd-nav-closer {
      display: block; } }
.cd-primary-nav ul {
  background: #000;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 1;
  transform: translateZ(0);
  transform: translateX(0);
  transition: transform 0.3s;
  width: 260px; }
  @media only screen and (min-width: 1020px) {
    .cd-primary-nav ul {
      position: fixed;
      top: 0;
      right: 0;
      height: 100%;
      columns: 2; } }
  .cd-primary-nav ul.is-hidden {
    height: 0;
    transform: translateX(100%);
    columns: 2;
    transition: transform 0.3s; }
  .cd-primary-nav ul a {
    display: block;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    color: #ffffff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px solid #3a3f40;
    transform: translateZ(0);
    will-change: transform, opacity;
    transition: transform 0.3s, opacity 0.3s;
    text-decoration: none; }

.cd-primary-nav.is-hidden {
  transform: translateX(100%);
  columns: 2;
  transition: transform 0.3s; }

.cd-primary-nav.nav-is-visible {
  visibility: visible;
  transition: visibility 0s 0s; }

.cd-primary-nav a {
  display: block;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px solid #3a3f40;
  transform: translateZ(0);
  will-change: transform, opacity;
  transition: transform 0.3s, opacity 0.3s;
  text-decoration: none; }

.cd-primary-nav {
  position: fixed;
  top: 40px;
  top: 51px;
  right: 0;
  height: 100%;
  background-color: #000;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 1;
  transform: translateZ(0);
  transform: translateX(0);
  transition: transform 0.3s;
  width: 260px;
  visibility: hidden;
  transition: visibility 0s 0.3s; }
  @media only screen and (min-width: 765px) {
    .cd-primary-nav {
      top: 40px; } }
  @media only screen and (min-width: 1020px) {
    .cd-primary-nav {
      position: absolute;
      padding: 0;
      height: auto;
      overflow: visible;
      background: transparent;
      width: 100% !important;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #000;
      visibility: visible;
      transition: visibility 0s 0s;
      top: 0; }
      .cd-primary-nav:after {
        clear: both;
        content: "";
        display: table; }
      .cd-primary-nav ul {
        position: static;
        height: auto;
        width: auto;
        background: transparent;
        overflow: visible;
        z-index: 3; }
        .cd-primary-nav ul.is-hidden {
          transform: translateX(0); }
      .cd-primary-nav .go-back {
        display: none; }
      .cd-primary-nav .cd-secondary-nav:after {
        clear: both;
        content: "";
        display: table; }
      .cd-primary-nav .cd-secondary-nav.is-hidden {
        opacity: 0;
        visibility: hidden;
        transition: opacity .3s 0s, visibility 0s .3s; }
      .cd-primary-nav .cd-secondary-nav a {
        height: auto;
        line-height: inherit;
        padding: 0 18% 0 0;
        color: #fff;
        border-bottom: none;
        font-size: 16px;
        margin-bottom: .5rem; }
        .cd-primary-nav .cd-secondary-nav a:hover {
          color: #ffcb08; }
      .cd-primary-nav .cd-secondary-nav ul {
        transform: translateZ(0); }
        .cd-primary-nav .cd-secondary-nav ul ul {
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
          width: 100%; }
          .cd-primary-nav .cd-secondary-nav ul ul.is-hidden {
            transform: translateX(100%); }
          .cd-primary-nav .cd-secondary-nav ul ul.go-back {
            display: block; }
            .cd-primary-nav .cd-secondary-nav ul ul.go-back a {
              color: transparent; }
          .cd-primary-nav .cd-secondary-nav ul ul.see-all {
            display: block; } }
  .cd-primary-nav .mob-hidden {
    display: none; }
    @media only screen and (min-width: 1020px) {
      .cd-primary-nav .mob-hidden {
        display: block; } }
  .cd-primary-nav .cd-secondary-nav__item {
    padding-left: 2.66%; }
  .cd-primary-nav .cd-tertiary-nav {
    width: 100%;
    padding: 0; }
    @media only screen and (min-width: 1020px) {
      .cd-primary-nav .cd-tertiary-nav {
        width: 50%; } }
.cd-search {
  position: absolute;
  width: 100%;
  top: auto;
  left: 0;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s 0s, visibility 0s .3s; }
  @media only screen and (min-width: 765px) {
    .cd-search {
      height: 120px;
      top: 160px; } }
  .cd-search.is-visible {
    opacity: 1;
    visibility: visible;
    transition: opacity .3s 0s, visibility 0s 0s; }
  .cd-search form {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    padding: 1rem;
    background: #fff; }
    @media only screen and (min-width: 765px) {
      .cd-search form {
        width: 50%;
        padding: .5rem;
        margin: 0 0 0 auto; } }
  .cd-search label {
    width: 100%;
    padding-bottom: .5rem;
    background: #fff;
    text-transform: uppercase;
    font-size: 1.5rem; }
  .cd-search input[type="search"] {
    flex: 1;
    border-radius: 0;
    border: 1px solid #949494;
    background: #ffffff;
    height: 100%;
    width: 100%;
    padding: 1rem;
    box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
    appearance: none; }
    @media only screen and (min-width: 1020px) {
      .cd-search input[type="search"] {
        padding: 1.25rem;
        margin-right: 1rem;
        font-weight: 100; } }
    .cd-search input[type="search"]:-webkit-input-placeholder {
      color: #c9cbc4; }
    .cd-search input[type="search"]:-moz-placeholder {
      color: #c9cbc4; }
    .cd-search input[type="search"]:-moz-placeholder {
      color: #c9cbc4; }
    .cd-search input[type="search"]:-ms-input-placeholder {
      color: #c9cbc4; }
    .cd-search input[type="search"]:focus {
      outline: none; }
  .cd-search input[type="search"] {
    -webkit-appearance: textfield; }

.cd-overlay {
  /* shadow layer visible when navigation is active */
  position: fixed;
  z-index: 2;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s; }
  .cd-overlay.is-visible {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s; }

@media only screen and (max-width: 1023px) {
  .cd-overlay.is-visible {
    transform: translateX(-260px); }
  .cd-overlay.is-visible.search-is-visible {
    transform: translateX(0); }
  .cd-primary-nav.moves-out > li.cd-primary-nav__item > a, .cd-primary-nav ul.moves-out > li.cd-primary-nav__item > a {
    transform: translateX(-100%);
    opacity: 0;
    height: 0;
    transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s; } }

/************
new nav
***********/
span.cd-secondary-nav__label {
  display: none; }

@media only screen and (min-width: 1020px) {
  .cd-primary-nav > li {
    float: left;
    margin-left: 3em; }
  .cd-primary-nav > li > a {
    /* main navigation buttons style */
    position: relative;
    display: inline-block;
    height: 120px;
    line-height: 114px;
    padding: 0 10px;
    color: #fff;
    overflow: visible;
    border-bottom: none;
    transition: color 0.3s, box-shadow 0.3s;
    font-weight: 500;
    font-size: 18px;
    text-transform: uppercase; }
  .cd-primary-nav > li > a:hover {
    color: #ffcb08; }
  .cd-primary-nav > li > a.selected {
    color: #ffcb08; }
  .cd-primary-nav .cd-secondary-nav > .see-all {
    /* this is the BIG See all button at the bottom of the dropdown menu */
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 80px;
    width: 100%;
    overflow: hidden;
    /* reset some inherited style */
    margin: 0;
    padding: 0; }
  .cd-primary-nav .cd-secondary-nav > .see-all a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    font-size: 2.2rem;
    font-weight: bold;
    text-align: center;
    line-height: 80px;
    border-top: 1px solid #e2e3df;
    /* reset some inherited style */
    border-bottom: none;
    margin: 0;
    padding: 0;
    transition: color 0.2s, background 0.2s, border 0.2s; }
  .cd-primary-nav .cd-secondary-nav > .see-all a:hover {
    background: #2e3233;
    border-color: #2e3233;
    color: #ffffff; }
  .cd-secondary-nav__item {
    display: block;
    width: 100%; }
  .cd-tertiary-nav {
    /* change the height according to your needs - you can even set height: auto */
    height: 450px;
    /* here you set the number of columns - use width percentage */
    width: 50%;
    float: left;
    padding-left: 2.66%;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }
  .cd-secondary-nav.has-multiple .cd-tertiary-nav {
    width: 100%; }
  .cd-secondary-nav.has-multiple .cd-secondary-nav__item {
    width: 50%; }
    .cd-secondary-nav.has-multiple .cd-secondary-nav__item:last-child {
      border-left: 1px solid #fff; }
  .cd-primary-nav .cd-secondary-nav > li > a,
  .cd-primary-nav .cd-secondary-nav > li > .cd-secondary-nav__label {
    /* secondary nav title */
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: .6em;
    text-transform: uppercase; }
  .cd-primary-nav .cd-secondary-nav > li > a:hover {
    color: #ffcb08; }
  .cd-primary-nav .cd-secondary-nav__label {
    display: block; } }

.has-children > a, .go-back a {
  position: relative; }

.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
  /* arrow icon in CSS - for element with nested unordered lists */
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -1px;
  display: inline-block;
  height: 2px;
  width: 10px;
  background: #464c4e;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.has-children > a::before, .go-back a::before {
  transform: rotate(45deg); }

.has-children > a::after, .go-back a::after {
  transform: rotate(-45deg); }

@media only screen and (min-width: 1024px) {
  .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
    background: #c9cbc4; }
  .has-children > a:hover::before, .has-children > a:hover::after, .go-back a:hover::before, .go-back a:hover::after {
    background: #69aa6f; } }

.has-children > a {
  padding-right: 40px; }

.has-children > a::before, .has-children > a::after {
  /* arrow goes on the right side - children navigation */
  right: 20px;
  transform-origin: 9px 50%; }

.cd-primary-nav .go-back a {
  padding-left: 40px; }

.cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
  /* arrow goes on the left side - go back button */
  left: 20px;
  transform-origin: 1px 50%; }

@media only screen and (min-width: 1020px) {
  .has-children > a::before, .has-children > a::after {
    right: 15%; }
  .cd-primary-nav > .has-children > a {
    /* main navigation arrows on larger devices */
    padding-right: 30px !important; }
  .cd-primary-nav > .has-children > a::before, .cd-primary-nav > .has-children > a::after {
    width: 9px;
    transform-origin: 50% 50%;
    background: #c9cbc4;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: width 0.3s, transform 0.3s;
    /* this removes the arrow */ }
  .cd-primary-nav > .has-children > a::before {
    right: 12px; }
  .cd-primary-nav > .has-children > a::after {
    right: 7px; }
  .cd-primary-nav > .has-children > a.selected::before, .cd-primary-nav > .has-children > a.selected::after {
    width: 14px; }
  .cd-primary-nav > .has-children > a.selected::before {
    transform: translateX(5px) rotate(-45deg); }
  .cd-primary-nav > .has-children > a.selected::after {
    transform: rotate(45deg); }
  .cd-secondary-nav > .has-children > a::before, .cd-secondary-nav > .has-children > a::after {
    /* remove arrows on secondary nav titles */
    display: none; }
  .cd-primary-nav .go-back a {
    padding-left: 20px; }
  .cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
    left: 1px; } }

/* --------------------------------

support for no js

-------------------------------- */
.no-js .cd-primary-nav {
  position: relative;
  height: auto;
  width: 100%;
  overflow: visible;
  visibility: visible;
  z-index: 2; }

.no-js .cd-search {
  position: relative;
  top: 0;
  opacity: 1;
  visibility: visible; }

@media only screen and (min-width: 1024px) {
  .no-js .cd-primary-nav {
    position: absolute;
    z-index: 3;
    display: inline-block;
    width: auto;
    top: 0;
    right: 150px;
    padding: 0; }
  .no-js .nav-is-fixed .cd-primary-nav {
    position: fixed; } }

/*******
new test styles
********/
.main-header__wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1100px;
  margin: auto;
  padding: 0 1rem;
  height: 100%; }

footer {
  background-color: #000;
  color: #808080;
  padding: 0 1rem; }

.footer__contain {
  display: flex;
  flex-direction: column;
  max-width: 1100px;
  margin: auto;
  width: 100%;
  justify-content: space-between;
  padding: 1rem; }
  @media only screen and (min-width: 765px) {
    .footer__contain {
      flex-direction: row;
      padding: 0; } }
.main-footer {
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  @media only screen and (min-width: 765px) {
    .main-footer {
      flex-direction: row;
      padding: 2rem 0; } }
.main-footer__menu {
  display: flex;
  flex-direction: column; }
  @media only screen and (min-width: 765px) {
    .main-footer__menu {
      flex-direction: row; } }
.main-footer__logo {
  padding-bottom: 1rem; }
  @media only screen and (min-width: 765px) {
    .main-footer__logo {
      padding-bottom: 0; } }
  .main-footer__logo a {
    background-image: url(../images/tnemec-logo-white.svg);
    background-repeat: no-repeat;
    width: 56px;
    height: 65px;
    background-size: cover;
    display: block; }

.main-footer__menu__column {
  margin-bottom: 1rem; }
  @media only screen and (min-width: 765px) {
    .main-footer__menu__column {
      margin-right: 3rem;
      flex: 0 1 auto; } }
.main-footer__menu__column__item {
  line-height: 10px; }
  .main-footer__menu__column__item a {
    color: #b2b2b2;
    font-size: 11px;
    line-height: 14px;
    padding-bottom: .5rem;
    display: block;
    text-decoration: none; }

.main-footer__menu__column__item.header a {
  font-weight: 700;
  color: #fff;
  text-transform: uppercase; }

.footer-margin-bottom {
  margin-bottom: 2rem; }

.social-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 11px;
  border-top: 1px solid #444444; }
  @media only screen and (min-width: 765px) {
    .social-footer {
      padding: 1rem 0; } }
  .social-footer p {
    font-size: 11px; }

.social-footer__address {
  display: flex; }

.social-footer__numbers {
  margin-left: 2rem; }
  .social-footer__numbers a {
    color: #808080;
    text-decoration: none;
    font-size: .7rem; }

.social-footer__social-links {
  display: flex; }

.social-footer__social-link a {
  width: 35px;
  height: 35px;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  text-indent: -99999px;
  margin-left: .2rem; }

.social-footer__social-link.email a {
  background-image: url(../images/social/mail-grey.svg); }
  .social-footer__social-link.email a:hover {
    background-image: url(../images/social/mail-grey-hover.svg); }

.social-footer__social-link.facebook a {
  background-image: url(../images/social/facebook-grey.svg); }
  .social-footer__social-link.facebook a:hover {
    background-image: url(../images/social/facebook-grey-hover.svg); }

.social-footer__social-link.twitter a {
  background-image: url(../images/social/twitter-grey.svg); }
  .social-footer__social-link.twitter a:hover {
    background-image: url(../images/social/twitter-grey-hover.svg); }

.social-footer__social-link.linkedin a {
  background-image: url(../images/social/linkedin-grey.svg); }
  .social-footer__social-link.linkedin a:hover {
    background-image: url(../images/social/linkedin-grey-hover.svg); }

.social-footer__social-link.youtube a {
  background-image: url(../images/social/youtube-grey.svg); }
  .social-footer__social-link.youtube a:hover {
    background-image: url(../images/social/youtube-grey-hover.svg); }

.utility-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 11px;
  border-top: 1px solid #444444;
  padding: 1rem 0; }
  .utility-footer p {
    margin-bottom: 1rem;
    font-size: 11px; }
    @media only screen and (min-width: 765px) {
      .utility-footer p {
        margin: 0; } }
.utility-footer__items {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0; }
  @media only screen and (min-width: 765px) {
    .utility-footer__items {
      flex-direction: row; } }
@media only screen and (min-width: 765px) {
  .utility-footer__item {
    margin-left: 1rem; } }

.utility-footer__item a {
  color: #fff;
  font-size: 11px; }

.intro {
  display: flex;
  position: relative;
  padding: 0 1rem; }
  @media only screen and (min-width: 765px) {
    .intro {
      flex-direction: row; } }
.intro__contain {
  max-width: 900px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  width: 100%; }
  @media only screen and (min-width: 765px) {
    .intro__contain {
      flex-direction: row; } }
  .intro__contain.no-header {
    max-width: 1100px; }
    .intro__contain.no-header .intro__left {
      width: 100%; }
      @media only screen and (min-width: 765px) {
        .intro__contain.no-header .intro__left {
          width: 55%; } }
    .intro__contain.no-header .intro__right {
      width: 100%; }
      @media only screen and (min-width: 765px) {
        .intro__contain.no-header .intro__right {
          width: 45%; } }
.intro__left {
  float: left;
  display: inline-block;
  padding: 1rem;
  width: 100%; }
  @media only screen and (min-width: 765px) {
    .intro__left {
      padding-bottom: 4rem; } }
  .intro__left.no-padding {
    padding: 0; }

.intro__copy.has-social {
  display: flex;
  flex-direction: column; }
  @media only screen and (min-width: 765px) {
    .intro__copy.has-social {
      flex-direction: row; } }
  .intro__copy.has-social .social__vertical__items {
    margin: 2rem 2rem 0 0; }

.intro__copy__headline {
  color: #ed1c24;
  font-size: 36px;
  text-transform: uppercase;
  line-height: 2.5rem; }

.intro__copy__body {
  font-size: 18px; }

.intro__right {
  width: 100%;
  margin-bottom: 2rem; }
  @media only screen and (min-width: 765px) {
    .intro__right {
      float: left;
      display: inline-block;
      width: 50%;
      margin-bottom: 0; } }
  .intro__right.with-image {
    width: auto; }
    .intro__right.with-image .intro__callout {
      position: relative;
      width: 100%; }
    @media only screen and (min-width: 1340px) {
      .intro__right.with-image {
        padding-left: 5%;
        width: 425px; } }
.intro__project-profile__image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #00aeef;
  margin-top: 2rem; }
  .intro__project-profile__image:before {
    content: "";
    padding-top: 100%;
    display: flex; }

@media only screen and (min-width: 765px) {
  .intro__callout {
    width: 31%;
    margin-top: -4rem;
    position: absolute;
    right: 0;
    top: 0; } }

.intro__callout.address p {
  line-height: 20px;
  padding: 1rem 4rem; }
  .intro__callout.address p.intro__callout__body:last-of-type {
    padding-bottom: 4rem; }

.intro__callout.address a {
  color: #fff; }

.intro__callout.has-form {
  background-color: #00aeef;
  padding: 2rem; }
  @media only screen and (min-width: 765px) {
    .intro__callout.has-form {
      margin-top: -25%;
      padding: 2rem 3rem;
      width: 100%;
      position: relative; } }
  @media only screen and (min-width: 1200px) {
    .intro__callout.has-form {
      position: absolute;
      width: 35%; } }
  .intro__callout.has-form .intro__callout__headline {
    padding: 0;
    margin: 1rem 0 2rem;
    color: #000;
    font-size: 1.8rem; }
  .intro__callout.has-form.aerolon-red, .intro__callout.has-form.aerolon-red .intro__callout__headline {
    background-color: #eb010a; }
  .intro__callout.has-form.aerolon-yellow, .intro__callout.has-form.aerolon-yellow .intro__callout__headline {
    background-color: #ffc500; }

.intro__callout__headline {
  background-color: #0dafec;
  margin: 6px 0 0 0;
  padding: 1rem 2rem;
  color: #fff;
  text-transform: uppercase;
  font-size: 18px; }

.intro__callout__body {
  background-color: #2abaef;
  margin: 0;
  padding: 2rem;
  color: #fff;
  font-size: 14px;
  line-height: 30px; }
  .intro__callout__body a {
    text-decoration: underline;
    color: #fff;
    font-size: 1rem; }

.intro__copy__body a {
  color: #00aeef; }

.intro__callout__quote .intro__callout__body {
  position: relative;
  font-style: italic;
  font-weight: 300;
  padding: 2rem 2rem 2rem 3.5rem; }
  .intro__callout__quote .intro__callout__body:before {
    content: "\201C";
    /*Unicode for Left Double Quote*/
    font-family: Georgia, serif;
    font-size: 50px;
    color: #aadef8;
    position: absolute;
    left: 30px;
    top: 40px; }
  .intro__callout__quote .intro__callout__body:after {
    content: "\201D";
    right: 0;
    bottom: 0;
    font-family: Georgia, serif;
    font-size: 36px;
    font-weight: bold;
    color: #aadef8;
    line-height: 0;
    vertical-align: middle; }

.intro__callout__author {
  background-color: #2abaef;
  margin: 0;
  padding: 0 4rem 1rem 3.5rem;
  color: #fff;
  font-size: 18px;
  letter-spacing: 1px;
  font-weight: 500; }

.intro__callout .intro__right__map__wrap p {
  padding: 1rem;
  font-size: .9rem; }

.intro__right__map {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  padding: 0 4rem; }
  .intro__right__map:before {
    content: "";
    padding-top: 100%;
    display: flex; }

.intro__callout-bar {
  background-color: #00aeef;
  padding: 2rem;
  width: 100%;
  display: flex;
  color: #fff;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  @media only screen and (min-width: 765px) {
    .intro__callout-bar {
      flex-direction: row; } }
  .intro__callout-bar h3 {
    text-transform: uppercase;
    font-size: 1.5rem;
    margin: 0;
    color: #fff; }
  @media only screen and (min-width: 765px) {
    .intro__callout-bar .tnemec-button {
      margin-left: 2rem; } }
.breadcrumbs__wrap {
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
  padding: 1rem 0; }

.breadcrumb__items {
  display: flex;
  flex-wrap: wrap;
  align-items: center; }

.breadcrumb__item {
  color: #666;
  display: inline-block;
  font-weight: 300;
  font-size: .875rem;
  line-height: 1.75em; }

.breadcrumb__item__link {
  font-weight: 300;
  color: #00aeef;
  font-size: .875rem;
  text-decoration: none; }

.breadcrumb__item__divider {
  background-color: transparent;
  border: .7px solid #666;
  transform: rotate(-65deg);
  margin: 0 1rem;
  display: inline-block;
  width: 1rem; }

.avenue.avenue-margin-top {
  margin-top: 3rem; }

.avenue__contained {
  max-width: 900px;
  margin: auto; }

.avenue__wrap {
  display: flex;
  flex-direction: column; }
  @media only screen and (min-width: 765px) {
    .avenue__wrap {
      flex-direction: row;
      background-color: #00aeef; } }
.avenue__item__product-copy {
  color: #fff;
  z-index: 10; }

.avenue__item {
  overflow: hidden;
  width: 100%;
  float: left;
  position: relative;
  background-color: #ed1c24; }
  @media only screen and (min-width: 765px) {
    .avenue__item {
      flex: 1; } }
  @media only screen and (min-width: 1020px) {
    .avenue__item:before {
      padding-top: 130%;
      content: "";
      display: flex; } }
  @media only screen and (min-width: 1340px) {
    .avenue__item:before {
      padding-top: 90%;
      content: "";
      display: flex; } }
  .avenue__item:nth-child(even) {
    background-color: #ed2d34; }

.avenue__item__inner {
  z-index: 9;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }

.avenue__item__title {
  color: #fff;
  text-transform: uppercase; }

.avenue__item__copy {
  font-size: 16px; }

/*****
avenue no image
*****/
.avenue__item__inner {
  padding: 2rem; }
  @media only screen and (min-width: 1020px) {
    .avenue__item__inner {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; } }
  @media only screen and (min-width: 1020px) {
    .avenue__item__inner {
      padding: 3rem; } }
  @media only screen and (min-width: 1340px) {
    .avenue__item__inner {
      padding: 4rem; } }
  .avenue__item__inner .avenue__item__title {
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1.1px; }
  .avenue__item__inner .avenue__item__headline {
    font-size: 36px;
    color: #fff;
    margin-top: 0;
    text-transform: uppercase; }
  .avenue__item__inner .avenue__item__product-copy_button {
    background-color: #fff;
    color: #ed1c24;
    padding: .5rem 2rem;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500;
    float: left;
    letter-spacing: 1.5px;
    border-radius: 25px; }
  .avenue__item__inner .social-buttons {
    display: flex;
    align-items: center; }
  .avenue__item__inner .social {
    width: 30px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block; }
    .avenue__item__inner .social:not(:first-child) {
      margin-left: 1rem; }
    .avenue__item__inner .social.button-facebook {
      background-image: url(../images/social/facebook-white.svg); }
    .avenue__item__inner .social.button-twitter {
      background-image: url(../images/social/twitter-white.svg); }
    .avenue__item__inner .social.button-linkedin {
      background-image: url(../images/social/linkedin-white.svg); }
    .avenue__item__inner .social.button-youtube {
      background-image: url(../images/social/youtube-white.svg); }
    .avenue__item__inner .social.button-email {
      background-image: url(../images/social/mail-white.svg); }

/***************
new content here
****************/
.carousel__wrap {
  max-width: 100%; }

.timeline {
  position: relative; }

.timeline__image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }
  .timeline__image:before {
    content: "";
    padding-top: 55%;
    display: flex; }

.timeline__dates__contain {
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 9999; }
  @media only screen and (min-width: 1020px) {
    .timeline__dates__contain {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 40px;
      width: 40%;
      overflow: scroll; } }
  @media only screen and (min-width: 1340px) {
    .timeline__dates__contain {
      width: 32%; } }
.timeline__date {
  display: flex;
  flex-direction: column;
  padding: 2rem 3rem; }

.timeline__date__subhead {
  font-size: 24px;
  text-transform: uppercase;
  color: #ed1c24;
  margin: 0;
  width: 50%; }

.timeline__date__date {
  font-size: 100px;
  color: #ed1c24;
  margin: 20px 0 0 -5px; }
  @media only screen and (min-width: 1340px) {
    .timeline__date__date {
      margin: 80px 0 0 -5px; } }
.timeline__date__body {
  font-size: 14px;
  line-height: 30px; }

.timeline__prevArrow {
  background-image: url(../images/blue-arrow-left.svg);
  background-position: center;
  background-size: contain;
  position: absolute;
  left: 20px;
  top: 45%;
  width: 50px;
  height: 50px;
  z-index: 99999;
  overflow: hidden; }
  @media only screen and (min-width: 1020px) {
    .timeline__prevArrow {
      left: 40%; } }
.timeline__nextArrow {
  background-image: url(../images/blue-arrow-right.svg);
  background-position: center;
  background-size: contain;
  position: absolute;
  right: 40px;
  top: 45%;
  width: 50px;
  height: 50px;
  z-index: 99999;
  overflow: hidden; }

.timeline__dots {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 50%;
  margin: 1rem auto; }
  .timeline__dots li {
    display: inline-block; }
    .timeline__dots li.slick-active button {
      background: none; }
    .timeline__dots li button {
      font-size: 0;
      background: #00aeef;
      width: 15px;
      height: 15px;
      border-radius: 50%;
      padding: 0;
      border: 2px solid #00aeef; }
    .timeline__dots li:not(:first-child) {
      margin-left: 6rem; }

.carousel__prevArrow {
  background-image: url(../images/blue-arrow-left.svg);
  background-position: center;
  background-size: contain;
  position: absolute;
  left: 20px;
  top: 35%;
  width: 50px;
  height: 50px;
  z-index: 150;
  display: inline-block; }

.carousel__nextArrow {
  background-image: url(../images/blue-arrow-right.svg);
  background-position: center;
  background-size: contain;
  position: absolute;
  right: 40px;
  top: 35%;
  width: 50px;
  height: 50px;
  z-index: 150;
  display: inline-block; }

.news-carousel__wrap {
  max-width: 700px; }

.news-carousel__items .news-carousel__item {
  background-size: cover;
  background-position: center; }
  .news-carousel__items .news-carousel__item:before {
    content: "";
    padding-top: 65%;
    display: table; }

.news-carousel__caption p.image-caption {
  text-align: center;
  padding: 0 0 2rem 0; }

.project-profile__carousel {
  max-width: 400px; }
  .project-profile__carousel ul li img {
    height: auto; }
  @media only screen and (min-width: 1020px) {
    .project-profile__carousel {
      max-width: 600px; } }
/* 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; }

/*----- vertical-tabs -----*/
.vertical-tabs {
  max-width: 900px;
  margin: auto;
  display: flex;
  flex-direction: column;
  padding: 1rem; }
  @media only screen and (min-width: 765px) {
    .vertical-tabs {
      flex-direction: row;
      padding: 4rem 2rem 6rem;
      min-height: 400px; } }
  @media only screen and (min-width: 1020px) {
    .vertical-tabs {
      padding: 4rem 0 6rem; } }
.vertical-tab__items {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0 0 3rem 3rem; }
  @media only screen and (min-width: 765px) {
    .vertical-tab__items {
      margin: 0; } }
  .vertical-tab__items li {
    margin-bottom: 1.5rem; }
    .vertical-tab__items li a {
      color: #00aeef;
      text-transform: uppercase;
      font-weight: 500; }

.vertical-tabs__headline {
  color: #00aeef;
  font-size: 36px;
  text-transform: uppercase; }

.vertical-tab__content {
  width: 75%;
  display: flex; }

.tab-content__headline {
  margin: 0;
  font-weight: 800;
  padding-right: 2rem;
  color: #000; }

.tab-content__year {
  margin: 0;
  font-weight: 800;
  padding-right: 2rem;
  color: #000;
  font-size: 16px; }

.tab-content__body {
  margin: 0; }

.vertical-tab__content ul li {
  display: flex;
  padding-bottom: 1rem;
  margin-bottom: 1rem; }
  .vertical-tab__content ul li:not(:last-child) {
    border-bottom: 1px solid #ddd; }

.vertical-tab__content__tab.active {
  display: block; }

.tabs {
  max-width: 900px;
  margin: auto;
  display: flex;
  flex-direction: column;
  padding: 1rem; }
  @media only screen and (min-width: 765px) {
    .tabs {
      flex-direction: row;
      padding: 4rem 0 6rem;
      min-height: 400px; } }
.accordion {
  width: 100%; }
  .accordion ul {
    margin: 0;
    padding: 0; }
  .accordion li {
    border-bottom: 1px solid;
    list-style: none; }
    .accordion li > a {
      color: #00aeef;
      display: block;
      padding: 1rem;
      text-decoration: none; }
    .accordion li:last-child {
      border: 0; }
  .accordion ul.submenu {
    display: none; }
    .accordion ul.submenu li:first-child {
      border-top: 1px solid #000; }
  .accordion .is-expanded {
    display: block;
    padding-bottom: 0; }

.rich-text h3,
.grid__headline {
  font-size: 24px;
  text-transform: uppercase;
  color: #ed1c24;
  padding: 0 1rem;
  margin-top: 0; }
  @media only screen and (min-width: 765px) {
    .rich-text h3,
    .grid__headline {
      padding: 0; } }
.grid__body {
  padding: 0 1rem; }
  @media only screen and (min-width: 765px) {
    .grid__body {
      padding: 0; } }
.thirds-grid {
  max-width: 900px;
  margin: auto;
  padding: 1rem; }

.thirds-grid__row + .thirds-grid__row {
  margin-top: 2.5rem; }

.thirds-grid__wrap {
  display: flex;
  flex-wrap: wrap;
  flex-flow: row wrap; }

.thirds-grid__block__link:hover .third__lower-copy {
  background-color: #4da578; }

.thirds-grid__block {
  width: 100%;
  margin-bottom: 2rem; }
  @media only screen and (min-width: 765px) {
    .thirds-grid__block {
      width: 48%; } }
  @media only screen and (min-width: 1020px) {
    .thirds-grid__block {
      width: 31%; } }
.third__image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  .third__image:before {
    content: "";
    padding-bottom: 55%;
    display: flex; }

/*****
Specific to Tanks
*****/
.third__lower-copy {
  background-color: #00a651;
  float: left;
  padding: .5rem;
  color: #fff; }
  .third__lower-copy p {
    margin: 0; }
  .third__lower-copy a {
    color: #fff; }

/******
Specific to Team
*****/
.third__image.overlay {
  display: flex;
  align-items: flex-end; }

.third__image__overlay__copy {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(25, 25, 25, 0.65) 100%);
  width: 100%;
  padding: 5rem 0 .5rem .5rem; }

.third__image__overlay__name {
  color: #fff;
  margin: 0;
  padding: 0; }

.third__image__overlay__title {
  color: #fff;
  margin: 0;
  padding: 0; }

/*********
specific to reps
*********/
.find-a-rep .button-text-inline {
  justify-content: flex-start;
  height: auto; }
  .find-a-rep .button-text-inline a.tnemec-button {
    margin-right: 2rem; }

.thirds-grid__block.reps {
  margin-top: 2rem; }
  .thirds-grid__block.reps:not(:nth-child(3n)) {
    padding-right: 2rem; }
  .thirds-grid__block.reps .tnemec-button:not(:first-child) {
    margin-top: 1rem; }

/****
ave items
***/
.third__image__link {
  overflow: hidden;
  width: 100%;
  float: left;
  position: relative;
  margin-bottom: 2rem; }
  .third__image__link:hover .third__image__overlay-copy:after {
    content: "";
    background-image: url("../images/hover-arrow-2.svg");
    background-repeat: no-repeat;
    width: 5rem;
    height: 1.5rem;
    float: left;
    transition: all .5s ease;
    opacity: 1;
    margin-top: .5rem; }
  .third__image__link:hover .avenue__item__background-image {
    transform: scale(1.03);
    transition: all .5s ease; }
  @media only screen and (min-width: 765px) {
    .third__image__link {
      width: 48%;
      margin: 10px 14px 10px 0; } }
  @media only screen and (min-width: 1020px) {
    .third__image__link {
      width: 31%;
      margin: 10px 18px 10px 0; } }
.third__image__overlay-copy {
  color: #fff;
  text-shadow: 0px 0px 0.5rem rgba(0, 0, 0, 0.5);
  z-index: 10; }
  .third__image__overlay-copy:after {
    content: "";
    background-image: url("../images/hover-arrow-2.svg");
    background-repeat: no-repeat;
    width: 2rem;
    height: 1rem;
    float: left;
    transition: all .5s ease;
    opacity: 1; }
  @media only screen and (min-width: 765px) {
    .third__image__overlay-copy:after {
      content: "";
      height: 0;
      opacity: 0; } }
.thirds-grid__image__block {
  display: flex;
  background-repeat: no-repeat;
  background-position: center;
  align-items: flex-end;
  background-size: cover; }
  .thirds-grid__image__block:before {
    content: "";
    padding-top: 57%;
    display: flex; }

.third__image__background-image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  background-size: cover;
  background-repeat: no-repeat;
  transition: all .5s ease; }

.third__image__gradient-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(180deg, rgba(56, 56, 56, 0) 50%, rgba(56, 56, 56, 0.4) 77%);
  opacity: 1;
  z-index: 9;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 1rem; }

.third__image__overlay__name {
  color: #fff;
  text-transform: uppercase; }

.third__image__overlay__title {
  color: #fff;
  text-transform: uppercase; }

/*****
green initiatives
*****/
.third__lower-copy__headline {
  color: #00aeef;
  text-transform: uppercase; }

.third__lower-copy__arrow {
  background-image: url(../images/white-blue-arrow.svg);
  background-position: center;
  background-repeat: no-repeat;
  width: 1.5rem;
  height: 1.5rem;
  display: block; }

/******
contact
******/
.third__lower-copy__subhead {
  font-size: .7rem;
  font-weight: 700;
  margin-bottom: 0; }

.third__lower-copy__body {
  margin-top: 0;
  font-size: 1rem; }
  .third__lower-copy__body a {
    font-size: 1rem;
    text-decoration: none; }

/****
50% grid
****/
.half-grid__row {
  display: flex;
  flex-direction: column;
  max-width: 900px;
  margin: auto;
  border-top: 1px solid #e8e8e8;
  padding-top: 1rem;
  margin-bottom: 2rem; }
  @media only screen and (min-width: 765px) {
    .half-grid__row {
      flex-direction: row;
      padding-top: 2rem;
      margin-bottom: 3rem; } }
  .half-grid__row.full-width {
    max-width: 100%; }

.half-grid__block {
  width: 100%;
  padding: 2rem;
  border-right: none; }
  .half-grid__block:first-child {
    border-bottom: 1px solid #e8e8e8; }
  @media only screen and (min-width: 765px) {
    .half-grid__block {
      padding-left: 6rem;
      flex: 0 1 50%;
      border-bottom: none;
      padding-top: 0; }
      .half-grid__block:first-child {
        padding-left: 0;
        padding-right: 6rem;
        border-right: 1px solid #e8e8e8;
        border-bottom: none; } }
  .half-grid__block.block-image {
    max-height: 400px; }
    .half-grid__block.block-image:after {
      content: "";
      padding-top: 60%;
      display: table; }

.half-grid__title {
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 0; }

.half-grid__headline {
  font-size: 36px;
  text-transform: uppercase;
  margin-top: 0; }

.half-grid__body {
  margin-bottom: 4rem; }

.related-products__hover-arrow {
  background-image: url(../images/hover-arrow-2.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 9; }

/**********
***********/
.half-image-grid__wrap {
  display: flex;
  flex-direction: column; }
  @media only screen and (min-width: 765px) {
    .half-image-grid__wrap {
      flex-direction: row;
      flex-wrap: wrap; } }
  .half-image-grid__wrap__text > div {
    flex: 1 0 50%; }
  .half-image-grid__wrap__text .half-image-grid__item {
    position: relative; }
    .half-image-grid__wrap__text .half-image-grid__item:before {
      padding-top: 80%; }
  .half-image-grid__wrap__text .half-grid__item__text {
    padding: 2.5rem; }
    .half-image-grid__wrap__text .half-grid__item__text h3 {
      color: #ed1c24;
      font-size: 1.8rem; }
  .half-image-grid__wrap__padding {
    margin-bottom: 2rem; }
    .half-image-grid__wrap__padding .half-image-grid__item__link {
      padding: .5rem; }
      .half-image-grid__wrap__padding .half-image-grid__item__link .half-image-grid__item {
        position: relative;
        overflow: hidden; }

.half-image-grid__item__product-copy {
  color: #fff;
  z-index: 10; }
  .half-image-grid__item__product-copy:after {
    content: "";
    background-image: url("../images/hover-arrow.svg");
    background-repeat: no-repeat;
    width: 5rem;
    height: 3rem;
    float: left;
    transition: all .5s ease;
    opacity: 1; }
  @media only screen and (min-width: 765px) {
    .half-image-grid__item__product-copy:after {
      content: "";
      height: 0;
      opacity: 0; } }
.half-image-grid__item__link {
  overflow: hidden;
  width: 100%;
  float: left;
  position: relative;
  flex: 1 0 50%; }
  .half-image-grid__item__link:hover .half-image-grid__item__product-copy:after {
    content: "";
    background-image: url("../images/hover-arrow.svg");
    background-repeat: no-repeat;
    width: 5rem;
    height: 3rem;
    float: left;
    transition: all .5s ease;
    opacity: 1;
    margin-top: 1.5rem; }
  .half-image-grid__item__link:hover .half-image-grid__item__background-image {
    transform: scale(1.03);
    transition: all .5s ease; }

.half-image-grid__item {
  display: flex;
  background-repeat: no-repeat;
  background-position: center;
  align-items: flex-end;
  background-size: cover; }
  .half-image-grid__item:before {
    content: "";
    padding-top: 60%;
    display: flex; }

.half-image-grid__item__background-image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  background-size: cover;
  background-repeat: no-repeat;
  transition: all .5s ease; }

.half-image-grid__item__gradient-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(56, 56, 56, 0.65) 100%);
  opacity: 1;
  z-index: 9;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1rem; }

.half-image-grid__item__title {
  color: #fff;
  text-transform: uppercase;
  font-size: 30px;
  margin-top: 0;
  text-shadow: 0px 0px 0.5rem rgba(0, 0, 0, 0.5); }

.half-image-grid__wrap.space-around {
  justify-content: space-between; }
  .half-image-grid__wrap.space-around .half-image-grid__item__link {
    flex: 0 0 49%;
    margin-bottom: 1.3rem;
    box-shadow: 0 0 15px #737373; }

/*********
thirds grid with red headlines and subheadlines
*********/
.thirds-grid__red .thirds-grid__wrap {
  border-bottom: 1px solid #6d6d6d; }

@media only screen and (min-width: 1020px) {
  .thirds-grid__red .thirds-grid__section .thirds-grid__wrap:after {
    content: "";
    flex: auto; } }

@media only screen and (min-width: 1020px) {
  .thirds-grid__red .thirds-grid__section .thirds-grid__wrap .thirds-grid__block {
    width: 33%; } }

.thirds-grid__red .thirds-grid__section .third__lower-copy__title {
  color: #ed1c24; }

.thirds-grid__red .thirds-grid__section .third__lower-copy__headline {
  color: #6d6d6d;
  margin-top: 0;
  font-size: 1.1rem; }

.bio-social__link {
  display: inline-block; }
  .bio-social__link:not(:first-child) {
    margin-left: .5rem; }

.bio-social__link__link {
  width: 2rem;
  height: 2rem;
  display: block;
  background-size: cover;
  background-position: center; }
  .bio-social__link__link.email {
    background-image: url(../images/social/mail-blue.svg); }
    .bio-social__link__link.email:hover {
      background-image: url(../images/social/mail-blue-hover.svg); }
  .bio-social__link__link.linkedin {
    background-image: url(../images/social/linkedin-blue.svg); }
    .bio-social__link__link.linkedin:hover {
      background-image: url(../images/social/linkedin-blue-hover.svg); }

.intro__copy__title-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-end; }
  .intro__copy__title-wrap .intro__copy__headline {
    margin-bottom: 0; }

.intro__copy__company-time {
  text-transform: uppercase;
  font-size: 14px;
  color: #585858;
  margin-bottom: 0;
  letter-spacing: 1.5px; }

.icon__items {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column; }
  @media only screen and (min-width: 765px) {
    .icon__items {
      flex-direction: row;
      align-items: center;
      margin: 3rem 0 0; } }
.icon__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-bottom: 1px solid #e8e8e8;
  padding: 2rem 0;
  width: 100%;
  flex: 1 1 auto;
  text-align: center; }
  @media only screen and (min-width: 765px) {
    .icon__item {
      border-bottom: none;
      width: auto;
      padding: 1rem; }
      .icon__item:not(:first-child) {
        border-left: 1px solid #e8e8e8; } }
.icon__item__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #00aeef;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1px;
  justify-content: center;
  text-decoration: none; }
  .icon__item__link.schedule > div {
    background-image: url(../images/icons/clock-icon.svg); }
  .icon__item__link.online > div {
    background-image: url(../images/icons/courses-icon.svg); }
  .icon__item__link.register > div {
    background-image: url(../images/icons/register-icon-2.svg); }
  .icon__item__link.newsletter > div {
    background-image: url(../images/icons/newsletter-icon.svg); }
  .icon__item__link.media-kit > div {
    background-image: url(../images/icons/download-icon.svg); }
  .icon__item__link.marketing > div {
    background-image: url(../images/icons/marketing-icon.svg); }
  .icon__item__link.speaking > div {
    background-image: url(../images/icons/speaking.svg); }
  .icon__item__link.checklist > div {
    background-image: url(../images/icons/checklist.svg); }
  .icon__item__link.calendar > div {
    background-image: url(../images/icons/calendar.svg); }

.icon__item__link__icon {
  width: 4rem;
  height: 4rem;
  background-repeat: no-repeat;
  background-position: center; }

.icon__item__link__headline {
  display: flex;
  align-items: center;
  text-decoration: none; }
  .icon__item__link__headline:after {
    content: "";
    background-image: url(../images/icons/new-tab-icon.svg);
    width: 1rem;
    height: 1rem;
    display: block;
    margin-left: .5rem; }

.icon__item__link__copy {
  margin-top: 0;
  font-size: 14px; }

.news-contain {
  max-width: 900px;
  margin: 0 auto;
  padding: 1rem; }
  @media only screen and (min-width: 765px) {
    .news-contain {
      margin-bottom: 2rem; } }
.news-overview__item {
  border-bottom: 1px solid #e8e8e8;
  display: flex;
  margin-top: 1rem;
  padding-top: 1rem;
  flex-direction: column;
  cursor: pointer;
  text-decoration: none; }
  @media only screen and (min-width: 765px) {
    .news-overview__item {
      flex-direction: row;
      border-top: 1px solid #e8e8e8;
      border-bottom: none; } }
  .news-overview__item.latest-news__item {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding-bottom: 2rem; }
    .news-overview__item.latest-news__item .news-overview__item__copy {
      padding: 2rem; }
      .news-overview__item.latest-news__item .news-overview__item__copy .latest-news__label, .news-overview__item.latest-news__item .news-overview__item__copy .news-overview__item__copy__headline, .news-overview__item.latest-news__item .news-overview__item__copy .news-overview__item__copy__body {
        color: #fff; }
      .news-overview__item.latest-news__item .news-overview__item__copy:after {
        background-image: url(../images/hover-arrow-2.svg);
        left: 2rem; }
    .news-overview__item.latest-news__item .latest-news__item__overlay {
      background-color: #00aeef;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      opacity: .8; }
  .news-overview__item:after {
    content: "";
    background-image: url(../images/white-blue-arrow.svg);
    background-repeat: no-repeat;
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    bottom: 0;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all 300ms ease-out; }
  .news-overview__item:hover {
    color: inherit; }
    .news-overview__item:hover .news-overview__item__copy:after {
      opacity: 1;
      bottom: -25px; }

.news-overview__item__image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1; }
  .news-overview__item__image:before {
    content: "";
    padding-bottom: 56%;
    display: flex; }
  @media only screen and (min-width: 765px) {
    .news-overview__item__image {
      margin-right: 2rem; } }
.latest-news__label {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  color: #00a651;
  display: block; }

.news-overview__item__copy {
  flex: 2;
  margin: 1rem 0;
  position: relative; }
  @media only screen and (min-width: 765px) {
    .news-overview__item__copy {
      margin: 0;
      padding: 2rem 0; } }
  .news-overview__item__copy:after {
    content: "";
    background-image: url(../images/white-blue-arrow.svg);
    background-repeat: no-repeat;
    position: absolute;
    width: 2rem;
    height: 2rem;
    bottom: -35px;
    opacity: 0;
    left: 0;
    transform: translateY(-50%);
    transition: all 300ms ease-out; }

.news-overview__item__copy__headline {
  text-transform: uppercase;
  color: #00aeef;
  font-weight: 500;
  font-size: 30px;
  margin: 0;
  padding: 0; }
  .news-overview__item__copy__headline a {
    font-weight: 500; }

.news-overview__item__copy__body {
  color: #333;
  margin: 1rem 0; }

/******************
single news article
******************/
.news-article__wrap {
  max-width: 1100px;
  margin: auto;
  display: flex;
  flex-direction: column;
  padding: 1rem; }
  @media only screen and (min-width: 765px) {
    .news-article__wrap {
      flex-direction: row; } }
.news-article__main {
  padding: 0; }
  .news-article__main .intro__copy__headline {
    margin: 0;
    padding: 0; }
  @media only screen and (min-width: 765px) {
    .news-article__main {
      flex: 10;
      padding: 0 4rem 0 2rem; } }
  .news-article__main .newsletter-signup {
    margin: 4rem 0; }
    .news-article__main .newsletter-signup .newsletter-signup__headline {
      font-size: 30px;
      margin-bottom: 0; }
    .news-article__main .newsletter-signup .newsletter-signup__copy {
      font-size: 18px;
      margin-top: 0; }

.newsletter-signup__headline {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500; }

.newsletter-signup__copy {
  font-size: 14px; }

.news-article__related {
  flex: 1;
  margin-top: 3rem; }
  @media only screen and (min-width: 765px) {
    .news-article__related {
      flex: 3;
      margin-top: 0; } }
.news-article__related__headline {
  color: #ed1c24;
  text-transform: uppercase;
  margin: 0 0 1rem 0;
  padding: 0; }

.news-article__related__item {
  border-bottom: 1px solid #d6d6d6;
  margin-bottom: .5rem;
  padding-bottom: .5rem;
  text-transform: uppercase; }

.news-article__related__item__link {
  color: #00aeef;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none; }

.pagination {
  max-width: 900px;
  margin: 2rem auto;
  padding: 0 1rem; }

.pagination__contain {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  margin: 2rem 0; }
  @media only screen and (min-width: 765px) {
    .pagination__contain {
      flex-direction: row;
      margin: 0; } }
.pagination__result {
  display: inline-block;
  margin: 0 .5rem; }
  .pagination__result.active a {
    color: #000;
    border-bottom: 1px solid #000; }

.pagination__result__link {
  font-size: 12px;
  text-transform: uppercase;
  color: #00aeef;
  text-decoration: none; }
  .pagination__result__link.prev:before {
    content: "";
    padding-right: .6rem;
    background-image: url(../images/pag-prev-arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 0;
    height: 10px;
    display: inline-block; }
  .pagination__result__link.next:after {
    content: "";
    padding-left: .6rem;
    background-image: url(../images/pag-next-arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 0;
    height: 10px;
    display: inline-block; }

.pagination__per-page {
  margin: 1rem 0 0; }
  .pagination__per-page select {
    appearance: none;
    -webkit-appearance: none;
    background: url(../images/select-arrow-blue.svg) 96%/10% no-repeat #fff;
    width: 10rem;
    border-radius: 2px;
    border-color: #e8e8e8;
    text-transform: uppercase;
    font-size: 16px;
    color: #00aeef; }
    .pagination__per-page select option {
      font-weight: 500; }
  @media only screen and (min-width: 765px) {
    .pagination__per-page {
      margin: 0; } }
/***************
search pagination
****************/
.pagination.search {
  margin: 0;
  max-width: 100%;
  border-bottom: 1px solid #e8e8e8;
  border-top: 1px solid #e8e8e8; }

.product-blocks__view-all {
  margin: 4rem 0; }

.product-blocks__wrap {
  max-width: 900px;
  margin: auto;
  padding: 0 1rem; }
  @media only screen and (min-width: 1020px) {
    .product-blocks__wrap {
      padding: 0; } }
.product-blocks__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  @media only screen and (min-width: 765px) {
    .product-blocks__items {
      justify-content: space-between;
      margin-bottom: 2rem; }
      .product-blocks__items:after {
        content: "";
        flex: 0 0 calc(33% - 15px); } }
  @media only screen and (min-width: 1020px) {
    .product-blocks__items {
      padding: 0; } }
.product-blocks__item {
  flex: 0 0 90%;
  margin-bottom: 1.5rem;
  height: 11rem;
  position: relative; }
  @media only screen and (min-width: 765px) {
    .product-blocks__item {
      flex: 0 0 45%; } }
  @media only screen and (min-width: 1020px) {
    .product-blocks__item {
      flex: 0 0 31%; } }
  .product-blocks__item.transparent {
    margin-bottom: 5rem; }
    .product-blocks__item.transparent .product-blocks__item__title {
      color: #ed1c24;
      max-height: inherit; }

.product-blocks__item__title {
  max-height: 1rem;
  color: #fff;
  font-weight: 500;
  font-size: 2rem;
  text-decoration: none;
  margin: 0;
  text-transform: uppercase; }

.product-blocks__item__subhead {
  margin: 0;
  font-size: 1rem;
  text-transform: uppercase; }

.product-blocks__item__title__link {
  background-color: #ed1c24;
  color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1rem;
  text-decoration: none;
  transition: all .5s ease; }
  .product-blocks__item__title__link.see-all-category {
    background-color: #00aeef; }
    .product-blocks__item__title__link.see-all-category:hover {
      background-color: #000; }
  .product-blocks__item__title__link:hover, .product-blocks__item__title__link:active, .product-blocks__item__title__link:focus {
    background-color: #000;
    color: #fff;
    transition: all .5s ease; }
    .product-blocks__item__title__link:hover:after, .product-blocks__item__title__link:active:after, .product-blocks__item__title__link:focus:after {
      background-image: url("../images/hover-arrow-2.svg");
      bottom: 1rem;
      left: 1rem;
      opacity: 1;
      height: 2rem;
      width: 2rem;
      transition: all .5s ease; }
  .product-blocks__item__title__link:after {
    content: "";
    display: flex;
    position: absolute;
    background-image: url("../images/hover-arrow-2.svg");
    background-repeat: no-repeat;
    bottom: 0;
    left: 0;
    opacity: 0;
    height: 0;
    transition: all .5s ease; }

/***********
our brands callout
************/
.our-brands-list {
  text-align: center;
  color: #fff;
  position: relative; }
  .our-brands-list * {
    color: #fff; }

.our-brands-list__contain {
  max-width: 900px;
  margin: auto;
  padding: 3rem 0;
  position: relative; }

.our-brands-list__title {
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 0; }

.our-brands-list__headline {
  font-size: 36px;
  text-transform: uppercase;
  margin: 0; }

.our-brands-list__subhead {
  font-size: 16px;
  font-weight: 300;
  margin-top: 0; }

.our-brands-list__items {
  display: flex;
  flex-wrap: wrap;
  /*justify-content: space-between;*/
  margin-top: 4rem; }
  .our-brands-list__items:after {
    content: "";
    flex: 0 0 calc(25% - 10px); }

.our-brands-list__item {
  float: left;
  margin-bottom: 3rem;
  flex: 0 1 100%; }
  @media only screen and (min-width: 765px) {
    .our-brands-list__item {
      flex: 0 1 50%; } }
  @media only screen and (min-width: 1020px) {
    .our-brands-list__item {
      flex: 0 1 33%; } }
.social__vertical {
  flex: 1; }

.social__vertical__items {
  display: flex;
  flex-direction: row; }
  @media only screen and (min-width: 765px) {
    .social__vertical__items {
      flex-direction: column;
      margin-left: 0; } }
.social__vertical__item {
  display: inline-block;
  margin-bottom: 1.5rem;
  margin-right: 2rem; }
  @media only screen and (min-width: 765px) {
    .social__vertical__item {
      margin-right: 0; } }
.social__vertical__item__link {
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 1.5rem;
  height: 1.5rem; }
  .social__vertical__item__link.facebook {
    background-image: url(../images/social/facebook-blue.svg); }
    .social__vertical__item__link.facebook:hover {
      background-image: url(../images/social/facebook-blue-hover.svg); }
  .social__vertical__item__link.twitter {
    background-image: url(../images/social/twitter-blue.svg); }
    .social__vertical__item__link.twitter:hover {
      background-image: url(../images/social/twitter-blue-hover.svg); }
  .social__vertical__item__link.linkedin {
    background-image: url(../images/social/linkedin-blue.svg); }
    .social__vertical__item__link.linkedin:hover {
      background-image: url(../images/social/linkedin-blue-hover.svg); }
  .social__vertical__item__link.mail {
    background-image: url(../images/social/mail-blue.svg); }
    .social__vertical__item__link.mail:hover {
      background-image: url(../images/social/mail-blue-hover.svg); }
  .social__vertical__item__link.link {
    background-image: url(../images/social/link-blue.svg); }
    .social__vertical__item__link.link:hover {
      background-image: url(../images/social/link-blue-hover.svg); }

.social__vertical__item .share-label {
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #6d6d6d;
  white-space: nowrap; }

.related-products-grid {
  max-width: 900px;
  margin: 0 auto 2rem;
  padding: 1rem; }

.related-products-grid__wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

.related-products-grid__block__link {
  width: 100%;
  display: flex;
  text-decoration: none;
  position: relative; }
  .related-products-grid__block__link:after {
    content: "";
    background-image: url("../images/hover-arrow-2.svg");
    background-repeat: no-repeat;
    width: 0;
    height: 0;
    float: left;
    transition: all .5s ease;
    opacity: 0;
    position: absolute;
    bottom: 0;
    right: 1rem; }
  .related-products-grid__block__link:hover .related-products__copy {
    background-color: #000;
    transition: all .5s ease; }
    .related-products-grid__block__link:hover .related-products__copy .related-products__copy__subheadline, .related-products-grid__block__link:hover .related-products__copy .related-products__copy__body {
      color: #fff;
      transition: all .5s ease; }
      .related-products-grid__block__link:hover .related-products__copy .related-products__copy__subheadline .rich-text, .related-products-grid__block__link:hover .related-products__copy .related-products__copy__body .rich-text {
        color: #fff; }
  .related-products-grid__block__link:hover:after {
    content: "";
    background-image: url("../images/hover-arrow-2.svg");
    background-repeat: no-repeat;
    width: 1.5rem;
    height: 1.5rem;
    float: left;
    transition: all .5s ease;
    opacity: 1;
    bottom: 1rem;
    right: 1rem; }
  .related-products-grid__block__link .avenue__item__background-image {
    transform: scale(1.03);
    transition: all .5s ease; }

.related-products-grid__block {
  width: 100%;
  display: flex;
  background-color: #fafafa;
  border: 1px solid #e8e8e8;
  margin-bottom: 4%;
  position: relative; }
  @media only screen and (min-width: 765px) {
    .related-products-grid__block {
      width: 48%; } }
.related-products__copy {
  flex: 2;
  padding: 1rem 0 0 1rem; }

.related-products__copy__headline {
  color: #00aeef;
  font-size: 24px;
  margin: 0; }

.related-products__copy__subheadline {
  color: #000;
  font-size: 14px; }

.related-products__copy__body > .rich-text {
  margin: 0 0 1em; }

.related-products__copy__body,
.related-products__copy__body > .rich-text,
.related-products__copy__body > .rich-text > * {
  font-size: 14px;
  color: #333;
  line-height: 1.2rem; }

.related-products__image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  flex: 1; }

.related-products__hover-arrow {
  background-image: url(../images/hover-arrow-2.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 9; }

.button-contain + .related-products-grid {
  margin-top: 2.5rem; }

.filtered-list .pagination {
  margin-top: 0; }

.products-listing-header {
  background-color: #ed1c24; }
  .products-listing-header:before {
    padding-bottom: 0; }

.intro.product-listing .intro__contain {
  max-width: 1100px;
  margin: auto; }

.sidebar-filter-list__wrap {
  display: flex;
  flex-direction: column;
  max-width: 1100px;
  margin: auto;
  padding: 0 1rem; }
  @media only screen and (min-width: 765px) {
    .sidebar-filter-list__wrap {
      flex-direction: row; } }
  .sidebar-filter-list__wrap--extended {
    max-width: 92rem; }

.sidebar-filters {
  flex: 1; }

.filtered-list {
  flex: 4; }
  @media only screen and (min-width: 765px) {
    .filtered-list {
      padding-left: 3rem; } }
/**********
product filters
**********/
.sidebar-filters__group {
  border-bottom: 1px solid #e8e8e8;
  padding: 0 0 1rem 0; }
  .sidebar-filters__group legend {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0; }

.sidebar-filters__group__headline {
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: .5rem; }
  .sidebar-filters__group__headline.secondary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer; }
    .sidebar-filters__group__headline.secondary:after {
      content: "";
      background-image: url(../images/product-filter-dropdown-arrow.svg);
      background-repeat: no-repeat;
      background-position: center;
      display: flex;
      align-self: center;
      width: 15px;
      height: 15px; }
    .sidebar-filters__group__headline.secondary + ul {
      display: none; }
    .sidebar-filters__group__headline.secondary.active:after {
      background-image: url(../images/product-filter-dropdown-close.svg); }

.sidebar-filters__group__sub-headline {
  font-style: italic;
  font-size: 12px;
  margin: .5rem 0; }

.sidebar-filters__group__item {
  margin-bottom: .5rem; }
  .sidebar-filters__group__item label {
    font-size: 16px;
    font-weight: 300;
    color: #6d6d6d;
    display: flex; }
    .sidebar-filters__group__item label input {
      margin-right: 1rem; }
  .sidebar-filters__group__item .sidebar-filters__group__item__copy {
    font-size: 12px; }
    .sidebar-filters__group__item .sidebar-filters__group__item__copy a {
      font-size: 12px; }

.sidebar-filters__group__item__sub-items {
  margin: .8rem 0 .8rem 1.5rem; }
  .sidebar-filters__group__item__sub-items label {
    align-items: baseline; }

.sidebar-filters__group__item__sub-item {
  margin-bottom: .5rem; }

/**** collapsible product filter ****/
.label-contain {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.arrow-icon {
  height: 1rem;
  width: 1rem;
  display: block;
  position: relative;
  cursor: pointer;
  border-radius: 4px;
  margin-left: .6rem;
  display: flex;
  appearance: none;
  -web-kit-appearance: none;
  border: none;
  background-color: transparent; }

.left-bar {
  position: absolute;
  background-color: transparent;
  top: 5px;
  left: 0;
  width: 10px;
  height: 2px;
  display: block;
  transform: rotate(35deg);
  float: right;
  border-radius: 2px; }
  .left-bar:after {
    content: "";
    background-color: #000;
    width: 10px;
    height: 2px;
    display: block;
    float: right;
    border-radius: 6px 10px 10px 6px;
    transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8);
    z-index: -1; }

.right-bar {
  position: absolute;
  background-color: transparent;
  top: 5px;
  left: 7px;
  width: 10px;
  height: 2px;
  display: block;
  transform: rotate(-35deg);
  float: right;
  border-radius: 2px; }
  .right-bar:after {
    content: "";
    background-color: #000;
    width: 10px;
    height: 2px;
    display: block;
    float: right;
    border-radius: 10px 6px 6px 10px;
    transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8);
    z-index: -1; }

.open .left-bar:after {
  transform-origin: center center;
  transform: rotate(-70deg); }

.open .right-bar:after {
  transform-origin: center center;
  transform: rotate(70deg); }

/*******
product labels
*******/
@media only screen and (min-width: 765px) {
  .filtered-list__filter-labels {
    border-bottom: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8; } }

.filtered-list__filter-labels__items {
  display: flex; }
  @media only screen and (min-width: 765px) {
    .filtered-list__filter-labels__items {
      flex-direction: row;
      margin: 1rem 0; } }
.filtered-list__filter-labels__item a {
  text-decoration: none;
  background-color: #e8e8e8;
  color: #000;
  padding: .3rem .8rem;
  display: flex; }
  .filtered-list__filter-labels__item a:before {
    content: "x";
    display: flex;
    padding-right: 8px;
    align-self: baseline; }

.filtered-list__filter-labels__item a.clear-all {
  color: #00aeef;
  background-color: transparent;
  text-transform: uppercase;
  font-weight: 500; }
  .filtered-list__filter-labels__item a.clear-all:before {
    content: ""; }

@media only screen and (min-width: 765px) {
  .filtered-list__filter-labels__item {
    margin-right: 2rem;
    display: inline-block; } }

/**********
product list items
**********/
.filtered-list__list {
  margin-bottom: 2rem; }

.filtered-list__list-item {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #e8e8e8; }
  @media only screen and (min-width: 765px) {
    .filtered-list__list-item {
      flex-direction: row;
      padding: 2.1rem 0; } }
  .filtered-list__list-item.no-image {
    flex-direction: column-reverse; }

.filtered-list__list-item__tag {
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  position: absolute;
  bottom: 0;
  padding: .3rem 0;
  width: 100%;
  font-size: .8rem; }

.filtered-list__list-item__left {
  flex: 1; }
  @media only screen and (min-width: 765px) {
    .filtered-list__list-item__left {
      flex-basis: auto;
      max-width: 32%;
      margin-right: 1rem; } }
.filtered-list__list-item__link {
  display: block;
  position: relative;
  max-width: 25rem; }

.filtered-list__list-item__img {
  margin-bottom: 2rem;
  border: 1px solid #e8e8e8;
  display: block; }
  @media only screen and (min-width: 765px) {
    .filtered-list__list-item__img {
      height: 17vw;
      max-height: 12rem;
      object-fit: cover; } }
  .filtered-list__list-item__img:before {
    content: "";
    padding-top: 70%;
    display: flex; }

a.filtered-list__list-item__pds {
  margin: -16px 0 20px 14px;
  font-family: "Futura W01", san-serif;
  font-weight: 500;
  text-decoration: none; }
  @media only screen and (min-width: 765px) {
    a.filtered-list__list-item__pds {
      float: right;
      margin: 0; }
      a.filtered-list__list-item__pds:hover {
        text-decoration: underline; } }
.filtered-list__list-item__right {
  flex: 2;
  margin-top: 2rem; }
  @media only screen and (min-width: 765px) {
    .filtered-list__list-item__right {
      margin-top: 0; } }
@media only screen and (min-width: 765px) {
  .filtered-list__list-item__online-button {
    padding: 0 0 0 2rem; } }

.filtered-list__list-item__online-button p {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px; }

.filtered-list__list-item__headline {
  font-size: 24px;
  color: #ed1c24;
  margin: 0 0 .5rem 0; }

.filtered-list__list-item__headline__link {
  font-size: 24px;
  color: #ed1c24;
  margin: 0 0 .5rem 0;
  text-decoration: none;
  font-weight: 500; }

.filtered-list__list-item__sub-headline {
  font-size: 12px;
  font-weight: 800;
  margin: 0 0 .5rem 0; }

.filtered-list__list-item__subpoint {
  font-weight: 300;
  font-size: 12px; }
  .filtered-list__list-item__subpoint span,
  .filtered-list__list-item__subpoint span a {
    font-weight: 700;
    font-size: 12px; }
  .filtered-list__list-item__subpoint span a {
    text-decoration: none; }
  .filtered-list__list-item__subpoint a {
    font-size: 12px; }
  .filtered-list__list-item__subpoint .rich-text h1, .filtered-list__list-item__subpoint h2, .filtered-list__list-item__subpoint h3, .filtered-list__list-item__subpoint h4, .filtered-list__list-item__subpoint h5, .filtered-list__list-item__subpoint p {
    font-weight: 700;
    font-size: 12px;
    color: #000;
    text-transform: inherit; }
    .filtered-list__list-item__subpoint .rich-text h1 a, .filtered-list__list-item__subpoint h2 a, .filtered-list__list-item__subpoint h3 a, .filtered-list__list-item__subpoint h4 a, .filtered-list__list-item__subpoint h5 a, .filtered-list__list-item__subpoint p a {
      text-decoration: none;
      font-size: 12px;
      font-weight: 700; }

.filtered-list__list-item__subpoints--spaced {
  margin-top: 0.5rem; }

.filtered-list__list-item__subpoints--spaced .filtered-list__list-item__subpoint {
  line-height: 24px; }

.filtered-list__list-item__body {
  font-size: 14px; }

/****************
product docs lists
****************/
.product-documents-list {
  padding-top: 2rem;
  margin-bottom: 5rem; }

.product-documents__item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-bottom: 1px solid #d6d6d6;
  padding-bottom: 1rem;
  margin-bottom: 1rem; }
  @media only screen and (min-width: 765px) {
    .product-documents__item {
      flex-direction: row; } }
.product-documents__copy__headline {
  color: #00aeef;
  margin: 0 0 1rem 0; }

.product-documents__copy__subhead {
  font-size: 12px;
  margin: .2rem 0;
  font-weight: 300; }
  .product-documents__copy__subhead span {
    font-weight: 800; }
  .product-documents__copy__subhead a {
    font-size: 12px; }

.product-documents__copy__description {
  font-size: 14px; }

.product-documents__buttons {
  display: flex; }
  .product-documents__buttons > div:not(:first-child) {
    margin-left: 2rem; }

.product-page__contain {
  max-width: 1100px;
  margin: auto;
  padding: 0 1rem; }

.product-page-intro__subhead {
  font-size: 48px;
  color: #ed1c24;
  margin: 0; }

.product-page-intro__headline {
  font-size: 100px;
  color: #ed1c24;
  margin-top: 0; }

.product-page__body__headline {
  font-weight: 700;
  margin-bottom: 0; }
  .product-page__body__headline .rich-text h1, .product-page__body__headline h2, .product-page__body__headline h3, .product-page__body__headline h4, .product-page__body__headline h5, .product-page__body__headline p {
    font-weight: 700;
    text-transform: inherit;
    color: #000;
    font-size: 18px; }

.product-page__body__headline > a {
  font-weight: 700;
  text-decoration: none; }

.product-page__body__copy {
  margin-top: 0; }

.product-page__body__see-more {
  position: relative;
  display: inline-block;
  margin: 2rem 0 3rem;
  text-decoration: none;
  color: #6d6d6d;
  padding-left: 1rem; }
  .product-page__body__see-more:before {
    content: ">";
    position: absolute;
    display: flex;
    margin-right: .3rem;
    color: #00aeef;
    left: 0; }

.product__blue-box {
  background-color: #00aeef; }

.product__data__callout {
  padding: 0 1rem; }
  @media only screen and (min-width: 765px) {
    .product__data__callout {
      background: linear-gradient(90deg, #00aeef 30%, #fff 50%); } }
.product__data__callout__contain {
  display: flex;
  max-width: 1100px;
  margin: auto;
  flex-direction: column; }
  @media only screen and (min-width: 765px) {
    .product__data__callout__contain {
      flex-direction: row; } }
.product__data-sheets {
  flex: 1;
  padding: 1.5rem 1rem; }
  @media only screen and (min-width: 765px) {
    .product__data-sheets {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      padding: 0 2rem 1.5rem 0; } }
.product__data-sheets__headline {
  text-transform: uppercase;
  font-size: 24px;
  margin-bottom: 1rem; }

.product__data-sheets__items {
  margin: 0;
  padding: 0; }
  .product__data-sheets__items + .tnemec-button {
    margin-top: 1rem; }

.product__data-sheets__item {
  margin-bottom: .5rem; }
  .product__data-sheets__item a {
    color: #fff; }

.product__data__carousel {
  margin-left: 3rem; }
  .product__data__carousel .slick-dots {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 50%;
    margin: 1rem auto; }
    .product__data__carousel .slick-dots li {
      display: inline-block; }
      .product__data__carousel .slick-dots li.slick-active button {
        background: none; }
      .product__data__carousel .slick-dots li button {
        font-size: 0;
        background: #00aeef;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        padding: 0;
        border: 2px solid #00aeef; }
      .product__data__carousel .slick-dots li:not(:first-child) {
        margin-left: 6rem; }

.product__data__imagery {
  flex: 2;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  overflow: hidden; }

.discontinued .product__data__imagery__item {
  position: relative; }
  .discontinued .product__data__imagery__item:after {
    content: "Product Discontinued";
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    padding: 1rem 0;
    width: 100%; }

.product__data__imagery__item {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  .product__data__imagery__item.image:before {
    content: "";
    padding-top: 50%;
    display: block; }

.product__data__request-quote {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .product__data__request-quote > div {
    flex: 1; }

.product__data__request-quote__copy {
  padding-right: 1rem; }

/***********
secondary information
***********/
.product__secondary-information {
  max-width: 1100px;
  margin: 3rem auto 6rem;
  padding: 0 1rem; }

.secondary-information__item {
  border-bottom: 1px solid #e8e8e8;
  padding: 1rem 0;
  color: #6d6d6d; }
  .secondary-information__item table {
    border: none; }
  .secondary-information__item th, .secondary-information__item td {
    padding: .6rem 2rem .6rem 0;
    font-weight: 300;
    text-align: left;
    border: none; }
  .secondary-information__item th {
    font-size: 14px;
    font-family: "Futura W01", san-serif; }
  .secondary-information__item td {
    font-size: 16px; }
  .secondary-information__item ol li {
    color: #6d6d6d;
    font-weight: 300;
    list-style-type: decimal; }

.secondary-information__item__headline {
  font-size: 16px;
  font-weight: 800;
  margin: 0 0 .5rem 0; }

.secondary-information__item__body {
  font-size: 16px;
  margin: 1rem 0 1rem 0; }
  .secondary-information__item__body.italic {
    font-style: italic; }

.product__color-picker__contain {
  width: 100%;
  max-width: 1100px;
  margin: auto;
  padding: 2rem 1rem;
  border-bottom: 1px solid #e8e8e8; }

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

.colors-available__item {
  float: left; }
  .colors-available__item:not(:last-child) {
    margin-right: .5rem; }
    .colors-available__item:not(:last-child):after {
      content: ","; }

.blue-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #00aeef;
  opacity: .8;
  flex: 2; }

.white-overlay {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  opacity: .8;
  flex: 1; }

.blue-overlay__content__contain {
  max-width: 900px;
  margin: auto;
  padding: 3rem 0;
  position: relative; }

.blue-overlay__content__title {
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 0; }

.blue-overlay__content__headline {
  font-size: 36px;
  text-transform: uppercase;
  margin: 0; }

.blue-overlay__content__subhead {
  font-size: 16px;
  font-weight: 300;
  margin-top: 0; }

.blue-overlay__content__contain .tnemec-button.large {
  color: #fff;
  border-color: #fff; }

.blue-overlay__content__contain .tnemec-button.secondary:after {
  background-image: url(../images/hover-arrow-white.svg); }

/**************
thirds overlays
**************/
.white-overlay__inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  opacity: .8; }

.blue-overlay__inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #00aeef;
  opacity: .8; }

.full-screen-thirds-overlay {
  position: relative;
  display: flex;
  flex-direction: column; }
  @media only screen and (min-width: 765px) {
    .full-screen-thirds-overlay {
      flex-direction: row; } }
  .full-screen-thirds-overlay .thirds-overlay-white-overlay {
    position: relative; }
  .full-screen-thirds-overlay .thirds-overlay-blue-overlay {
    position: relative;
    color: #fff; }
    .full-screen-thirds-overlay .thirds-overlay-blue-overlay.centered {
      text-align: center; }

.full-screen-thirds-overlay__one-third {
  flex: 1; }

.full-screen-thirds-overlay__two-thirds {
  flex: 2;
  display: flex; }

.full-screen-thirds-overlay__one-third__copy__wrap {
  position: relative;
  padding: 1rem; }
  @media only screen and (min-width: 765px) {
    .full-screen-thirds-overlay__one-third__copy__wrap {
      padding: 2rem;
      float: right; } }
  @media only screen and (min-width: 1020px) {
    .full-screen-thirds-overlay__one-third__copy__wrap {
      padding: 5rem 12rem 5rem 5rem; } }
  @media only screen and (min-width: 1340px) {
    .full-screen-thirds-overlay__one-third__copy__wrap {
      padding: 5rem 12rem 5rem 5rem; } }
.full-screen-thirds-overlay__two-thirds__copy__wrap {
  position: relative;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around; }
  @media only screen and (min-width: 765px) {
    .full-screen-thirds-overlay__two-thirds__copy__wrap {
      padding: 4rem 6rem; } }
.full-screen-thirds-overlay__headline {
  text-transform: uppercase;
  font-size: 2rem;
  margin: 0; }

.full-screen-thirds-overlay__sub-headline {
  font-weight: 600;
  margin-bottom: 0; }

.full-screen-thirds-overlay__body {
  margin: 0; }

.search-categories {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem; }

.search-categories__items {
  display: flex;
  align-items: center; }

.search-categories__item__link {
  text-decoration: none;
  color: #6d6d6d;
  margin-right: 2rem;
  font-size: 16px; }
  .search-categories__item__link.active {
    color: #00aeef; }
  .search-categories__item__link:hover {
    color: #00aeef; }

.search-results__found__copy {
  color: #6d6d6d;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500; }

.searchform div {
  width: 100%;
  margin-bottom: 2rem; }

.searchboxwrapper {
  position: relative; }
  .searchboxwrapper label {
    display: block;
    text-transform: uppercase;
    font-size: 1.5rem;
    margin-bottom: .5rem; }

.searchbox {
  border: none;
  border-bottom: 1px solid #949494;
  outline: none;
  width: 100%;
  height: 31px;
  background: #fff;
  color: #6d6d6d;
  font-size: 20px; }
  .searchbox::placeholder {
    color: #e8e8e8; }

.searchsubmit {
  width: 2rem;
  height: 2rem;
  position: absolute;
  bottom: 0;
  right: 0;
  border: none;
  cursor: pointer;
  background: transparent url(../images/search-icon.svg) no-repeat center;
  background-size: 1rem;
  text-indent: 10rem;
  overflow: hidden; }

.find-a-rep__search .color-block__half {
  position: relative;
  padding-bottom: 0;
  min-width: 100%; }
  @media only screen and (min-width: 765px) {
    .find-a-rep__search .color-block__half {
      padding-bottom: 3rem; } }
.find-a-rep__search .color-block__half:not(:first-child) {
  border: none; }
  .find-a-rep__search .color-block__half:not(:first-child):before {
    display: block;
    content: "OR";
    text-align: center;
    font-family: "Futura W01", san-serif;
    font-weight: 300;
    font-size: 18px; }
    @media only screen and (min-width: 765px) {
      .find-a-rep__search .color-block__half:not(:first-child):before {
        position: absolute;
        left: -12px;
        top: 10rem;
        padding: 0; } }
@media only screen and (min-width: 765px) {
  .find-a-rep__search .searchform {
    width: 65%; } }

.color-tool__contain {
  max-width: 1100px;
  margin: auto;
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column; }

.color-tool__row {
  display: flex;
  flex-direction: column;
  width: 100%; }
  @media only screen and (min-width: 765px) {
    .color-tool__row {
      flex-direction: row; } }
  .color-tool__row.column {
    flex-direction: column; }
    .color-tool__row.column:not(:first-child) {
      border-top: 1px solid #e8e8e8;
      margin-top: 3rem; }

.color-tool__search label {
  text-transform: none;
  font-weight: 300;
  font-size: 18px; }

.color-tool__row__headline {
  font-size: 36px;
  text-transform: uppercase;
  margin-bottom: 3rem; }

.color-block__half {
  flex: 1;
  padding: 0 0 3rem 0; }
  .color-block__half:not(:first-child) {
    border-bottom: 1px solid #e8e8e8; }
    @media only screen and (min-width: 765px) {
      .color-block__half:not(:first-child) {
        padding: 0 0 0 5rem;
        border-left: 1px solid #e8e8e8;
        border-bottom: none; } }
  @media only screen and (min-width: 765px) {
    .color-block__half {
      padding: 0 5rem 0 0; } }
.color-blocks__thirds {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between; }
  @media only screen and (min-width: 765px) {
    .color-blocks__thirds {
      flex-direction: row; } }
  .color-blocks__thirds:after {
    content: "";
    width: 30%; }

.color-blocks__third {
  margin-bottom: 4rem; }
  @media only screen and (min-width: 765px) {
    .color-blocks__third {
      width: 30%; } }
.color-tool__pagination.bottom {
  width: 100%;
  margin: 4rem 0; }

.color-blocks__third__headline {
  font-size: 24px;
  margin: .5rem; }

.color-blocks__third__swatch {
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 3rem;
  margin-bottom: 1.5rem; }

.color-blocks__third__swatch__color-count {
  display: inline-block;
  float: right;
  margin: 0;
  font-weight: inherit; }

.color-blocks__third__color-block {
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 13rem; }

.color-blocks__third__color-name {
  font-size: 30px;
  text-transform: uppercase;
  margin: .5rem 0; }

.color-blocks__third__color-number {
  font-size: 18px;
  color: #333;
  margin: 0;
  font-weight: 300; }

.color-blocks__third__color-rgb {
  font-size: 18px;
  color: #333;
  margin: 0;
  font-weight: 300; }

.color-blocks__third__button-help {
  font-size: 16px;
  color: #666;
  margin-bottom: 0; }
  .color-blocks__third__button-help + .tnemec-button {
    margin-top: 1rem; }

.color-disclaimer {
  width: 100%;
  margin: 5rem 0 3rem 0; }

.color-disclaimer__headline {
  text-transform: uppercase;
  font-size: 30px;
  margin-bottom: 0; }

.color-disclaimer__body {
  font-size: 18px; }

/**************
Single Colors
**************/
.color-tool__single-color__swatch {
  height: 300px; }

.color-tool__single-color__info {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  margin-top: 1rem; }
  @media only screen and (min-width: 765px) {
    .color-tool__single-color__info {
      flex-direction: row; } }
.color-tool__single-color__info__left .headline {
  text-transform: uppercase;
  font-size: 30px;
  margin: 0; }

.color-tool__single-color__info__left p {
  font-size: 18px;
  margin: 0; }

.color-tool__single-color__info__right p {
  font-size: 16px;
  margin: 0 0 .5rem 0; }

/**************
Color/Chem Tool
**************/
@media only screen and (min-width: 765px) {
  .color-tool__step {
    max-width: 50%; } }

.color-tool__step-headline {
  color: #ed1c24;
  text-transform: uppercase;
  font-size: 1.8rem;
  font-weight: 500; }

.color-tool__step-subheadline {
  font-size: .7rem;
  font-weight: 700;
  margin-bottom: .3rem; }

.color-tool__step-body p {
  font-size: 1rem; }

.help-tip {
  font-style: italic;
  font-size: .7rem;
  text-decoration: none;
  position: relative; }
  .help-tip:after {
    content: "?";
    text-align: center;
    background-color: #00aeef;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    font-size: 12px;
    line-height: 19px;
    cursor: default;
    font-style: normal;
    font-family: arial;
    color: #fff;
    display: inline-block;
    margin-left: .3rem; }

.loader__contain {
  width: 100%;
  text-align: center; }

.loader {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px; }

.loader div {
  animation: loader 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 32px 32px; }

.loader div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #000;
  margin: -3px 0 0 -3px; }

.loader div:nth-child(1) {
  animation-delay: -0.036s; }

.loader div:nth-child(1):after {
  top: 50px;
  left: 50px; }

.loader div:nth-child(2) {
  animation-delay: -0.072s; }

.loader div:nth-child(2):after {
  top: 54px;
  left: 45px; }

.loader div:nth-child(3) {
  animation-delay: -0.108s; }

.loader div:nth-child(3):after {
  top: 57px;
  left: 39px; }

.loader div:nth-child(4) {
  animation-delay: -0.144s; }

.loader div:nth-child(4):after {
  top: 58px;
  left: 32px; }

.loader div:nth-child(5) {
  animation-delay: -0.18s; }

.loader div:nth-child(5):after {
  top: 57px;
  left: 25px; }

.loader div:nth-child(6) {
  animation-delay: -0.216s; }

.loader div:nth-child(6):after {
  top: 54px;
  left: 19px; }

.loader div:nth-child(7) {
  animation-delay: -0.252s; }

.loader div:nth-child(7):after {
  top: 50px;
  left: 14px; }

.loader div:nth-child(8) {
  animation-delay: -0.288s; }

.loader div:nth-child(8):after {
  top: 45px;
  left: 10px; }

@keyframes loader {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.intro__contain.career {
  flex-direction: column;
  margin-bottom: 2rem; }
  @media only screen and (min-width: 765px) {
    .intro__contain.career {
      margin-bottom: 4rem; } }
.career__contact__headline {
  font-size: 36px;
  text-transform: uppercase;
  color: #ed1c24;
  margin: 0 0 1rem 0; }

.career__contact__name {
  margin: 0;
  font-size: 30px;
  text-transform: uppercase; }

.career__contact__position {
  font-size: 18px;
  margin-top: 0; }

.body-container {
  transition: background 0.5s ease; }

body.slidebar-open .body-container {
  background: rgba(100, 100, 100, 0.8);
  transition: background 0.5s ease; }

.slidebar {
  width: 60%;
  background-color: #fff; }
  @media only screen and (min-width: 765px) {
    .slidebar {
      width: 50%; } }
  @media only screen and (min-width: 1020px) {
    .slidebar {
      width: 30%; } }
.slidebar__wrapper {
  padding: 1rem;
  color: #000; }
  .slidebar__wrapper .tnemec-button {
    margin: 5rem 0 3rem 0; }

.slidebar__back {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .slidebar__back p {
    font-size: 12px;
    padding: 0 1rem 0 0; }
  .slidebar__back a {
    font-size: 12px;
    text-decoration: none; }
    .slidebar__back a.back-button:before {
      content: "\003c";
      transform: rotate(-90deg);
      margin-right: .8rem;
      font-size: 18px; }
    .slidebar__back a.close-slidebar {
      text-transform: uppercase;
      letter-spacing: 1.3px; }
      .slidebar__back a.close-slidebar:before {
        content: "\00d7";
        color: #aaa;
        margin-right: .6rem;
        font-size: 22px; }

.slidebar-swatch-packet__headline {
  font-size: 2rem;
  text-transform: uppercase; }

.slidebar-swatch-packet__body {
  font-size: 1rem;
  margin: 0; }
  .slidebar-swatch-packet__body a {
    font-size: 1rem; }

.swatch-packet__error {
  clear: right;
  font-size: 0.8rem;
  color: #ed1c24; }
  .swatch-packet__error.valid {
    display: none; }

.swatch-packet__error--cards {
  margin-top: 84px;
  text-align: right; }

.swatch-packet__error--swatches {
  font-weight: bold;
  padding-top: 0.5rem;
  clear: both; }

.swatch-packet__item {
  color: #333;
  float: left;
  width: 100%;
  clear: both;
  margin-top: 2rem; }

.swatch-packet__item__color {
  width: 82px;
  height: 82px;
  border: 1px solid #eaeaea;
  float: left;
  margin-right: 1rem; }

.swatch-packet__item__color--img,
.swatch-packet__item__color--rgb {
  display: block;
  width: 80px;
  height: 80px; }

.swatch-packet__item__info {
  float: left; }
  .swatch-packet__item__info p {
    font-size: .8rem;
    margin: 0;
    font-weight: 300; }

.swatch-packet__item__info__headline {
  margin: 0;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 500; }

.swatch-packet__item__qty {
  float: right; }
  .swatch-packet__item__qty input {
    border: 1px solid #eaeaea;
    background: transparent;
    padding: .5rem 1rem;
    font-size: 1rem; }

.swatch-packet__item__qty__headline {
  margin: 0 0 .3rem 0;
  font-size: .9rem;
  text-align: center;
  line-height: 20px; }

.slidebar-swatch-packet__remove {
  float: left;
  clear: both;
  font-size: .8rem;
  margin-top: .5rem; }

/*********
swatch packet on form
*********/
.swatch-packet__items__form {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 3rem; }

.custom-dropdown--large {
  font-size: 1.5em; }

.custom-dropdown--small {
  font-size: .7em; }

.custom-dropdown__select {
  font-size: inherit;
  /* inherit size from .custom-dropdown */
  padding: .5em;
  margin: 0;
  width: 100%; }

.custom-dropdown__select--white {
  background-color: #fff;
  color: #444; }

@supports (pointer-events: none) and ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) {
  .custom-dropdown {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    margin-bottom: 2rem; }
  .custom-dropdown__select {
    padding-right: 2.5em;
    /* accommodate with the pseudo elements for the dropdown arrow */
    border: 0;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 1px solid #949494; }
  .custom-dropdown__labels {
    display: flex;
    justify-content: space-between;
    align-items: baseline; }
  .custom-dropdown::before,
  .custom-dropdown::after {
    content: "";
    position: absolute;
    pointer-events: none; }
  .custom-dropdown::after {
    /*  Custom dropdown arrow */
    content: "\2329";
    height: 1rem;
    font-size: .7rem;
    line-height: 1;
    right: .7rem;
    top: 50%;
    margin-top: -.2rem;
    transform: rotate(-90deg); }
  .custom-dropdown::before {
    /*  Custom dropdown arrow cover */
    width: 2em;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 0 3px 3px 0; }
  select:invalid {
    color: #00a651; }
  /* White dropdown style */
  .custom-dropdown--white::before {
    background-color: #fff;
    border: 1px solid #949494;
    border-left: none; }
  .custom-dropdown--white::after {
    color: #00aeef; }
  /* FF only temp fix */
  @-moz-document url-prefix() {
    .custom-dropdown__select {
      padding-right: .9em; }
    .custom-dropdown--large .custom-dropdown__select {
      padding-right: 1.3em; }
    .custom-dropdown--small .custom-dropdown__select {
      padding-right: .5em; } } }

table {
  border: solid 1px #DDEEEE;
  border-collapse: collapse;
  border-spacing: 0;
  font: normal 13px;
  width: 100%;
  table-layout: fixed; }
  table th {
    border: solid 1px #DDEEEE;
    padding: 10px;
    text-align: left;
    text-shadow: 1px 1px 1px #fff; }
  table tbody td {
    border: solid 1px #DDEEEE;
    padding: 10px;
    text-shadow: 1px 1px 1px #fff;
    vertical-align: top;
    position: relative; }
    table tbody td ul {
      margin-left: .5rem;
      padding-left: 1rem; }
      table tbody td ul li {
        list-style-type: disc; }

.results-table {
  width: 100%;
  border-collapse: collapse; }
  .results-table tr {
    border-bottom: 1px solid #e8e8e8; }
    .results-table tr td {
      font-weight: 300;
      text-align: center;
      padding: 1rem .5rem; }
      .results-table tr td:first-child {
        text-align: left;
        border-right: 1px solid #e8e8e8; }
      .results-table tr td.download-cell {
        border-right: 1px solid #e8e8e8; }
        .results-table tr td.download-cell a {
          justify-content: center; }
          .results-table tr td.download-cell a:before {
            margin-right: 0; }
      .results-table tr td a {
        text-decoration: none;
        font-weight: 500;
        font-size: 1.5rem; }

.table-top-headers {
  border-top: 1px solid #e8e8e8; }
  .table-top-headers th {
    padding: 1rem; }
    .table-top-headers th:first-child {
      text-align: left;
      border-right: 1px solid #e8e8e8; }
    .table-top-headers th.pdf-download {
      border-right: 1px solid #e8e8e8; }

/*****
specific to the chem tools
*****/
.chemical-tool-table__headline {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #e8e8e8; }
  @media only screen and (min-width: 765px) {
    .chemical-tool-table__headline {
      flex-direction: row; } }
  .chemical-tool-table__headline h4 {
    font-size: 1rem;
    color: #444;
    flex: 1; }
  .chemical-tool-table__headline h3 {
    font-size: 1.5rem;
    flex: 2;
    text-align: center; }

.video-wrapper {
  position: relative;
  padding-bottom: 56.6%; }
  .video-wrapper iframe,
  .video-wrapper embed {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%; }

.full-width-video {
  margin: 3rem 0;
  border-bottom: 1px solid #e8e8e8; }
  @media only screen and (min-width: 765px) {
    .full-width-video {
      margin: 5rem 0; } }
  .full-width-video iframe,
  .full-width-video embed {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%; }

.video-caption {
  font-size: .9rem;
  padding: 0 1rem; }
  @media only screen and (min-width: 765px) {
    .video-caption {
      padding: 0; } }
header > .responsive-object {
  position: absolute;
  top: -17vw;
  left: 0;
  width: 100vw;
  height: 100vw;
  z-index: 0; }
  @media only screen and (min-width: 765px) {
    header > .responsive-object {
      top: -14vw;
      height: 65vw; } }
.standard-page {
  max-width: 1100px;
  margin: 2rem auto; }

.standard-page__contain {
  display: flex;
  flex-direction: column; }
  @media only screen and (min-width: 765px) {
    .standard-page__contain {
      flex-direction: row; } }
.standard-page__nav {
  flex: 1;
  margin-top: 2.5rem;
  position: relative;
  padding: 0 1rem; }
  @media only screen and (min-width: 765px) {
    .standard-page__nav {
      padding: 0 0 0 1rem; } }
  .standard-page__nav li {
    margin-bottom: 1rem; }
    .standard-page__nav li a {
      text-transform: uppercase; }

.standard-page__elements {
  flex: 2;
  padding: 0 0 0 1rem; }
  @media only screen and (min-width: 765px) {
    .standard-page__elements {
      padding: 0; } }
.standar-content__block {
  margin-top: 2.5rem;
  padding-bottom: 1.25rem; }
  .standar-content__block .section-title {
    font-size: 1.5rem;
    margin-bottom: 0.833333rem; }
  .standar-content__block .style-title {
    font-size: 1.125rem; }
  .standar-content__block ul {
    margin-left: 2rem;
    margin-top: 1rem; }
    .standar-content__block ul li {
      font-weight: 300;
      list-style-type: disc; }

.centered-text__wrap {
  text-align: center;
  max-width: 900px;
  margin: auto;
  padding: 2rem 0 4rem; }

.centered-text__headline {
  color: #ed1c24;
  margin-bottom: 0;
  font-size: 2rem; }

.centered-text__body {
  font-size: 1rem;
  margin: 0; }

.centered-text__link {
  text-decoration: none;
  margin-top: 1rem;
  font-weight: 500;
  font-size: 1.5rem;
  display: block; }

.button-text-inline {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  justify-content: flex-start;
  margin-top: 3rem; }
  @media only screen and (min-width: 765px) {
    .button-text-inline {
      flex-direction: row; } }
  .button-text-inline .tnemec-button {
    margin-right: 2rem; }
  .button-text-inline p, .button-text-inline a {
    font-size: .9rem; }

.location-block p {
  margin: 0 0 1rem 0; }
  .location-block p span {
    font-size: .9rem;
    font-weight: 700; }

.location-block__headline {
  font-size: 2rem;
  margin: 0;
  color: #00aeef; }

.find-a-rep__search {
  margin-top: 3rem; }
  @media only screen and (min-width: 765px) {
    .find-a-rep__search {
      max-width: 50%; } }
.column-contain {
  max-width: 1100px;
  margin: auto;
  display: flex;
  flex-direction: column;
  padding: 1rem; }
  .column-contain.narrow {
    max-width: 900px; }
  .column-contain .half-grid__row {
    margin: 0;
    border: none;
    margin-bottom: 2rem; }

.blue-background {
  color: #fff;
  background: #00aeef;
  padding: 0 2.5rem 2.5rem; }
  .blue-background:not(:first-child) {
    margin-top: 2rem; }
  .blue-background .blue-background__headline {
    font-size: 1.8rem; }
  .blue-background p, .blue-background a {
    color: #fff;
    font-size: 1.1rem; }
  .blue-background h2, .blue-background h3, .blue-background h4 {
    color: #fff; }
  .blue-background .tnemec-button {
    background: #fff; }
  .blue-background__no-margin:not(:first-child) {
    margin-top: 0; }
  .blue-background.china-callout {
    margin-bottom: 3rem; }

.red-background {
  background: #ed1c24;
  color: #fff; }
  .red-background h2, .red-background h3, .red-background h4 {
    color: #fff; }

.cd-main-content > .rich-text {
  max-width: 900px;
  margin: auto;
  padding: 1rem; }

.language__item__link {
  text-decoration: none;
  display: inline-block;
  font-weight: 500;
  margin-bottom: 1.5rem;
  font-size: 1.9rem; }

fieldset {
  border: none;
  margin: 0;
  padding: 0; }
  fieldset legend {
    font-weight: 500;
    font-size: 1.4rem;
    margin-bottom: 1rem; }

textarea {
  padding: 1rem; }

select {
  border: 1px solid #949494;
  height: 35px;
  background: none;
  appearance: none;
  position: relative;
  padding: 0 0 0 .7rem;
  border-radius: 0;
  width: 100%; }

.select-wrap {
  position: relative;
  width: 100%; }
  @media only screen and (min-width: 765px) {
    .select-wrap {
      width: 50%; } }
  .select-wrap:after {
    content: "";
    background-image: url(../images/pag-next-arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 12px;
    width: 12px;
    position: absolute;
    right: 10px;
    top: 16px;
    transform: rotate(90deg); }

.form-headline {
  font-size: 1.8rem;
  text-transform: uppercase; }

.form-input__contain,
.field-row {
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem; }
  .form-input__contain.inline-row,
  .field-row.inline-row {
    flex-direction: row; }
    .form-input__contain.inline-row input,
    .field-row.inline-row input {
      margin-right: .5rem; }
  .form-input__contain label,
  .field-row label {
    font-weight: 300;
    font-size: .8rem;
    margin-bottom: .5rem; }
    .form-input__contain label span,
    .field-row label span {
      font-style: italic; }
    .form-input__contain label.required:not(:empty):after,
    .field-row label.required:not(:empty):after {
      color: #000;
      content: '(required)';
      display: inline-block;
      margin-left: .5rem; }
  .form-input__contain input,
  .field-row input {
    border: 1px solid #949494;
    padding: .7rem; }
  .form-input__contain input[type=text],
  .form-input__contain input[type=email],
  .form-input__contain textarea,
  .field-row input[type=text],
  .field-row input[type=email],
  .field-row textarea {
    font-family: arial, helvetica, sans-serif; }
  .intro__callout.has-form .form-input__contain, .intro__callout.has-form .field-row {
    margin-bottom: 0; }

.sample-newsletter img {
  box-shadow: 0px 0px 40px 9px #a8a8a8; }

.thank-you-buttons {
  display: flex;
  flex-direction: column;
  margin-bottom: 5rem; }
  @media only screen and (min-width: 765px) {
    .thank-you-buttons {
      flex-direction: row; } }
  .thank-you-buttons .tnemec-button:not(:first-child) {
    margin-top: 2rem; }
    @media only screen and (min-width: 765px) {
      .thank-you-buttons .tnemec-button:not(:first-child) {
        margin-top: 0; } }
  @media only screen and (min-width: 765px) {
    .thank-you-buttons .tnemec-button {
      margin-top: 0; }
      .thank-you-buttons .tnemec-button:not(:first-child) {
        margin-left: 2rem; } }
.intro__callout.has-form form,
meta + form {
  font-weight: 300;
  font-size: .8rem;
  margin-bottom: .5rem; }
  .intro__callout.has-form form input[type="input"],
  .intro__callout.has-form form .tnemec-button,
  meta + form input[type="input"],
  meta + form .tnemec-button {
    background-color: #fdfdfd;
    color: #000;
    border: none; }
    .intro__callout.has-form form input[type="input"]:after,
    .intro__callout.has-form form .tnemec-button:after,
    meta + form input[type="input"]:after,
    meta + form .tnemec-button:after {
      background-image: url(../images/hover-arrow-blue.svg); }
  .intro__callout.has-form form input[type="text"],
  .intro__callout.has-form form input[type="email"],
  .intro__callout.has-form form input[type="tel"],
  .intro__callout.has-form form input[type="password"],
  meta + form input[type="text"],
  meta + form input[type="email"],
  meta + form input[type="tel"],
  meta + form input[type="password"] {
    width: 100%;
    margin-top: 0.25rem; }
  .intro__callout.has-form form input,
  meta + form input {
    display: inline-block;
    margin-bottom: 2rem;
    padding: .7rem;
    border: 1px solid #949494; }
  .intro__callout.has-form form select,
  meta + form select {
    background: #fff;
    margin-bottom: 1rem;
    margin-top: 0.25rem;
    border-radius: 2px; }
  .intro__callout.has-form form .disclaimer,
  meta + form .disclaimer {
    font-size: .8rem; }
  .intro__callout.has-form form input[type="submit"],
  meta + form input[type="submit"] {
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    position: relative;
    font-weight: 500;
    white-space: nowrap;
    color: #00aeef;
    background-color: #fff;
    border: 2px solid #fff;
    font-size: 24px;
    border-radius: 50px;
    padding: 1rem 2rem;
    margin-top: 1rem;
    cursor: pointer; }
    .intro__callout.has-form form input[type="submit"]:hover,
    meta + form input[type="submit"]:hover {
      background-color: #a9ddf1; }

form.thin-width,
meta + form {
  display: block;
  margin: 10px auto;
  width: 100%;
  max-width: 625px; }

label[for="id_wagtailcapcha"] {
  max-height: 1px;
  margin: -20px 0; }

.product-blocks.red-background {
  background: #ed1c24;
  color: #fff;
  padding: 3rem 0; }
  .product-blocks.red-background .product-blocks__items {
    margin-bottom: 1rem; }
  .product-blocks.red-background .product-blocks__item {
    height: 15rem; }
  .product-blocks.red-background .product-blocks__item__title__link.white {
    background: #fff;
    color: #ed1c24; }
    .product-blocks.red-background .product-blocks__item__title__link.white h4 {
      color: inherit; }
    .product-blocks.red-background .product-blocks__item__title__link.white .product-blocks__item__body {
      opacity: 0;
      font-size: .8rem;
      line-height: 1rem;
      margin-top: 2.5rem;
      color: #000;
      transition: all .5s ease; }
    .product-blocks.red-background .product-blocks__item__title__link.white:hover .product-blocks__item__body, .product-blocks.red-background .product-blocks__item__title__link.white:active .product-blocks__item__body, .product-blocks.red-background .product-blocks__item__title__link.white:focus .product-blocks__item__body {
      transition: all .5s ease;
      opacity: 1; }
    .product-blocks.red-background .product-blocks__item__title__link.white .product-blocks__item__title {
      color: #ed1c24; }
  .product-blocks.red-background .product-blocks__item__title__link:after {
    background-image: url(../images/hover-arrow-2-red.svg); }
  .product-blocks.red-background .products-blocks__headline {
    text-transform: uppercase;
    font-size: 1.8rem;
    margin: 0; }
  .product-blocks.red-background .products-blocks__body {
    margin-bottom: 3rem; }

.campaign-block {
  padding: 2rem 0;
  display: flex;
  flex-direction: column; }
  @media only screen and (min-width: 765px) {
    .campaign-block {
      flex-direction: row; } }
  .campaign-block > div {
    flex: 1; }
    @media only screen and (min-width: 765px) {
      .campaign-block > div {
        flex: 2; }
        .campaign-block > div:not(:first-child) {
          flex: 1; } }
  .campaign-block__blue {
    background-color: #00aeef;
    color: #fff; }
  .campaign-block .campaign-block__image {
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 1.5rem; }
    @media only screen and (min-width: 765px) {
      .campaign-block .campaign-block__image {
        margin-left: 1.5rem; } }
    .campaign-block .campaign-block__image:before {
      content: "";
      padding-top: 90%;
      display: flex; }

.filtered-list.china ul li {
  border-top: none;
  border-bottom: 1px solid #e8e8e8; }
  .filtered-list.china ul li.filtered-list__list-item.china-product, .filtered-list.china ul li.filtered-list__list-item.china-project {
    display: none; }
    .filtered-list.china ul li.filtered-list__list-item.china-product.show, .filtered-list.china ul li.filtered-list__list-item.china-project.show {
      display: flex; }
  .filtered-list.china ul li ul li {
    border-bottom: none;
    border-top: none; }
  .filtered-list.china ul li .filtered-list__list-item__headline a {
    color: #ed1c24;
    text-decoration: none;
    font-size: 24px;
    font-weight: 500; }

.filtered-list.china .view-more {
  text-align: center;
  border-top: none;
  border-bottom: none;
  margin: 3rem 0; }

.filtered-list.china .view-more__link__products, .filtered-list.china .view-more__link__projects {
  font-weight: 500;
  font-size: 1.8rem;
  text-transform: uppercase;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .filtered-list.china .view-more__link__products:after, .filtered-list.china .view-more__link__projects:after {
    content: "";
    border: 1px solid #00aeef;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: .3rem;
    height: .3rem;
    margin-left: .2rem; }

.red-callout {
  background: #ed1c24;
  color: #fff; }

.block-featured_projects .contained {
  padding: 0 1rem; }
  .block-featured_projects .contained h3 {
    font-size: 1.8rem; }

.toggle-bar__control {
  display: block;
  padding: 0.5rem 2rem 0.5rem 0;
  border-radius: 2px;
  border: none;
  text-transform: uppercase;
  font: 500 16px/1em "Futura W01", san-serif;
  background: transparent url(../images/product-filter-dropdown-arrow.svg) no-repeat 97%/15%;
  background-size: 18px 7.2px; }
  .toggle-bar__control[data-toggle-visible="true"] {
    background-image: url(../images/product-filter-dropdown-close.svg); }
  .toggle-bar__control:focus {
    outline: none; }

.toggle-bar__control-indicator:before, .toggle-bar__control-indicator:after {
  display: inline-block;
  content: ")"; }

.toggle-bar__control-indicator:before {
  padding-left: 0.25rem;
  content: "("; }

@media (max-width: 764px) {
  .toggle-bar {
    background: #efefef;
    margin-left: -1rem;
    margin-right: -1rem;
    padding: 0.5rem 1rem; }
  .toggle-filter__control {
    background: transparent url(../images/product-filter-dropdown-arrow.svg) no-repeat right 40%;
    background-size: 16px 7px; }
    .toggle-filter__control[data-toggle-visible="true"] {
      background-image: url(../images/product-filter-dropdown-close.svg); } }

@media only screen and (min-width: 765px) {
  .toggle-bar__control {
    display: none; } }

.color-overlay-header {
  position: relative;
  padding-left: 0;
  overflow: hidden; }
  .color-overlay-header .header__contain {
    margin-left: -4px;
    padding-left: 0;
    width: 97%;
    z-index: 4; }
  .color-overlay-header .header__headline {
    font-weight: 999; }

.header__grayscale-overlay,
.header__color-overlay,
.header__color-border {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

.header__grayscale-overlay {
  z-index: 1;
  background: white;
  mix-blend-mode: saturation; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .header__grayscale-overlay {
      display: none; } }
.header__color-overlay {
  z-index: 2;
  mix-blend-mode: multiply; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .header__color-overlay {
      opacity: 0.75; } }
.header__color-border {
  z-index: 3;
  border-width: 10px;
  border-style: solid;
  border-color: transparent; }
  @media only screen and (min-width: 765px) {
    .header__color-border {
      border-width: 20px; } }
.remedies .filtered-list__list-items .filtered-list__list-item {
  justify-content: space-between; }
  @media only screen and (min-width: 765px) {
    .remedies .filtered-list__list-items .filtered-list__list-item:nth-child(even) {
      flex-direction: row-reverse; } }
  .remedies .filtered-list__list-items .filtered-list__list-item:nth-child(even) .remedy-image-contain {
    margin-right: 0; }
  .remedies .filtered-list__list-items .filtered-list__list-item a.remedy-image-contain {
    flex: 2;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
  .remedies .filtered-list__list-items .filtered-list__list-item .remedy-copy-contain {
    flex: 1;
    padding: 1rem; }
    @media only screen and (min-width: 765px) {
      .remedies .filtered-list__list-items .filtered-list__list-item .remedy-copy-contain {
        padding: 0 1rem 1rem 1rem; } }
    .remedies .filtered-list__list-items .filtered-list__list-item .remedy-copy-contain .remedy__headline, .remedies .filtered-list__list-items .filtered-list__list-item .remedy-copy-contain .remedy__headline a {
      color: #00aeef;
      text-transform: uppercase;
      font-size: 2rem;
      margin-top: 0;
      font-weight: 500;
      text-decoration: none; }
    .remedies .filtered-list__list-items .filtered-list__list-item .remedy-copy-contain .tnemec-button {
      margin: 1rem 0 0; }
    .remedies .filtered-list__list-items .filtered-list__list-item .remedy-copy-contain .rich-text {
      font-weight: 300;
      font-size: 18px; }
  .remedies .filtered-list__list-items .filtered-list__list-item.style-featured-red .remedy-image-contain {
    background-size: cover;
    background-repeat: no-repeat; }
  .remedies .filtered-list__list-items .filtered-list__list-item.style-featured-red .remedy-copy-contain {
    background-color: #ed1c24;
    color: #fff;
    padding: 2rem 2rem 0rem 2rem; }
    .remedies .filtered-list__list-items .filtered-list__list-item.style-featured-red .remedy-copy-contain .remedy__headline, .remedies .filtered-list__list-items .filtered-list__list-item.style-featured-red .remedy-copy-contain .remedy__headline a {
      color: #fff; }
    .remedies .filtered-list__list-items .filtered-list__list-item.style-featured-red .remedy-copy-contain .remedy__tags {
      margin-bottom: 2rem; }
      .remedies .filtered-list__list-items .filtered-list__list-item.style-featured-red .remedy-copy-contain .remedy__tags .remedy__tag a {
        border-color: #fff;
        color: #fff; }
  .remedies .filtered-list__list-items .filtered-list__list-item.style-featured-red .remedy-image-contain {
    flex: 1; }
  .remedies .filtered-list__list-items .filtered-list__list-item.style-featured-red .tnemec-button {
    border-color: #fff;
    color: #fff; }
    .remedies .filtered-list__list-items .filtered-list__list-item.style-featured-red .tnemec-button:after {
      background-image: url(../images/hover-arrow-white.svg); }
  .remedies .filtered-list__list-items .filtered-list__list-item.style-featured-blue .remedy-image-contain {
    background-size: cover;
    background-repeat: no-repeat; }
  .remedies .filtered-list__list-items .filtered-list__list-item.style-featured-blue .remedy-copy-contain {
    background-color: #00aeef;
    color: #fff;
    padding: 2rem 2rem 0rem 2rem; }
    .remedies .filtered-list__list-items .filtered-list__list-item.style-featured-blue .remedy-copy-contain .remedy__headline, .remedies .filtered-list__list-items .filtered-list__list-item.style-featured-blue .remedy-copy-contain .remedy__headline a {
      color: #fff; }
    .remedies .filtered-list__list-items .filtered-list__list-item.style-featured-blue .remedy-copy-contain .remedy__tags {
      margin-bottom: 2rem; }
      .remedies .filtered-list__list-items .filtered-list__list-item.style-featured-blue .remedy-copy-contain .remedy__tags .remedy__tag a {
        border-color: #fff;
        color: #fff; }
  .remedies .filtered-list__list-items .filtered-list__list-item.style-featured-blue .remedy-image-contain {
    flex: 1; }
  .remedies .filtered-list__list-items .filtered-list__list-item.style-featured-blue .tnemec-button {
    border-color: #fff;
    color: #fff; }
    .remedies .filtered-list__list-items .filtered-list__list-item.style-featured-blue .tnemec-button:after {
      background-image: url(../images/hover-arrow-white.svg); }
  .remedies .filtered-list__list-items .filtered-list__list-item.style-featured-yellow .remedy-image-contain {
    background-size: cover;
    background-repeat: no-repeat; }
  .remedies .filtered-list__list-items .filtered-list__list-item.style-featured-yellow .remedy-copy-contain {
    background-color: #ffcb08;
    color: #000;
    padding: 2rem 2rem 0rem 2rem; }
    .remedies .filtered-list__list-items .filtered-list__list-item.style-featured-yellow .remedy-copy-contain .remedy__headline, .remedies .filtered-list__list-items .filtered-list__list-item.style-featured-yellow .remedy-copy-contain .remedy__headline a {
      color: #000; }
    .remedies .filtered-list__list-items .filtered-list__list-item.style-featured-yellow .remedy-copy-contain .remedy__tags {
      margin-bottom: 2rem; }
      .remedies .filtered-list__list-items .filtered-list__list-item.style-featured-yellow .remedy-copy-contain .remedy__tags .remedy__tag a {
        border-color: #000;
        color: #000; }
  .remedies .filtered-list__list-items .filtered-list__list-item.style-featured-yellow .remedy-image-contain {
    flex: 1; }
  .remedies .filtered-list__list-items .filtered-list__list-item.style-featured-yellow .tnemec-button {
    border-color: #000;
    color: #000; }
    .remedies .filtered-list__list-items .filtered-list__list-item.style-featured-yellow .tnemec-button:after {
      background-image: url(../images/hover-arrow-black.svg); }

.remedy__tags {
  display: flex;
  margin: 0;
  flex-direction: column;
  flex-wrap: wrap; }
  @media only screen and (min-width: 765px) {
    .remedy__tags {
      flex-direction: row; } }
.remedy__tag {
  margin-right: 1rem;
  margin-top: 2rem; }
  .remedy__tag a {
    color: #6d6d6d;
    text-decoration: none;
    border: 1px solid #6d6d6d;
    padding: .5rem;
    font-size: .8rem; }
    .remedy__tag a:hover {
      color: #00aeef; }

.single-remedy .header-split {
  display: flex;
  max-width: 1700px;
  margin: 0 auto 4rem;
  flex-direction: column; }
  @media only screen and (min-width: 765px) {
    .single-remedy .header-split {
      flex-direction: row; } }
  .single-remedy .header-split__image {
    width: 100%; }
    @media only screen and (min-width: 765px) {
      .single-remedy .header-split__image {
        width: 50%; } }
    .single-remedy .header-split__image:before {
      content: "";
      display: flex;
      padding-bottom: 75%; }
  .single-remedy .header-split__copy {
    width: 100%;
    padding: 0 1rem;
    border-bottom: 1px solid #e8e8e8; }
    @media only screen and (min-width: 765px) {
      .single-remedy .header-split__copy {
        width: 50%;
        padding: 0 3rem; } }
    .single-remedy .header-split__copy h2 {
      font-size: 3rem;
      text-transform: uppercase;
      margin: 0; }
      @media only screen and (min-width: 765px) {
        .single-remedy .header-split__copy h2 {
          font-size: 5rem; } }
  .single-remedy .header-split .social__vertical {
    margin-top: 2rem; }
    @media only screen and (min-width: 765px) {
      .single-remedy .header-split .social__vertical {
        padding: 4.5rem 0rem 0 5rem;
        border-bottom: 1px solid #e8e8e8;
        margin-top: 0; } }
.single-remedy .remedy-contain .carousel-block, .single-remedy .remedy-contain .contained, .single-remedy .remedy-contain .rich-text {
  max-width: 900px;
  margin: auto; }

.single-remedy .remedy-contain .rich-text {
  padding: 1rem; }
  @media only screen and (min-width: 765px) {
    .single-remedy .remedy-contain .rich-text {
      padding: 0; } }
  .single-remedy .remedy-contain .rich-text h1, .single-remedy .remedy-contain .rich-text h2, .single-remedy .remedy-contain .rich-text h3, .single-remedy .remedy-contain .rich-text h4, .single-remedy .remedy-contain .rich-text h5 {
    color: #ed1c24;
    font-weight: 500;
    font-size: 24px;
    text-transform: uppercase; }

.single-remedy .remedy-contain > .rich-text {
  padding: 40px 1rem; }
  @media only screen and (min-width: 765px) {
    .single-remedy .remedy-contain > .rich-text {
      padding: 80px 0; } }
.single-remedy .remedy-contain .rich-text + .contained .tnemec-button {
  margin-top: 0; }

.single-remedy .remedy-contain .gated-cotent-block {
  padding: 2rem 1rem;
  border-top: 1px solid #e8e8e8; }
  @media only screen and (min-width: 765px) {
    .single-remedy .remedy-contain .gated-cotent-block {
      padding: 4rem 0; } }
  .single-remedy .remedy-contain .gated-cotent-block__header {
    max-width: 900px;
    margin: auto; }

.single-remedy .remedy-contain .remedy__half-grid.background-color__blue .half-grid__block {
  background-color: #00aeef;
  color: #fff; }

.single-remedy .remedy-contain .remedy__half-grid.background-color__red .half-grid__block {
  background-color: #ed1c24;
  color: #fff; }

.single-remedy .remedy-contain .remedy__half-grid.background-color__yellow .half-grid__block {
  background-color: #ffcb08;
  color: #000; }

.single-remedy .remedy-contain .remedy__half-grid .half-grid__row {
  flex-direction: column;
  border: none; }
  @media only screen and (min-width: 765px) {
    .single-remedy .remedy-contain .remedy__half-grid .half-grid__row {
      flex-direction: row-reverse; } }
  .single-remedy .remedy-contain .remedy__half-grid .half-grid__row .half-grid__block {
    padding: 50px; }
    @media only screen and (min-width: 765px) {
      .single-remedy .remedy-contain .remedy__half-grid .half-grid__row .half-grid__block {
        padding: 80px; } }
    .single-remedy .remedy-contain .remedy__half-grid .half-grid__row .half-grid__block .location-block__headline {
      color: #fff; }
    .single-remedy .remedy-contain .remedy__half-grid .half-grid__row .half-grid__block .rich-text {
      padding: 1rem 0; }
    .single-remedy .remedy-contain .remedy__half-grid .half-grid__row .half-grid__block.block-image {
      max-height: inherit; }

.single-remedy .remedy-contain blockquote {
  text-align: center;
  font-weight: 300;
  font-size: 2rem; }

.single-remedy .remedy-contain .related-products-grid {
  margin-top: 2rem; }

.single-remedy .social__vertical {
  flex: inherit; }

.remedy-full-width-intro-wrap {
  max-width: 1100px;
  margin: 2rem auto;
  display: flex;
  flex-direction: column; }
  @media only screen and (min-width: 765px) {
    .remedy-full-width-intro-wrap {
      flex-direction: row; } }
  .remedy-full-width-intro-wrap__content {
    display: flex;
    flex-direction: column;
    max-width: 900px;
    margin: auto;
    padding: 1rem; }
    @media only screen and (min-width: 765px) {
      .remedy-full-width-intro-wrap__content {
        padding: 0; } }
    .remedy-full-width-intro-wrap__content .breadcrumbs__wrap {
      padding: 0; }

.gated-cotent-block {
  max-width: 900px;
  margin: auto;
  padding: 1rem; }
  @media only screen and (min-width: 765px) {
    .gated-cotent-block {
      padding: 4rem 2rem 6rem; } }
  @media only screen and (min-width: 1020px) {
    .gated-cotent-block {
      padding: 4rem 0 6rem; } }
  .gated-cotent-block__header {
    display: flex;
    flex-direction: column; }
    @media only screen and (min-width: 765px) {
      .gated-cotent-block__header {
        flex-direction: row-reverse; } }
    @media only screen and (min-width: 765px) {
      .gated-cotent-block__header img {
        margin-left: 3rem; } }
  .gated-cotent-block__form {
    max-width: 600px;
    font-weight: 300; }
    .gated-cotent-block__form__subheadline {
      font-size: 1.5rem; }
    .gated-cotent-block__form form {
      width: 100%; }
      .gated-cotent-block__form form p {
        margin: 0 0 1rem 0; }
      .gated-cotent-block__form form label {
        clear: both;
        font-weight: 300;
        font-size: .8rem;
        margin-bottom: .5rem; }
      .gated-cotent-block__form form input,
      .gated-cotent-block__form form select {
        margin-bottom: .5rem;
        border: 1px solid #949494; }
      .gated-cotent-block__form form select {
        appearance: auto; }
      .gated-cotent-block__form form input:not([type=radio]):not([type=checkbox]):not([type=submit]) {
        width: 100%;
        clear: both;
        border: 1px solid #949494;
        padding: .7rem; }
      .gated-cotent-block__form form textarea {
        width: 100%;
        clear: both;
        border: 1px solid #e8e8e8;
        padding: 1rem; }
      .gated-cotent-block__form form button, .gated-cotent-block__form form input[type="submit"] {
        text-transform: uppercase;
        display: inline-block;
        text-align: center;
        position: relative;
        font-weight: 500;
        white-space: nowrap;
        color: #fff;
        background-color: #00aeef;
        border: 2px solid #00aeef;
        font-size: 24px;
        border-radius: 50px;
        padding: 1rem 2rem;
        margin-top: 1rem;
        cursor: pointer; }
        .gated-cotent-block__form form button:hover, .gated-cotent-block__form form input[type="submit"]:hover {
          background-color: #a9ddf1; }

.featured-documents {
  padding: 1rem; }
  @media only screen and (min-width: 765px) {
    .featured-documents {
      padding: 0; } }
  .featured-documents.style-blue {
    background-color: #00aeef; }
  .featured-documents.style-red {
    background-color: #ed1c24; }
  .featured-documents.style-yellow {
    background-color: #ffcb08; }
  .featured-documents__wrap {
    max-width: 900px;
    margin: auto;
    padding: 3rem 0 0; }
  .featured-documents__headline {
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 24px; }
  .featured-documents__body {
    color: #fff; }

.featured-document-block {
  display: flex;
  flex-direction: column;
  padding: 2rem 0;
  align-items: flex-start;
  justify-content: space-between; }
  @media only screen and (min-width: 765px) {
    .featured-document-block {
      flex-direction: row; } }
  .featured-document-block .content-contain span {
    display: inline-block;
    margin-left: 5px;
    padding-left: 30px;
    color: #fff;
    background: transparent url(../images/icons/pdf-download-icon-white.svg) no-repeat left center; }
  .featured-document-block .content-contain h3 {
    margin-top: 0; }
  .featured-document-block .content-contain h4 {
    margin-bottom: 0; }
  .featured-document-block .content-contain p {
    font-size: 14px; }
  .featured-document-block .button-contain {
    display: flex; }
    .featured-document-block .button-contain a {
      margin-right: 2rem; }
      @media only screen and (min-width: 765px) {
        .featured-document-block .button-contain a {
          margin-left: 2rem;
          margin-right: 0; } }
  .featured-document-block:not(:first-child) {
    border-top: 1px solid #fff; }

.featured-documents.style-yellow .featured-documents__body,
.featured-documents.style-yellow .featured-documents__headline,
.featured-documents.style-yellow .featured-document-block .content-contain span,
.featured-documents.style-yellow .tnemec-button.secondary.medium {
  color: #000; }

.half-image-grid__wrap.style-blue .half-grid__item__text {
  background-color: #00aeef;
  color: #fff; }
  .half-image-grid__wrap.style-blue .half-grid__item__text h3 {
    color: #fff; }
  .half-image-grid__wrap.style-blue .half-grid__item__text .tnemec-button {
    color: #fff;
    border-color: #fff; }
    .half-image-grid__wrap.style-blue .half-grid__item__text .tnemec-button:after {
      content: "";
      background-image: url(../images/hover-arrow-white.svg); }

.half-image-grid__wrap.style-red .half-grid__item__text {
  background-color: #ed1c24;
  color: #fff; }
  .half-image-grid__wrap.style-red .half-grid__item__text h3 {
    color: #fff; }
  .half-image-grid__wrap.style-red .half-grid__item__text .tnemec-button {
    color: #fff;
    border-color: #fff;
    margin-top: 1.5rem; }
    .half-image-grid__wrap.style-red .half-grid__item__text .tnemec-button:after {
      content: "";
      background-image: url(../images/hover-arrow-white.svg); }

.half-image-grid__wrap.style-yellow .half-grid__item__text {
  background-color: #ffcb08;
  color: #000; }
  .half-image-grid__wrap.style-yellow .half-grid__item__text h3 {
    color: #000; }
  .half-image-grid__wrap.style-yellow .half-grid__item__text .tnemec-button {
    color: #000;
    border-color: #000; }
    .half-image-grid__wrap.style-yellow .half-grid__item__text .tnemec-button:after {
      content: "";
      background-image: url(../images/hover-arrow-black.svg); }

.half-image-grid__wrap .half-grid__item__text {
  padding: 50px; }
  @media only screen and (min-width: 765px) {
    .half-image-grid__wrap .half-grid__item__text {
      padding: 80px; } }
.project-body {
  max-width: 900px;
  padding: 0 1rem;
  margin: auto; }
  .project-body + .related-products-grid {
    margin-top: 4rem; }

.key-dates {
  padding: 2rem 0; }
  .key-dates--blue {
    background: #00aeef;
    color: #fff; }
  .key-dates--red {
    background: #ed1c24;
    color: #fff; }
  .key-dates--yellow {
    background: #ffcb08;
    color: #fff; }
  .key-dates__contain {
    max-width: 900px;
    padding: 0 1rem;
    margin: 0 auto; }
  .key-dates h2 {
    margin-top: 0;
    color: #fff;
    text-transform: uppercase; }
  .key-dates__items ul {
    display: flex;
    justify-content: space-between; }
  .key-dates__items li {
    color: #fff;
    text-transform: uppercase;
    font-size: 3vw; }
    @media only screen and (min-width: 765px) {
      .key-dates__items li {
        font-size: 1.5rem; } }
    @media only screen and (min-width: 1020px) {
      .key-dates__items li {
        font-size: 1.75rem; } }
  .key-dates__items span {
    display: block;
    font-size: 9vw;
    line-height: 1.2em; }
    @media only screen and (min-width: 765px) {
      .key-dates__items span {
        font-size: 4.5rem; } }
    @media only screen and (min-width: 1020px) {
      .key-dates__items span {
        font-size: 4.75rem; } }
.glightbox-container {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999 !important;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  outline: none; }

.glightbox-container.inactive {
  display: none; }

.glightbox-container .gcontainer {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: hidden; }

.glightbox-container .gslider {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  position: relative;
  overflow: hidden;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.glightbox-container .gslide {
  width: 100%;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0; }

.glightbox-container .gslide.current {
  opacity: 1;
  z-index: 99999;
  position: relative; }

.glightbox-container .gslide.prev {
  opacity: 1;
  z-index: 9999; }

.glightbox-container .gslide-inner-content {
  width: 100%; }

.glightbox-container .ginner-container {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 100%;
  margin: auto;
  height: 100vh; }

.glightbox-container .ginner-container.gvideo-container {
  width: 100%; }

.glightbox-container .ginner-container.desc-bottom,
.glightbox-container .ginner-container.desc-top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.glightbox-container .ginner-container.desc-left,
.glightbox-container .ginner-container.desc-right {
  max-width: 100% !important; }

.gslide iframe,
.gslide video {
  outline: none !important;
  border: none;
  min-height: 165px;
  -webkit-overflow-scrolling: touch;
  -ms-touch-action: auto;
  touch-action: auto; }

.gslide:not(.current) {
  pointer-events: none; }

.gslide-image {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.gslide-image img {
  max-height: 100vh;
  display: block;
  padding: 0;
  float: none;
  outline: none;
  border: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-width: 100vw;
  width: auto;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  -ms-touch-action: none;
  touch-action: none;
  margin: auto;
  min-width: 200px; }

.desc-top .gslide-image img,
.desc-bottom .gslide-image img {
  width: auto; }

.desc-left .gslide-image img,
.desc-right .gslide-image img {
  width: auto;
  max-width: 100%; }

.gslide-image img.zoomable {
  position: relative; }

.gslide-image img.dragging {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
  -webkit-transition: none;
  transition: none; }

.gslide-video {
  position: relative;
  max-width: 100vh;
  width: 100% !important; }

.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster {
  display: none; }

.gslide-video .gvideo-wrapper {
  width: 100%;
  /* max-width: 160vmin; */
  margin: auto; }

.gslide-video::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 0, 0, 0.34);
  display: none; }

.gslide-video.playing::before {
  display: none; }

.gslide-video.fullscreen {
  max-width: 100% !important;
  min-width: 100%;
  height: 75vh; }

.gslide-video.fullscreen video {
  max-width: 100% !important;
  width: 100% !important; }

.gslide-inline {
  background: #fff;
  text-align: left;
  max-height: calc(100vh - 40px);
  overflow: auto;
  max-width: 100%;
  margin: auto; }

.gslide-inline .ginlined-content {
  padding: 20px;
  width: 100%; }

.gslide-inline .dragging {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
  -webkit-transition: none;
  transition: none; }

.ginlined-content {
  overflow: auto;
  display: block !important;
  opacity: 1; }

.gslide-external {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-width: 100%;
  background: #fff;
  padding: 0;
  overflow: auto;
  max-height: 75vh;
  height: 100%; }

.gslide-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto; }

.zoomed .gslide-media {
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.desc-top .gslide-media,
.desc-bottom .gslide-media {
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.gslide-description {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%; }

.gslide-description.description-left,
.gslide-description.description-right {
  max-width: 100%; }

.gslide-description.description-bottom,
.gslide-description.description-top {
  margin: 0 auto;
  width: 100%; }

.gslide-description p {
  margin-bottom: 12px; }

.gslide-description p:last-child {
  margin-bottom: 0; }

.zoomed .gslide-description {
  display: none; }

.glightbox-button-hidden {
  display: none; }

/*
 * Description for mobiles
 * something like facebook does the description
 * for the photos
*/
.glightbox-mobile .glightbox-container .gslide-description {
  height: auto !important;
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 19px 11px;
  max-width: 100vw !important;
  -webkit-box-ordinal-group: 3 !important;
  -ms-flex-order: 2 !important;
  order: 2 !important;
  max-height: 78vh;
  overflow: auto !important;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  padding-bottom: 50px; }

.glightbox-mobile .glightbox-container .gslide-title {
  color: #fff;
  font-size: 1em; }

.glightbox-mobile .glightbox-container .gslide-desc {
  color: #a1a1a1; }

.glightbox-mobile .glightbox-container .gslide-desc a {
  color: #fff;
  font-weight: bold; }

.glightbox-mobile .glightbox-container .gslide-desc * {
  color: inherit; }

.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
  color: #fff;
  opacity: 0.4; }

.gdesc-open .gslide-media {
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 0.4; }

.gdesc-open .gdesc-inner {
  padding-bottom: 30px; }

.gdesc-closed .gslide-media {
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 1; }

.greset {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.gabsolute {
  position: absolute; }

.grelative {
  position: relative; }

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

.glightbox-open {
  overflow: hidden; }

.gloader {
  height: 25px;
  width: 25px;
  -webkit-animation: lightboxLoader 0.8s infinite linear;
  animation: lightboxLoader 0.8s infinite linear;
  border: 2px solid #fff;
  border-right-color: transparent;
  border-radius: 50%;
  position: absolute;
  display: block;
  z-index: 9999;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 47%; }

.goverlay {
  width: 100%;
  height: calc(100vh + 1px);
  position: fixed;
  top: -1px;
  left: 0;
  background: #000;
  will-change: opacity; }

.glightbox-mobile .goverlay {
  background: #000; }

.gprev,
.gnext,
.gclose {
  z-index: 99999;
  cursor: pointer;
  width: 26px;
  height: 44px;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.gprev svg,
.gnext svg,
.gclose svg {
  display: block;
  width: 25px;
  height: auto;
  margin: 0;
  padding: 0; }

.gprev.disabled,
.gnext.disabled,
.gclose.disabled {
  opacity: 0.1; }

.gprev .garrow,
.gnext .garrow,
.gclose .garrow {
  stroke: #fff; }

.gbtn.focused {
  outline: 2px solid #0f3d81; }

iframe.wait-autoplay {
  opacity: 0; }

.glightbox-closing .gnext,
.glightbox-closing .gprev,
.glightbox-closing .gclose {
  opacity: 0 !important; }

/*Skin */
.glightbox-clean .gslide-description {
  background: #fff; }

.glightbox-clean .gdesc-inner {
  padding: 22px 20px; }

.glightbox-clean .gslide-title {
  font-size: 1em;
  font-weight: normal;
  font-family: arial;
  color: #000;
  margin-bottom: 19px;
  line-height: 1.4em; }

.glightbox-clean .gslide-desc {
  font-size: 0.86em;
  margin-bottom: 0;
  font-family: arial;
  line-height: 1.4em; }

.glightbox-clean .gslide-video {
  background: #000; }

.glightbox-clean .gprev,
.glightbox-clean .gnext,
.glightbox-clean .gclose {
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 4px; }

.glightbox-clean .gprev path,
.glightbox-clean .gnext path,
.glightbox-clean .gclose path {
  fill: #fff; }

.glightbox-clean .gprev {
  position: absolute;
  top: -100%;
  left: 30px;
  width: 40px;
  height: 50px; }

.glightbox-clean .gnext {
  position: absolute;
  top: -100%;
  right: 30px;
  width: 40px;
  height: 50px; }

.glightbox-clean .gclose {
  width: 35px;
  height: 35px;
  top: 15px;
  right: 10px;
  position: absolute; }

.glightbox-clean .gclose svg {
  width: 18px;
  height: auto; }

.glightbox-clean .gclose:hover {
  opacity: 1; }

/*CSS Animations*/
.gfadeIn {
  -webkit-animation: gfadeIn 0.5s ease;
  animation: gfadeIn 0.5s ease; }

.gfadeOut {
  -webkit-animation: gfadeOut 0.5s ease;
  animation: gfadeOut 0.5s ease; }

.gslideOutLeft {
  -webkit-animation: gslideOutLeft 0.3s ease;
  animation: gslideOutLeft 0.3s ease; }

.gslideInLeft {
  -webkit-animation: gslideInLeft 0.3s ease;
  animation: gslideInLeft 0.3s ease; }

.gslideOutRight {
  -webkit-animation: gslideOutRight 0.3s ease;
  animation: gslideOutRight 0.3s ease; }

.gslideInRight {
  -webkit-animation: gslideInRight 0.3s ease;
  animation: gslideInRight 0.3s ease; }

.gzoomIn {
  -webkit-animation: gzoomIn 0.5s ease;
  animation: gzoomIn 0.5s ease; }

.gzoomOut {
  -webkit-animation: gzoomOut 0.5s ease;
  animation: gzoomOut 0.5s ease; }

@-webkit-keyframes lightboxLoader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes lightboxLoader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

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

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

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

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

@-webkit-keyframes gslideInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0); }
  to {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes gslideInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0); }
  to {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes gslideOutLeft {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
    visibility: hidden; } }

@keyframes gslideOutLeft {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
    visibility: hidden; } }

@-webkit-keyframes gslideInRight {
  from {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes gslideInRight {
  from {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes gslideOutRight {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
    opacity: 0; } }

@keyframes gslideOutRight {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
    opacity: 0; } }

@-webkit-keyframes gzoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 1; } }

@keyframes gzoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 1; } }

@-webkit-keyframes gzoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

@keyframes gzoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

@media (min-width: 765px) {
  .glightbox-container .ginner-container {
    width: auto;
    height: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
  .glightbox-container .ginner-container.desc-top .gslide-description {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0; }
  .glightbox-container .ginner-container.desc-top .gslide-image,
  .glightbox-container .ginner-container.desc-top .gslide-image img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .glightbox-container .ginner-container.desc-left .gslide-description {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0; }
  .glightbox-container .ginner-container.desc-left .gslide-image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .gslide-image img {
    max-height: 97vh;
    max-width: 100%; }
  .gslide-image img.zoomable {
    cursor: -webkit-zoom-in;
    cursor: zoom-in; }
  .zoomed .gslide-image img.zoomable {
    cursor: -webkit-grab;
    cursor: grab; }
  .gslide-inline {
    max-height: 95vh; }
  .gslide-external {
    max-height: 100vh; }
  .gslide-description.description-left,
  .gslide-description.description-right {
    max-width: 275px; }
  .goverlay {
    background: rgba(0, 0, 0, 0.92); }
  .glightbox-clean .gslide-media {
    -webkit-box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65);
    box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65); }
  .glightbox-clean .description-left .gdesc-inner,
  .glightbox-clean .description-right .gdesc-inner {
    position: absolute;
    height: 100%;
    overflow-y: auto; }
  .glightbox-clean .gprev,
  .glightbox-clean .gnext,
  .glightbox-clean .gclose {
    background-color: rgba(0, 0, 0, 0.32); }
  .glightbox-clean .gprev:hover,
  .glightbox-clean .gnext:hover,
  .glightbox-clean .gclose:hover {
    background-color: rgba(0, 0, 0, 0.7); }
  .glightbox-clean .gprev {
    top: 45%; }
  .glightbox-clean .gnext {
    top: 45%; } }

@media (min-width: 992px) {
  .glightbox-clean .gclose {
    opacity: 0.7;
    right: 20px; } }

@media screen and (max-height: 420px) {
  .goverlay {
    background: #000; } }

.gslide-inline {
  max-width: 85vw; }
  @media only screen and (min-width: 1020px) {
    .gslide-inline {
      max-width: 56rem; } }
@media only screen and (min-width: 1020px) {
  .gslide-inline .ginlined-content.toty-lightbox {
    padding: 2rem; } }

.tank-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-row-gap: 1.5rem;
  grid-column-gap: 1.5rem; }
  @media only screen and (min-width: 765px) {
    .tank-grid {
      grid-template-columns: repeat(2, 1fr); } }
  @media only screen and (min-width: 1200px) {
    .tank-grid {
      grid-template-columns: repeat(3, 1fr); } }
  .tank-grid-item {
    position: relative;
    background: #ccc;
    overflow: hidden; }
    .tank-grid-item:before {
      content: '';
      display: block;
      padding-top: 58%; }
    @media only screen and (min-width: 765px) {
      .tank-grid-item:active .tank-grid-item__text, .tank-grid-item:focus .tank-grid-item__text, .tank-grid-item:hover .tank-grid-item__text {
        bottom: 0; } }
  .tank-grid-item__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ccc no-repeat center;
    background-size: cover; }
    .tank-grid-item__image:after {
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      background-image: linear-gradient(180deg, rgba(56, 56, 56, 0) 30%, rgba(56, 56, 56, 0.4) 70%); }
  .tank-grid-item__badge {
    position: absolute;
    top: 1rem;
    left: 1rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background-color: #ed1c24;
    border-radius: 50%;
    color: #fff;
    text-align: center; }
  .tank-grid-item__text {
    position: absolute;
    bottom: -3.5rem;
    width: 100%;
    padding: 1rem;
    transition: bottom .2s ease-out; }
  .tank-grid-item__links {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 2.5rem;
    margin-top: .5rem; }
  .tank-grid-item__expand-trigger {
    display: none; }
    @media only screen and (min-width: 765px) {
      .tank-grid-item__expand-trigger {
        display: inline-block;
        appearance: none;
        width: 1.25rem;
        height: 1.25rem;
        padding: 0;
        margin: 0;
        background: transparent url(../images/expand-icon.svg) no-repeat center;
        background-size: contain;
        border: none;
        cursor: pointer; } }
  .tank-grid-item__overlay-link {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: transparent; }
    @media only screen and (min-width: 765px) {
      .tank-grid-item__overlay-link {
        display: none; } }
.section--vpad {
  padding-top: 1rem;
  padding-bottom: 1rem; }
  @media only screen and (min-width: 1020px) {
    .section--vpad {
      padding-top: 2rem;
      padding-bottom: 2rem; } }
.container--extended {
  max-width: 92rem;
  padding-left: 1rem;
  padding-right: 1rem;
  margin: auto; }

@media only screen and (min-width: 1020px) {
  .toty-top-3 .tank-grid {
    grid-template-columns: repeat(3, 1fr); } }

@media only screen and (min-width: 765px) {
  .toty-detail .social__vertical {
    flex: .5; } }

@media only screen and (min-width: 765px) {
  .toty-detail .news-article__main {
    flex: 6;
    padding: 0 2rem 0 2rem; } }

@media only screen and (min-width: 1020px) {
  .toty-detail .news-article__main {
    flex: 7;
    padding: 0 4rem 0 2rem; } }

.toty-detail .news-article__main img {
  display: block;
  margin-top: 2rem; }

@media only screen and (min-width: 765px) {
  .toty-detail .news-article__related {
    flex: 6; } }

@media only screen and (min-width: 1020px) {
  .toty-detail .news-article__related {
    flex: 4; } }

.toty-detail__headline {
  margin: 0;
  font-size: 2.5rem;
  line-height: 1em;
  text-transform: uppercase; }
  @media only screen and (min-width: 1020px) {
    .toty-detail__headline {
      font-size: 4rem; } }
.toty-detail__subhead {
  margin: 0;
  font-size: 1.5rem;
  line-height: 1em;
  text-transform: uppercase; }
  @media only screen and (min-width: 1020px) {
    .toty-detail__subhead {
      font-size: 2rem; } }
.toty-detail__headline + .toty-detail__subhead {
  margin-top: 1rem; }

.toty-detail__description > p {
  margin: 0; }

.toty-detail__description + .toty-detail__form {
  margin-top: 2rem; }

.toty-detail__form .contained--padded {
  padding: 0; }

.toty-detail__form .grid__headline {
  padding: 0; }

.toty-detail__form form.thin-width {
  max-width: 100%; }

.toty-lightbox__title {
  margin: 0 0 1rem;
  font-size: 2rem;
  line-height: 1em;
  text-transform: uppercase; }

.toty-lightbox__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1rem; }

@media only screen and (min-width: 765px) {
  .toty-lightbox .social__vertical__items {
    flex-direction: row; } }

.toty-lightbox .social__vertical__item {
  margin-bottom: 0; }
  @media only screen and (min-width: 765px) {
    .toty-lightbox .social__vertical__item {
      margin-right: 2rem; } }
.toty-tank-image {
  position: relative; }
  .toty-tank-image img {
    display: block;
    width: 100%; }
  .toty-tank-image--hydroflon:after {
    content: 'Hydroflon';
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    padding: .75rem 1.25rem;
    background-color: #00aeef;
    color: #fff;
    font-size: 1.5rem;
    text-transform: uppercase; }

.tank-detail-page ul.messages {
  max-width: 1100px;
  margin: 0 auto;
  padding: 1rem;
  font-size: 2rem; }

.tank-detail-page li.error {
  padding: 1rem;
  background-color: #e8e8e8;
  color: #ed1c24;
  text-align: center; }

.tank-nomination-landing-page .sign-up {
  margin-bottom: 2rem; }

.tank-nomination-landing-page .tnemec-button.large {
  font-size: 14px;
  padding: .5rem 2rem;
  margin-top: 0;
  margin-bottom: 2rem;
  border-radius: 40px; }

.toty-detail__form .field-row {
  align-items: flex-start; }

.toty-detail__form input[type="text"],
.toty-detail__form input[type="email"] {
  width: 100%; }

.tank-grid + .pagination {
  margin-top: 2rem; }

.marketing-items {
  max-width: 900px;
  margin: auto;
  padding: 2rem 1rem; }
  @media only screen and (min-width: 765px) {
    .marketing-items {
      padding: 2rem 0 4rem; } }
  .marketing-items__intro + .marketing-item {
    margin-top: 2rem; }

@media only screen and (min-width: 765px) {
  .marketing-item {
    display: flex;
    min-height: 25rem; } }

.marketing-item:nth-child(odd) {
  flex-direction: row-reverse; }

.marketing-item:nth-child(even) {
  flex-direction: row; }

.marketing-item + .marketing-item {
  position: relative;
  margin-top: 4rem; }
  .marketing-item + .marketing-item:before {
    content: '';
    position: absolute;
    top: -2rem;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #B5B5B5; }

.marketing-item__image-side {
  position: relative;
  width: 100%;
  height: 60vw;
  background: no-repeat center;
  background-size: cover; }
  @media only screen and (min-width: 765px) {
    .marketing-item__image-side {
      width: 60%;
      height: auto; } }
  .marketing-item__image-side a {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%; }

@media only screen and (min-width: 765px) {
  .marketing-item__text-side {
    width: 40%;
    padding: 2rem; } }

.marketing-item__title {
  text-transform: uppercase; }
  .marketing-item__title a {
    font-size: 24px;
    font-weight: 500;
    text-decoration: none; }

.article-group-block {
  max-width: 900px;
  margin: auto;
  padding: 1rem; }
  @media only screen and (min-width: 765px) {
    .article-group-block__items {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 2rem; } }
  .article-group-block .filtered-list__list-item {
    display: block;
    padding: 2rem 0;
    border: none;
    border-top: 1px solid #e8e8e8; }
    @media only screen and (min-width: 765px) {
      .article-group-block .filtered-list__list-item {
        padding: 2rem 0 0; } }
    @media only screen and (min-width: 765px) {
      .article-group-block .filtered-list__list-item:nth-child(1), .article-group-block .filtered-list__list-item:nth-child(2) {
        padding: 0;
        border-top: 0; } }
    .article-group-block .filtered-list__list-item:nth-child(1) {
      border-top: 0; }
  .article-group-block .remedy-image-contain {
    display: block;
    width: 100%;
    height: 56vw;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
    @media only screen and (min-width: 765px) {
      .article-group-block .remedy-image-contain {
        height: 28vw; } }
    @media screen and (min-width: 900px) {
      .article-group-block .remedy-image-contain {
        height: 235px; } }
  .article-group-block .remedy__headline a {
    text-transform: uppercase;
    font-size: 2rem;
    font-weight: 500;
    text-decoration: none; }

.block-campaign_block + .block-featured_pages {
  padding-top: 2.5rem; }

.template-homepage .half-image-grid__item__link--featured-page .half-image-grid__item:before {
  padding-top: 70%; }

.template-homepage .half-image-grid__item__product-copy p {
  width: 100%; }

.template-homepage .half-image-grid__item__link {
  float: none;
  text-decoration: none; }

@media screen and (max-width: 764px) {
  .template-homepage .half-image-grid__item__background-image {
    height: auto; } }

@media screen and (max-width: 764px) {
  .template-homepage .half-image-grid__item__gradient-overlay {
    position: relative;
    width: 100%; } }