/*
Theme Name: 	Tech Data
Theme URI: 		https://alchemy.digital/
Description: 	WordPress theme for Tech Data
Version: 		2.0
Author: 		Alchemy Digital
Author URI: 	https://alchemy.digital/
Tags:
*/
/*================ UTILS ================*/
/*============================================================================
  Font Variables
==============================================================================*/
@import "sass/vendor/owl/owl.carousel.min.css";
@import "sass/vendor/owl/owl.theme.default.min.css";

@font-face {
  font-family: "Georgia Pro";
  font-weight: normal;
  src: url("fonts/GeorgiaPro/Georgia-Pro-Regular.ttf") format("ttf");
}

@font-face {
  font-family: "Georgia Pro";
  font-weight: bold;
  src: url("fonts/GeorgiaPro/Georgia-Pro-Bold.ttf") format("ttf");
}

@font-face {
  font-family: "Georgia Pro";
  font-style: italic;
  src: url("fonts/GeorgiaPro/Georgia-Pro-Regular-Italic.ttf") format("ttf");
}

/**
Everett font
*/
@font-face {
  font-family: "Everett Regular";
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("fonts/Everett/regular/TWKEverett-Regular-web.ttf") format("truetype"),
    url("fonts/Everett/regular/TWKEverett-Regular-web.woff") format("woff"),
    url("fonts/Everett/regular/TWKEverett-Regular-web.woff2") format("woff2");
}

@font-face {
  font-family: "Everett Medium";
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("fonts/Everett/medium/TWKEverett-Medium-web.woff2") format("woff2"),
    url('fonts/Everett/medium/TWKEverett-Medium-web.woff') format("woff"),
    url('fonts/Everett/medium/TWKEverett-Medium-web.ttf') format("truetype");
}

/*============================================================================
  Color Variables
==============================================================================*/
/* ---- Main colors ---- */
/* ---- Other colors ---- */
/* ---- Social colors ---- */
/* ---- Colors Array - used to create color classes such as "color-white" in typography.scss & layout.scss ---- */
/*============================================================================
  Typography Variables
==============================================================================*/
/* ---- Font line heights ---- */
/* ---- Font sizes ---- */
/* ---- Font weights ---- */
/* ---- Font families ---- */
/*============================================================================
  Padding & Margin Variables
==============================================================================*/
/* ---- Padding ---- */
/* ---- Margin ---- */
/* ---- Grid padding ---- */
/* ---- BD Margin ---- */
/*============================================================================
  Grid Breakpoints and Class Names
==============================================================================*/
/*============================================================================
  Box Shadows
==============================================================================*/
/*============================================================================
  Easing & Transitions
==============================================================================*/
/*============================================================================
  Siteheader
==============================================================================*/
/*============================================================================
  Buttons
==============================================================================*/
/*============================================================================
  Forms
==============================================================================*/
/*============================================================================
  WP Admin Bar
==============================================================================*/
/*============================================================================
  Mixins
==============================================================================*/
/*============================================================================
  Mixin - Cover Image
==============================================================================*/
/*============================================================================
  Mixin - Input Placeholder Styles
==============================================================================*/
/*============================================================================
  Mixin - Responsive ratio

  Used for creating scalable elements that maintain the same ratio
  example:
  .element {
    @include responsive-ratio(400, 300);
  }
==============================================================================*/
/*============================================================================
  Mixin - Clear fix
==============================================================================*/
/*============================================================================
  Mixin - Visually Hidden
==============================================================================*/
/*============================================================================
  Mixin - Visually shown
==============================================================================*/
/*============================================================================
  Mixin - Prefix

  Prefix mixin for generating vendor prefixes.
  Based on https://github.com/thoughtbot/bourbon/blob/v4-stable/app/assets/stylesheets/addons/_prefixer.scss

  Usage:
    // Input:
    .element {
      @include prefix(transform, scale(1), ms webkit spec);
    }

    // Output:
    .element {
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1);
    }
==============================================================================*/
/*============================================================================
  Mixin - Media Queries
==============================================================================*/
/*============================================================================
  Mixin - Keyframes
==============================================================================*/
/*============================================================================
  Mixin - Animation
==============================================================================*/
/*============================================================================
  Mixin - Color Classes
==============================================================================*/
/*============================================================================
  Mixin - Grid
==============================================================================*/
/*============================================================================
  Mixin - Add gridsize to end of classes e.g. "--md" and puts it within the media query
  this is currently mostly used in _grid.scss
==============================================================================*/
/*============================================================================
  Mixin - Absolute
==============================================================================*/
/*============================================================================
  Mixin - Responsive Aspect Ratio
==============================================================================*/
/*============================================================================
  Mixin - Active menu item
==============================================================================*/
/*============================================================================
  Function - Negative Variable
==============================================================================*/
/*================ VENDOR ================*/
/*================= BASE =================*/
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: 0;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}

h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

h4 {
  font-size: 1em;
  margin: 1.33em 0;
}

h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}

h6 {
  font-size: 0.67em;
  margin: 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */
p,
pre {
  margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: "courier new", monospace;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: "";
  content: none;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}

dd {
  margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}

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

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  margin-left: -7px;
  /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  vertical-align: middle;
  /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ==========================================================================
  animations -- animations.scss
  ========================================================================== */
/* ==========================================================================
  Accessibility - remove animations for "prefers reduced motion" -- animations.scss
  ========================================================================== */
@media screen and (prefers-reduced-motion: reduce),
(update: slow) {
  * {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
}

/* ==========================================================================
  Main effect class -- animations.scss
  ========================================================================== */
.effect {
  opacity: 0;
  -webkit-transform: translate(0, 2em);
  -moz-transform: translate(0, 2em);
  transform: translate(0, 2em);
  -webkit-transition: opacity 250ms cubic-bezier(0.33, 1, 0.68, 1) 0s,
    transform 250ms cubic-bezier(0.33, 1, 0.68, 1) 0s;
  -moz-transition: opacity 250ms cubic-bezier(0.33, 1, 0.68, 1) 0s,
    transform 250ms cubic-bezier(0.33, 1, 0.68, 1) 0s;
  transition: opacity 250ms cubic-bezier(0.33, 1, 0.68, 1) 0s,
    transform 250ms cubic-bezier(0.33, 1, 0.68, 1) 0s;
}

.effect.effect--ready,
.no-cssanimations .effect {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  transform: translate(0, 0);
}

/* ==========================================================================
  Custom effect classes -- animations.scss
  ========================================================================== */
.effect--fade {
  opacity: 0;
  -webkit-transform: none;
  -moz-transform: none;
  transform: none;
}

.effect--fade.effect--ready,
.no-cssanimations .effect--fade {
  opacity: 1;
}

.effect--slidein {
  -webkit-transform: translate(0, 2em);
  -moz-transform: translate(0, 2em);
  transform: translate(0, 2em);
}

.effect--slidein.effect--ready,
.no-cssanimations .effect--slidein {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  transform: translate(0, 0);
}

.effect--slidedown {
  -webkit-transform: translate(0, -2em);
  -moz-transform: translate(0, -2em);
  transform: translate(0, -2em);
}

.effect--slidedown.effect--ready,
.no-cssanimations .effect--slidedown {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  transform: translate(0, 0);
}

.effect--slideright {
  -webkit-transform: translate(-2em, 0);
  -moz-transform: translate(-2em, 0);
  transform: translate(-2em, 0);
}

.effect--slideright.effect--ready,
.no-cssanimations .effect--slideright {
  -webkit-transform: translate(0, 0px);
  -moz-transform: translate(0, 0px);
  transform: translate(0, 0px);
}

.effect--slideleft {
  -webkit-transform: translate(2em, 0px);
  -moz-transform: translate(2em, 0px);
  transform: translate(2em, 0px);
}

.effect--slideleft.effect--ready,
.no-cssanimations .effect--slideleft {
  -webkit-transform: translate(0, 0px);
  -moz-transform: translate(0, 0px);
  transform: translate(0, 0px);
}

/* ==========================================================================
  Effect delays -- animations.scss
  ========================================================================== */
.effect--delay-1 {
  -webkit-transition-delay: 150ms;
  -moz-transition-delay: 150ms;
  transition-delay: 150ms;
}

.effect--delay-2 {
  -webkit-transition-delay: 300ms;
  -moz-transition-delay: 300ms;
  transition-delay: 300ms;
}

.effect--delay-3 {
  -webkit-transition-delay: 450ms;
  -moz-transition-delay: 450ms;
  transition-delay: 450ms;
}

.effect--delay-4 {
  -webkit-transition-delay: 600ms;
  -moz-transition-delay: 600ms;
  transition-delay: 600ms;
}

.effect--delay-5 {
  -webkit-transition-delay: 750ms;
  -moz-transition-delay: 750ms;
  transition-delay: 750ms;
}

.effect--delay-6 {
  -webkit-transition-delay: 900ms;
  -moz-transition-delay: 900ms;
  transition-delay: 900ms;
}

.effect--delay-7 {
  -webkit-transition-delay: 1050ms;
  -moz-transition-delay: 1050ms;
  transition-delay: 1050ms;
}

.effect--delay-0 {
  -webkit-transition-delay: 0ms;
  -moz-transition-delay: 0ms;
  transition-delay: 0ms;
}

/* ==========================================================================
  Effect grid delays -- animations.scss
  ========================================================================== */
.effect.col-1-2:nth-child(2n + 1) {
  -webkit-transition-delay: 0ms;
  -moz-transition-delay: 0ms;
  transition-delay: 0ms;
}

.effect.col-1-2:nth-child(2n + 2) {
  -webkit-transition-delay: 150ms;
  -moz-transition-delay: 150ms;
  transition-delay: 150ms;
}

.effect.col-1-3:nth-child(3n + 1) {
  -webkit-transition-delay: 0ms;
  -moz-transition-delay: 0ms;
  transition-delay: 0ms;
}

.effect.col-1-3:nth-child(3n + 2) {
  -webkit-transition-delay: 150ms;
  -moz-transition-delay: 150ms;
  transition-delay: 150ms;
}

.effect.col-1-3:nth-child(3n + 3) {
  -webkit-transition-delay: calc(150ms * 2);
  -moz-transition-delay: calc(150ms * 2);
  transition-delay: calc(150ms * 2);
}

.effect.col-1-4:nth-child(4n + 1) {
  -webkit-transition-delay: 0ms;
  -moz-transition-delay: 0ms;
  transition-delay: 0ms;
}

.effect.col-1-4:nth-child(4n + 2) {
  -webkit-transition-delay: 150ms;
  -moz-transition-delay: 150ms;
  transition-delay: 150ms;
}

.effect.col-1-4:nth-child(4n + 3) {
  -webkit-transition-delay: calc(150ms * 2);
  -moz-transition-delay: calc(150ms * 2);
  transition-delay: calc(150ms * 2);
}

.effect.col-1-4:nth-child(4n + 4) {
  -webkit-transition-delay: calc(150ms * 3);
  -moz-transition-delay: calc(150ms * 3);
  transition-delay: calc(150ms * 3);
}

.effect.col-1-5:nth-child(5n + 1) {
  -webkit-transition-delay: 0ms;
  -moz-transition-delay: 0ms;
  transition-delay: 0ms;
}

.effect.col-1-5:nth-child(5n + 2) {
  -webkit-transition-delay: 150ms;
  -moz-transition-delay: 150ms;
  transition-delay: 150ms;
}

.effect.col-1-5:nth-child(5n + 3) {
  -webkit-transition-delay: calc(150ms * 2);
  -moz-transition-delay: calc(150ms * 2);
  transition-delay: calc(150ms * 2);
}

.effect.col-1-5:nth-child(5n + 4) {
  -webkit-transition-delay: calc(150ms * 3);
  -moz-transition-delay: calc(150ms * 3);
  transition-delay: calc(150ms * 3);
}

.effect.col-1-5:nth-child(5n + 5) {
  -webkit-transition-delay: calc(150ms * 4);
  -moz-transition-delay: calc(150ms * 4);
  transition-delay: calc(150ms * 4);
}

@media only screen and (min-width: 550px) {
  .effect.col-sm-1-2:nth-child(2n + 1) {
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    transition-delay: 0ms;
  }

  .effect.col-sm-1-2:nth-child(2n + 2) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    transition-delay: 150ms;
  }

  .effect.col-sm-1-3:nth-child(3n + 1) {
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    transition-delay: 0ms;
  }

  .effect.col-sm-1-3:nth-child(3n + 2) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    transition-delay: 150ms;
  }

  .effect.col-sm-1-3:nth-child(3n + 3) {
    -webkit-transition-delay: calc(150ms * 2);
    -moz-transition-delay: calc(150ms * 2);
    transition-delay: calc(150ms * 2);
  }

  .effect.col-sm-1-4:nth-child(4n + 1) {
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    transition-delay: 0ms;
  }

  .effect.col-sm-1-4:nth-child(4n + 2) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    transition-delay: 150ms;
  }

  .effect.col-sm-1-4:nth-child(4n + 3) {
    -webkit-transition-delay: calc(150ms * 2);
    -moz-transition-delay: calc(150ms * 2);
    transition-delay: calc(150ms * 2);
  }

  .effect.col-sm-1-4:nth-child(4n + 4) {
    -webkit-transition-delay: calc(150ms * 3);
    -moz-transition-delay: calc(150ms * 3);
    transition-delay: calc(150ms * 3);
  }

  .effect.col-sm-1-5:nth-child(5n + 1) {
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    transition-delay: 0ms;
  }

  .effect.col-sm-1-5:nth-child(5n + 2) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    transition-delay: 150ms;
  }

  .effect.col-sm-1-5:nth-child(5n + 3) {
    -webkit-transition-delay: calc(150ms * 2);
    -moz-transition-delay: calc(150ms * 2);
    transition-delay: calc(150ms * 2);
  }

  .effect.col-sm-1-5:nth-child(5n + 4) {
    -webkit-transition-delay: calc(150ms * 3);
    -moz-transition-delay: calc(150ms * 3);
    transition-delay: calc(150ms * 3);
  }

  .effect.col-sm-1-5:nth-child(5n + 5) {
    -webkit-transition-delay: calc(150ms * 4);
    -moz-transition-delay: calc(150ms * 4);
    transition-delay: calc(150ms * 4);
  }
}

@media only screen and (min-width: 700px) {
  .effect.col-md-1-2:nth-child(2n + 1) {
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    transition-delay: 0ms;
  }

  .effect.col-md-1-2:nth-child(2n + 2) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    transition-delay: 150ms;
  }

  .effect.col-md-1-3:nth-child(3n + 1) {
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    transition-delay: 0ms;
  }

  .effect.col-md-1-3:nth-child(3n + 2) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    transition-delay: 150ms;
  }

  .effect.col-md-1-3:nth-child(3n + 3) {
    -webkit-transition-delay: calc(150ms * 2);
    -moz-transition-delay: calc(150ms * 2);
    transition-delay: calc(150ms * 2);
  }

  .effect.col-md-1-4:nth-child(4n + 1) {
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    transition-delay: 0ms;
  }

  .effect.col-md-1-4:nth-child(4n + 2) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    transition-delay: 150ms;
  }

  .effect.col-md-1-4:nth-child(4n + 3) {
    -webkit-transition-delay: calc(150ms * 2);
    -moz-transition-delay: calc(150ms * 2);
    transition-delay: calc(150ms * 2);
  }

  .effect.col-md-1-4:nth-child(4n + 4) {
    -webkit-transition-delay: calc(150ms * 3);
    -moz-transition-delay: calc(150ms * 3);
    transition-delay: calc(150ms * 3);
  }

  .effect.col-md-1-5:nth-child(5n + 1) {
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    transition-delay: 0ms;
  }

  .effect.col-md-1-5:nth-child(5n + 2) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    transition-delay: 150ms;
  }

  .effect.col-md-1-5:nth-child(5n + 3) {
    -webkit-transition-delay: calc(150ms * 2);
    -moz-transition-delay: calc(150ms * 2);
    transition-delay: calc(150ms * 2);
  }

  .effect.col-md-1-5:nth-child(5n + 4) {
    -webkit-transition-delay: calc(150ms * 3);
    -moz-transition-delay: calc(150ms * 3);
    transition-delay: calc(150ms * 3);
  }

  .effect.col-md-1-5:nth-child(5n + 5) {
    -webkit-transition-delay: calc(150ms * 4);
    -moz-transition-delay: calc(150ms * 4);
    transition-delay: calc(150ms * 4);
  }
}

@media only screen and (min-width: 1000px) {
  .effect.col-lg-1-2:nth-child(2n + 1) {
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    transition-delay: 0ms;
  }

  .effect.col-lg-1-2:nth-child(2n + 2) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    transition-delay: 150ms;
  }

  .effect.col-lg-1-3:nth-child(3n + 1) {
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    transition-delay: 0ms;
  }

  .effect.col-lg-1-3:nth-child(3n + 2) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    transition-delay: 150ms;
  }

  .effect.col-lg-1-3:nth-child(3n + 3) {
    -webkit-transition-delay: calc(150ms * 2);
    -moz-transition-delay: calc(150ms * 2);
    transition-delay: calc(150ms * 2);
  }

  .effect.col-lg-1-4:nth-child(4n + 1) {
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    transition-delay: 0ms;
  }

  .effect.col-lg-1-4:nth-child(4n + 2) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    transition-delay: 150ms;
  }

  .effect.col-lg-1-4:nth-child(4n + 3) {
    -webkit-transition-delay: calc(150ms * 2);
    -moz-transition-delay: calc(150ms * 2);
    transition-delay: calc(150ms * 2);
  }

  .effect.col-lg-1-4:nth-child(4n + 4) {
    -webkit-transition-delay: calc(150ms * 3);
    -moz-transition-delay: calc(150ms * 3);
    transition-delay: calc(150ms * 3);
  }

  .effect.col-lg-1-5:nth-child(5n + 1) {
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    transition-delay: 0ms;
  }

  .effect.col-lg-1-5:nth-child(5n + 2) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    transition-delay: 150ms;
  }

  .effect.col-lg-1-5:nth-child(5n + 3) {
    -webkit-transition-delay: calc(150ms * 2);
    -moz-transition-delay: calc(150ms * 2);
    transition-delay: calc(150ms * 2);
  }

  .effect.col-lg-1-5:nth-child(5n + 4) {
    -webkit-transition-delay: calc(150ms * 3);
    -moz-transition-delay: calc(150ms * 3);
    transition-delay: calc(150ms * 3);
  }

  .effect.col-lg-1-5:nth-child(5n + 5) {
    -webkit-transition-delay: calc(150ms * 4);
    -moz-transition-delay: calc(150ms * 4);
    transition-delay: calc(150ms * 4);
  }
}

@media only screen and (min-width: 1200px) {
  .effect.col-xl-1-2:nth-child(2n + 1) {
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    transition-delay: 0ms;
  }

  .effect.col-xl-1-2:nth-child(2n + 2) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    transition-delay: 150ms;
  }

  .effect.col-xl-1-3:nth-child(3n + 1) {
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    transition-delay: 0ms;
  }

  .effect.col-xl-1-3:nth-child(3n + 2) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    transition-delay: 150ms;
  }

  .effect.col-xl-1-3:nth-child(3n + 3) {
    -webkit-transition-delay: calc(150ms * 2);
    -moz-transition-delay: calc(150ms * 2);
    transition-delay: calc(150ms * 2);
  }

  .effect.col-xl-1-4:nth-child(4n + 1) {
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    transition-delay: 0ms;
  }

  .effect.col-xl-1-4:nth-child(4n + 2) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    transition-delay: 150ms;
  }

  .effect.col-xl-1-4:nth-child(4n + 3) {
    -webkit-transition-delay: calc(150ms * 2);
    -moz-transition-delay: calc(150ms * 2);
    transition-delay: calc(150ms * 2);
  }

  .effect.col-xl-1-4:nth-child(4n + 4) {
    -webkit-transition-delay: calc(150ms * 3);
    -moz-transition-delay: calc(150ms * 3);
    transition-delay: calc(150ms * 3);
  }

  .effect.col-xl-1-5:nth-child(5n + 1) {
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    transition-delay: 0ms;
  }

  .effect.col-xl-1-5:nth-child(5n + 2) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    transition-delay: 150ms;
  }

  .effect.col-xl-1-5:nth-child(5n + 3) {
    -webkit-transition-delay: calc(150ms * 2);
    -moz-transition-delay: calc(150ms * 2);
    transition-delay: calc(150ms * 2);
  }

  .effect.col-xl-1-5:nth-child(5n + 4) {
    -webkit-transition-delay: calc(150ms * 3);
    -moz-transition-delay: calc(150ms * 3);
    transition-delay: calc(150ms * 3);
  }

  .effect.col-xl-1-5:nth-child(5n + 5) {
    -webkit-transition-delay: calc(150ms * 4);
    -moz-transition-delay: calc(150ms * 4);
    transition-delay: calc(150ms * 4);
  }
}

@media only screen and (min-width: 1400px) {
  .effect.col-ws-1-2:nth-child(2n + 1) {
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    transition-delay: 0ms;
  }

  .effect.col-ws-1-2:nth-child(2n + 2) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    transition-delay: 150ms;
  }

  .effect.col-ws-1-3:nth-child(3n + 1) {
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    transition-delay: 0ms;
  }

  .effect.col-ws-1-3:nth-child(3n + 2) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    transition-delay: 150ms;
  }

  .effect.col-ws-1-3:nth-child(3n + 3) {
    -webkit-transition-delay: calc(150ms * 2);
    -moz-transition-delay: calc(150ms * 2);
    transition-delay: calc(150ms * 2);
  }

  .effect.col-ws-1-4:nth-child(4n + 1) {
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    transition-delay: 0ms;
  }

  .effect.col-ws-1-4:nth-child(4n + 2) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    transition-delay: 150ms;
  }

  .effect.col-ws-1-4:nth-child(4n + 3) {
    -webkit-transition-delay: calc(150ms * 2);
    -moz-transition-delay: calc(150ms * 2);
    transition-delay: calc(150ms * 2);
  }

  .effect.col-ws-1-4:nth-child(4n + 4) {
    -webkit-transition-delay: calc(150ms * 3);
    -moz-transition-delay: calc(150ms * 3);
    transition-delay: calc(150ms * 3);
  }

  .effect.col-ws-1-5:nth-child(5n + 1) {
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    transition-delay: 0ms;
  }

  .effect.col-ws-1-5:nth-child(5n + 2) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    transition-delay: 150ms;
  }

  .effect.col-ws-1-5:nth-child(5n + 3) {
    -webkit-transition-delay: calc(150ms * 2);
    -moz-transition-delay: calc(150ms * 2);
    transition-delay: calc(150ms * 2);
  }

  .effect.col-ws-1-5:nth-child(5n + 4) {
    -webkit-transition-delay: calc(150ms * 3);
    -moz-transition-delay: calc(150ms * 3);
    transition-delay: calc(150ms * 3);
  }

  .effect.col-ws-1-5:nth-child(5n + 5) {
    -webkit-transition-delay: calc(150ms * 4);
    -moz-transition-delay: calc(150ms * 4);
    transition-delay: calc(150ms * 4);
  }
}

@media only screen and (min-width: 1600px) {
  .effect.col-xw-1-2:nth-child(2n + 1) {
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    transition-delay: 0ms;
  }

  .effect.col-xw-1-2:nth-child(2n + 2) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    transition-delay: 150ms;
  }

  .effect.col-xw-1-3:nth-child(3n + 1) {
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    transition-delay: 0ms;
  }

  .effect.col-xw-1-3:nth-child(3n + 2) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    transition-delay: 150ms;
  }

  .effect.col-xw-1-3:nth-child(3n + 3) {
    -webkit-transition-delay: calc(150ms * 2);
    -moz-transition-delay: calc(150ms * 2);
    transition-delay: calc(150ms * 2);
  }

  .effect.col-xw-1-4:nth-child(4n + 1) {
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    transition-delay: 0ms;
  }

  .effect.col-xw-1-4:nth-child(4n + 2) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    transition-delay: 150ms;
  }

  .effect.col-xw-1-4:nth-child(4n + 3) {
    -webkit-transition-delay: calc(150ms * 2);
    -moz-transition-delay: calc(150ms * 2);
    transition-delay: calc(150ms * 2);
  }

  .effect.col-xw-1-4:nth-child(4n + 4) {
    -webkit-transition-delay: calc(150ms * 3);
    -moz-transition-delay: calc(150ms * 3);
    transition-delay: calc(150ms * 3);
  }

  .effect.col-xw-1-5:nth-child(5n + 1) {
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    transition-delay: 0ms;
  }

  .effect.col-xw-1-5:nth-child(5n + 2) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    transition-delay: 150ms;
  }

  .effect.col-xw-1-5:nth-child(5n + 3) {
    -webkit-transition-delay: calc(150ms * 2);
    -moz-transition-delay: calc(150ms * 2);
    transition-delay: calc(150ms * 2);
  }

  .effect.col-xw-1-5:nth-child(5n + 4) {
    -webkit-transition-delay: calc(150ms * 3);
    -moz-transition-delay: calc(150ms * 3);
    transition-delay: calc(150ms * 3);
  }

  .effect.col-xw-1-5:nth-child(5n + 5) {
    -webkit-transition-delay: calc(150ms * 4);
    -moz-transition-delay: calc(150ms * 4);
    transition-delay: calc(150ms * 4);
  }
}

/* ==========================================================================
  Homepage banner -- animations.scss
  ========================================================================== */
.fadeout {
  animation: fadeout 2000ms;
  animation-iteration-count: 1;
  z-index: 2;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(359deg);
  }
}

@keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeout {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes expand {
  from {
    clip-path: circle(0%);
  }

  to {
    clip-path: circle(100%);
  }
}

@keyframes moveup {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(-25%);
  }
}

/*  ==========================================================================
	Base typography -- typography.scss
	========================================================================== */
html {
  /* stops fonts displaying bolder on firefox */
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 0.5em;
  line-height: 1.2;
  font-weight: 600;
}

.text-huge,
h1 {
  font-size: 32px;
  line-height: 1.1;
}

@media only screen and (min-width: 550px) {

  .text-huge,
  h1 {
    font-size: 36px;
  }
}

@media only screen and (min-width: 700px) {

  .text-huge,
  h1 {
    font-size: 44px;
  }
}

@media only screen and (min-width: 1000px) {

  .text-huge,
  h1 {
    font-size: 44px;
  }
}

@media only screen and (min-width: 1200px) {

  .text-huge,
  h1 {
    font-size: 44px;
  }
}

@media only screen and (min-width: 1400px) {

  .text-huge,
  h1 {
    font-size: 44px;
  }
}

@media only screen and (min-width: 1600px) {

  .text-huge,
  h1 {
    font-size: 44px;
  }
}

.text-large,
h2 {
  font-size: 26px;
  line-height: 1.1;
}

@media only screen and (min-width: 550px) {

  .text-large,
  h2 {
    font-size: 32px;
  }
}

@media only screen and (min-width: 700px) {

  .text-large,
  h2 {
    font-size: 35px;
  }
}

@media only screen and (min-width: 1000px) {

  .text-large,
  h2 {
    font-size: 35px;
  }
}

@media only screen and (min-width: 1200px) {

  .text-large,
  h2 {
    font-size: 35px;
  }
}

@media only screen and (min-width: 1400px) {

  .text-large,
  h2 {
    font-size: 35px;
  }
}

@media only screen and (min-width: 1600px) {

  .text-large,
  h2 {
    font-size: 35px;
  }
}

.text-med,
h3 {
  font-size: 17px;
  line-height: 1.5;
}

@media only screen and (min-width: 550px) {

  .text-med,
  h3 {
    font-size: 18px;
  }
}

@media only screen and (min-width: 700px) {

  .text-med,
  h3 {
    font-size: 20px;
  }
}

@media only screen and (min-width: 1000px) {

  .text-med,
  h3 {
    font-size: 20px;
  }
}

@media only screen and (min-width: 1200px) {

  .text-med,
  h3 {
    font-size: 22px;
  }
}

@media only screen and (min-width: 1400px) {

  .text-med,
  h3 {
    font-size: 22px;
  }
}

@media only screen and (min-width: 1600px) {

  .text-med,
  h3 {
    font-size: 22px;
  }
}

.text-reg,
body,
h4 {
  font-size: 15px;
  line-height: 1.5;
}

@media only screen and (min-width: 550px) {

  .text-reg,
  body,
  h4 {
    font-size: 15px;
  }
}

@media only screen and (min-width: 700px) {

  .text-reg,
  body,
  h4 {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1000px) {

  .text-reg,
  body,
  h4 {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1200px) {

  .text-reg,
  body,
  h4 {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1400px) {

  .text-reg,
  body,
  h4 {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1600px) {

  .text-reg,
  body,
  h4 {
    font-size: 18px;
  }
}

.text-sml,
.module--form [id^="mktoForm_"] input,
.paging--default .paging__numbers a,
.paging--default .paging__numbers span,
.contentarea ol li:before,
h5 {
  font-size: 14px;
}

@media only screen and (min-width: 550px) {

  .text-sml,
  .module--form [id^="mktoForm_"] input,
  .paging--default .paging__numbers a,
  .paging--default .paging__numbers span,
  .contentarea ol li:before,
  h5 {
    font-size: 14px;
  }
}

@media only screen and (min-width: 700px) {

  .text-sml,
  .module--form [id^="mktoForm_"] input,
  .paging--default .paging__numbers a,
  .paging--default .paging__numbers span,
  .contentarea ol li:before,
  h5 {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1000px) {

  .text-sml,
  .module--form [id^="mktoForm_"] input,
  .paging--default .paging__numbers a,
  .paging--default .paging__numbers span,
  .contentarea ol li:before,
  h5 {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) {

  .text-sml,
  .module--form [id^="mktoForm_"] input,
  .paging--default .paging__numbers a,
  .paging--default .paging__numbers span,
  .contentarea ol li:before,
  h5 {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1400px) {

  .text-sml,
  .module--form [id^="mktoForm_"] input,
  .paging--default .paging__numbers a,
  .paging--default .paging__numbers span,
  .contentarea ol li:before,
  h5 {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1600px) {

  .text-sml,
  .module--form [id^="mktoForm_"] input,
  .paging--default .paging__numbers a,
  .paging--default .paging__numbers span,
  .contentarea ol li:before,
  h5 {
    font-size: 15px;
  }
}

.text-xsml,
.pagenav--vendors .pagenav__list li a,
.pagenav--mobile ul li.has-dropdown>a::after,
.pagenav--mobile ul li.page_item_has_children>a::after,
.pagenav--mobile ul li a,
.pagenav--mobile>a::after,
.pagenav__list li a,
h6 {
  font-size: 10px;
}

@media only screen and (min-width: 550px) {

  .text-xsml,
  .pagenav--vendors .pagenav__list li a,
  .pagenav--mobile ul li.has-dropdown>a::after,
  .pagenav--mobile ul li.page_item_has_children>a::after,
  .pagenav--mobile ul li a,
  .pagenav--mobile>a::after,
  .pagenav__list li a,
  h6 {
    font-size: 10px;
  }
}

@media only screen and (min-width: 700px) {

  .text-xsml,
  .pagenav--vendors .pagenav__list li a,
  .pagenav--mobile ul li.has-dropdown>a::after,
  .pagenav--mobile ul li.page_item_has_children>a::after,
  .pagenav--mobile ul li a,
  .pagenav--mobile>a::after,
  .pagenav__list li a,
  h6 {
    font-size: 11px;
  }
}

@media only screen and (min-width: 1000px) {

  .text-xsml,
  .pagenav--vendors .pagenav__list li a,
  .pagenav--mobile ul li.has-dropdown>a::after,
  .pagenav--mobile ul li.page_item_has_children>a::after,
  .pagenav--mobile ul li a,
  .pagenav--mobile>a::after,
  .pagenav__list li a,
  h6 {
    font-size: 11px;
  }
}

@media only screen and (min-width: 1200px) {

  .text-xsml,
  .pagenav--vendors .pagenav__list li a,
  .pagenav--mobile ul li.has-dropdown>a::after,
  .pagenav--mobile ul li.page_item_has_children>a::after,
  .pagenav--mobile ul li a,
  .pagenav--mobile>a::after,
  .pagenav__list li a,
  h6 {
    font-size: 12px;
  }
}

@media only screen and (min-width: 1400px) {

  .text-xsml,
  .pagenav--vendors .pagenav__list li a,
  .pagenav--mobile ul li.has-dropdown>a::after,
  .pagenav--mobile ul li.page_item_has_children>a::after,
  .pagenav--mobile ul li a,
  .pagenav--mobile>a::after,
  .pagenav__list li a,
  h6 {
    font-size: 12px;
  }
}

@media only screen and (min-width: 1600px) {

  .text-xsml,
  .pagenav--vendors .pagenav__list li a,
  .pagenav--mobile ul li.has-dropdown>a::after,
  .pagenav--mobile ul li.page_item_has_children>a::after,
  .pagenav--mobile ul li a,
  .pagenav--mobile>a::after,
  .pagenav__list li a,
  h6 {
    font-size: 12px;
  }
}

p {
  margin: 0 0 1em;
}

/*  ==========================================================================
	Font weights -- typography.scss
	========================================================================== */
.font-bold,
b,
strong {
  font-weight: 700;
}

.font-semibold,
.sitenavsection .sitenavsection__submenu li a {
  font-weight: 600;
}

.font-medium {
  font-weight: 400;
}

.font-reg {
  font-weight: 400;
}

.font-light {
  font-weight: 300;
}

/*  ==========================================================================
	Font Cases -- typography.scss
	========================================================================== */
.case-lower {
  text-transform: lowercase;
}

.case-upper {
  text-transform: uppercase;
}

/*  ==========================================================================
	Text alignments -- typography.scss
	========================================================================== */
.text-center {
  text-align: center;
}

@media only screen and (min-width: 550px) {
  .text-center--sm {
    text-align: center;
  }
}

@media only screen and (min-width: 700px) {
  .text-center--md {
    text-align: center;
  }
}

@media only screen and (min-width: 1000px) {
  .text-center--lg {
    text-align: center;
  }
}

@media only screen and (min-width: 1200px) {
  .text-center--xl {
    text-align: center;
  }
}

@media only screen and (min-width: 1400px) {
  .text-center--ws {
    text-align: center;
  }
}

@media only screen and (min-width: 1600px) {
  .text-center--xw {
    text-align: center;
  }
}

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

@media only screen and (min-width: 550px) {
  .text-left--sm {
    text-align: left;
  }
}

@media only screen and (min-width: 700px) {
  .text-left--md {
    text-align: left;
  }
}

@media only screen and (min-width: 1000px) {
  .text-left--lg {
    text-align: left;
  }
}

@media only screen and (min-width: 1200px) {
  .text-left--xl {
    text-align: left;
  }
}

@media only screen and (min-width: 1400px) {
  .text-left--ws {
    text-align: left;
  }
}

@media only screen and (min-width: 1600px) {
  .text-left--xw {
    text-align: left;
  }
}

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

/*  ==========================================================================
	Text colors -- typography.scss
	========================================================================== */
.color-primary,
.mobnav .mobnav__sections .mobnav__section.has-dropdown .sitenavsection .sitenavsection__submenu li a,
.mobnav .mobnav__sections .mobnav__section.has-dropdown .sitenavsection .sitenavsection__content {
  color: #1f2a44;
}

.color-secondary {
  color: #005758;
}

.color-ocean {
  color: #005758;
}

.color-baby-blue {
  color: rgb(220, 243, 249);
}

.color-white,
.pageheader--post.pageheader--full .contentarea {
  color: #fff;
}

.color-black {
  color: #000;
}

.color-grey {
  color: #888;
}

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

.color-light-blue {
  color: #dbeafe;
}

/*  ==========================================================================
	List styles -- typography.scss
	========================================================================== */
ol,
ul {
  margin: 0 0 1em;
  padding: 0;
}

ol.list-style-none,
ul.list-style-none {
  margin-left: 0;
  list-style: none;
}

.inlinenavlist {
  margin: 0 -0.75em;
}

.inlinenavlist li {
  display: inline-block;
  margin: 0;
  padding: 0;
}

.inlinenavlist li a {
  display: block;
  margin: 0 0.8em;
}

/*  ==========================================================================
	Line heading -- typography.scss
	========================================================================== */
.linethrough {
  position: relative;
  text-align: center;
  margin: 0;
}

.linethrough:after {
  content: "";
  width: 100%;
  border-top: 1px solid rgba(31, 42, 68, 0.35);
  position: absolute;
  left: 0;
  top: 50%;
}

.linethrough span {
  position: relative;
  z-index: 2;
  background: #fff;
  padding-left: 1em;
  padding-right: 1em;
}

/*  ==========================================================================
    links -- links-buttons.scss
    ========================================================================== */
a {
  color: inherit;
  text-decoration: none;
}

a:hover {
  color: inherit;
}

.linkline {
  border-bottom: solid 1px #005758;
  -ms-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

a:hover .linkline {
  border-color: #1f2a44;
}

/*  ==========================================================================
    Link Icons -- links-buttons.scss
    ========================================================================== */
a .fa,
a .fab,
a .fal,
a .far,
a .fas,
.btn .fa,
.btn .fab,
.btn .fal,
.btn .far,
.btn .fas {
  padding: 0 0 0 0.66em;
}

a .fa--left,
a .fab--left,
a .fal--left,
a .far--left,
a .fas--left,
.btn .fa--left,
.btn .fab--left,
.btn .fal--left,
.btn .far--left,
.btn .fas--left {
  padding: 0 0.66em 0 0;
}

a .fa--nopad,
a .fab--nopad,
a .fal--nopad,
a .far--nopad,
a .fas--nopad,
.btn .fa--nopad,
.btn .fab--nopad,
.btn .fal--nopad,
.btn .far--nopad,
.btn .fas--nopad {
  padding: 0;
}

.morelink {
  color: #005758;
}

.morelink .linkline {
  border-bottom: 1px solid #005758;
  padding-bottom: 1px;
}

.morelink::after {
  content: "\f061";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  color: #005758;
  margin-left: 1em;
  -ms-transition: all cubic-bezier(0.33, 1, 0.68, 1) 150ms;
  -webkit-transition: all cubic-bezier(0.33, 1, 0.68, 1) 150ms;
  transition: all cubic-bezier(0.33, 1, 0.68, 1) 150ms;
}

.morelink:hover,
.tile:hover .morelink {
  color: #1f2a44;
}

.morelink:hover .linkline,
.tile:hover .morelink .linkline {
  border-color: #fff;
}

.morelink:hover:after,
.tile:hover .morelink:after {
  margin-left: 1.5em;
}

/*  ==========================================================================
    Buttons -- links-buttons.scss
    ========================================================================== */
.btn {
  cursor: pointer;
  background-color: #005758;
  color: #fff;
  border-radius: 0.25rem;
  display: inline-block;
  margin: 0 0.75em 0.75em 0;
  padding: 1.06rem 1.38rem;
  border: none;
  font-weight: 600;
  font-size: 14px;
  -ms-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

@media only screen and (min-width: 550px) {
  .btn {
    font-size: 14px;
  }
}

@media only screen and (min-width: 700px) {
  .btn {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1000px) {
  .btn {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) {
  .btn {
    font-size: 14px;
  }
}

.btn span {
  border: none;
}

.btn:hover {
  background: black;
  color: #fff;
}

.btn--sml {
  padding: 0.66rem 1rem;
}

.btn--secondary {
  background: #005758;
  color: #fff;
}

.btn--secondary:hover {
  background: black;
  color: #fff;
}

.btn--white {
  background: #fff;
  color: #1f2a44;
}

.btn--white:hover {
  background: #cccccc;
}

.btn--baby-blue {
  background: rgb(220, 243, 249);
  color: #1f2a44;
}

.btn--baby-blue:hover {
  background: #85d5ea;
  color: #1f2a44;
}

.btn--transparent {
  background-color: transparent;
  color: #1f2a44;
  padding: 1.06rem 3rem 1.06rem 1.38rem;
}

.paging__link--prev .btn--transparent {
  padding: 1.06rem 1.38rem 1.06rem 3rem;
}

.paging__link--prev .btn--transparent i {
  left: 27px;
}

.paging__link--prev .btn--transparent:hover i {
  left: 18px;
}

.btn--transparent i {
  opacity: 0.5;
  position: absolute;
  -ms-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  top: 50%;
  transform: translate(0, -50%);
}

.btn--transparent:hover {
  background-color: transparent;
  color: #1f2a44;
}

.btn--transparent:hover i {
  margin-left: 5px;
}

.btn--arrow {
  position: relative;
  padding: 1.06rem 3rem 1.06rem 1.38rem;
}

.btn--arrow:after {
  content: "\f054";
  font-family: "Font Awesome 5 Pro";
  right: 1.5rem;
  position: absolute;
  top: 50%;
  font-weight: normal;
  font-size: 10px;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
}

/*  ==========================================================================
    share icons -- links-buttons.scss
    ========================================================================== */
.shareicons {
  color: #fff;
  margin-top: 1em;
}

.shareicons .shareiconslist {
  margin-left: 0;
}

.shareicons .shareiconslist li {
  margin: 0;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.shareicons .shareiconslist li::before {
  content: "";
}

.shareicons .sharelink {
  height: 3.2em;
  background: #fff;
  border: 1px solid #d9d9d6;
  margin: 0;
  color: #000;
  padding: 0 8px;
  -ms-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  /* reverse sharelink when image or video is present */
}

.shareicons .sharelink:after {
  content: "";
  height: 0;
  visibility: hidden;
  clear: both;
  display: block;
}

.shareicons .sharelink--facebook:hover {
  background: #3b5998;
  color: #fff;
}

.shareicons .sharelink--twitter:hover {
  background: #00aced;
  color: #fff;
}

.shareicons .sharelink--linkedin:hover {
  background: #007bb6;
  color: #fff;
}

@media only screen and (min-width: 700px) {
  .shareicons .sharelink {
    height: 4.2em;
  }
}

.pageheader.color-white .shareicons .sharelink,
.pageheader--post.pageheader--full .pageheader.contentarea .shareicons .sharelink {
  background: #fff;
}

.pageheader.color-white .shareicons .sharelink--facebook,
.pageheader--post.pageheader--full .pageheader.contentarea .shareicons .sharelink--facebook,
.pageheader.color-white .shareicons .sharelink--facebook:hover {
  color: #3b5998;
}

.pageheader.color-white .shareicons .sharelink--twitter,
.pageheader--post.pageheader--full .pageheader.contentarea .shareicons .sharelink--twitter,
.pageheader.color-white .shareicons .sharelink--twitter:hover {
  color: #00aced;
}

.pageheader.color-white .shareicons .sharelink--linkedin,
.pageheader--post.pageheader--full .pageheader.contentarea .shareicons .sharelink--linkedin,
.pageheader.color-white .shareicons .sharelink--linkedin:hover {
  color: #007bb6;
}

.shareicons .sharelink .sharetext {
  overflow: hidden;
  font-size: 12px;
  display: block;
  float: left;
  text-align: right;
  width: 0;
  color: #fff;
  -webkit-transition: all 150ms cubic-bezier(0.65, 0, 0.35, 1) 0s;
  -moz-transition: all 150ms cubic-bezier(0.65, 0, 0.35, 1) 0s;
  transition: all 150ms cubic-bezier(0.65, 0, 0.35, 1) 0s;
  text-align: left;
}

.shareicons .sharelink .shareicon {
  width: 2em;
  text-align: center;
  display: block;
  float: left;
  padding: 0;
  border: none;
}

@media only screen and (min-width: 700px) {
  .shareicons .sharelink .shareicon {
    width: 3em;
  }
}

.shareicons .sharelink .shareicon .fab {
  display: inline-block;
  padding: 0;
}

.shareicons .sharelink a:hover .shareicon .fab {
  display: inline-block;
  padding: 0;
}

.shareicons .sharelink:hover .sharetext {
  width: 45px;
}

/*================= LAYOUT =================*/
/* ==========================================================================
   Grid -- layout/_grid.scss
   ========================================================================== */
.flex,
.sitefooter__socialnav .sitefooter__sociallink,
.sitenavsection .sitenavsection__submenu,
.sitenav--right ul li.sitenav__item--about .sitenav__link,
.sitenav--right ul,
.sitenav--mid ul li a,
.promotion-single--one,
.pageheader--post-vertical__share ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.flex-wrap,
.promotion-single--one {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/* ==========================================================================
  Rows -- layout/_grid.scss
  ========================================================================== */
.row {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -0.75em;
  margin-right: -0.75em;
}

@media only screen and (min-width: 550px) {
  .row {
    margin-left: -1em;
    margin-right: -1em;
  }
}

@media only screen and (min-width: 700px) {
  .row {
    margin-left: -1.15em;
    margin-right: -1.15em;
  }
}

@media only screen and (min-width: 1000px) {
  .row {
    margin-left: -1.2em;
    margin-right: -1.2em;
  }
}

@media only screen and (min-width: 1200px) {
  .row {
    margin-left: -1.2em;
    margin-right: -1.2em;
  }
}

@media only screen and (min-width: 1400px) {
  .row {
    margin-left: -1.2em;
    margin-right: -1.2em;
  }
}

@media only screen and (min-width: 1600px) {
  .row {
    margin-left: -1.2em;
    margin-right: -1.2em;
  }
}

.row--nowrap {
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

@media only screen and (min-width: 550px) {
  .row--nowrap--sm {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}

@media only screen and (min-width: 700px) {
  .row--nowrap--md {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}

@media only screen and (min-width: 1000px) {
  .row--nowrap--lg {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}

@media only screen and (min-width: 1200px) {
  .row--nowrap--xl {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}

@media only screen and (min-width: 1400px) {
  .row--nowrap--ws {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}

@media only screen and (min-width: 1600px) {
  .row--nowrap--xw {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}

.row--wrapreverse {
  -webkit-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
}

@media only screen and (min-width: 550px) {
  .row--wrapreverse--sm {
    -webkit-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
  }
}

@media only screen and (min-width: 700px) {
  .row--wrapreverse--md {
    -webkit-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
  }
}

@media only screen and (min-width: 1000px) {
  .row--wrapreverse--lg {
    -webkit-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
  }
}

@media only screen and (min-width: 1200px) {
  .row--wrapreverse--xl {
    -webkit-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
  }
}

@media only screen and (min-width: 1400px) {
  .row--wrapreverse--ws {
    -webkit-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
  }
}

@media only screen and (min-width: 1600px) {
  .row--wrapreverse--xw {
    -webkit-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
  }
}

.row--column {
  -webkit-flex-direction: column;
  /* Safari 6.1+ */
  flex-direction: column;
}

@media only screen and (min-width: 550px) {
  .row--column--sm {
    -webkit-flex-direction: column;
    /* Safari 6.1+ */
    flex-direction: column;
  }
}

@media only screen and (min-width: 700px) {
  .row--column--md {
    -webkit-flex-direction: column;
    /* Safari 6.1+ */
    flex-direction: column;
  }
}

@media only screen and (min-width: 1000px) {
  .row--column--lg {
    -webkit-flex-direction: column;
    /* Safari 6.1+ */
    flex-direction: column;
  }
}

@media only screen and (min-width: 1200px) {
  .row--column--xl {
    -webkit-flex-direction: column;
    /* Safari 6.1+ */
    flex-direction: column;
  }
}

@media only screen and (min-width: 1400px) {
  .row--column--ws {
    -webkit-flex-direction: column;
    /* Safari 6.1+ */
    flex-direction: column;
  }
}

@media only screen and (min-width: 1600px) {
  .row--column--xw {
    -webkit-flex-direction: column;
    /* Safari 6.1+ */
    flex-direction: column;
  }
}

.row--columnreverse {
  -webkit-flex-direction: column-reverse;
  /* Safari 6.1+ */
  flex-direction: column-reverse;
}

@media only screen and (min-width: 550px) {
  .row--columnreverse--sm {
    -webkit-flex-direction: column-reverse;
    /* Safari 6.1+ */
    flex-direction: column-reverse;
  }
}

@media only screen and (min-width: 700px) {
  .row--columnreverse--md {
    -webkit-flex-direction: column-reverse;
    /* Safari 6.1+ */
    flex-direction: column-reverse;
  }
}

@media only screen and (min-width: 1000px) {
  .row--columnreverse--lg {
    -webkit-flex-direction: column-reverse;
    /* Safari 6.1+ */
    flex-direction: column-reverse;
  }
}

@media only screen and (min-width: 1200px) {
  .row--columnreverse--xl {
    -webkit-flex-direction: column-reverse;
    /* Safari 6.1+ */
    flex-direction: column-reverse;
  }
}

@media only screen and (min-width: 1400px) {
  .row--columnreverse--ws {
    -webkit-flex-direction: column-reverse;
    /* Safari 6.1+ */
    flex-direction: column-reverse;
  }
}

@media only screen and (min-width: 1600px) {
  .row--columnreverse--xw {
    -webkit-flex-direction: column-reverse;
    /* Safari 6.1+ */
    flex-direction: column-reverse;
  }
}

.row--row {
  -webkit-flex-direction: row;
  /* Safari 6.1+ */
  flex-direction: row;
}

@media only screen and (min-width: 550px) {
  .row--row--sm {
    -webkit-flex-direction: row;
    /* Safari 6.1+ */
    flex-direction: row;
  }
}

@media only screen and (min-width: 700px) {
  .row--row--md {
    -webkit-flex-direction: row;
    /* Safari 6.1+ */
    flex-direction: row;
  }
}

@media only screen and (min-width: 1000px) {
  .row--row--lg {
    -webkit-flex-direction: row;
    /* Safari 6.1+ */
    flex-direction: row;
  }
}

@media only screen and (min-width: 1200px) {
  .row--row--xl {
    -webkit-flex-direction: row;
    /* Safari 6.1+ */
    flex-direction: row;
  }
}

@media only screen and (min-width: 1400px) {
  .row--row--ws {
    -webkit-flex-direction: row;
    /* Safari 6.1+ */
    flex-direction: row;
  }
}

@media only screen and (min-width: 1600px) {
  .row--row--xw {
    -webkit-flex-direction: row;
    /* Safari 6.1+ */
    flex-direction: row;
  }
}

.row--rowreverse {
  -webkit-flex-direction: row-reverse;
  /* Safari 6.1+ */
  flex-direction: row-reverse;
}

@media only screen and (min-width: 550px) {
  .row--rowreverse--sm {
    -webkit-flex-direction: row-reverse;
    /* Safari 6.1+ */
    flex-direction: row-reverse;
  }
}

@media only screen and (min-width: 700px) {
  .row--rowreverse--md {
    -webkit-flex-direction: row-reverse;
    /* Safari 6.1+ */
    flex-direction: row-reverse;
  }
}

@media only screen and (min-width: 1000px) {
  .row--rowreverse--lg {
    -webkit-flex-direction: row-reverse;
    /* Safari 6.1+ */
    flex-direction: row-reverse;
  }
}

@media only screen and (min-width: 1200px) {
  .row--rowreverse--xl {
    -webkit-flex-direction: row-reverse;
    /* Safari 6.1+ */
    flex-direction: row-reverse;
  }
}

@media only screen and (min-width: 1400px) {
  .row--rowreverse--ws {
    -webkit-flex-direction: row-reverse;
    /* Safari 6.1+ */
    flex-direction: row-reverse;
  }
}

@media only screen and (min-width: 1600px) {
  .row--rowreverse--xw {
    -webkit-flex-direction: row-reverse;
    /* Safari 6.1+ */
    flex-direction: row-reverse;
  }
}

.row--mb {
  margin-bottom: calc(0.75em * -2);
}



@media only screen and (min-width: 550px) {
  .row--mb {
    margin-bottom: calc(1em * -2);
  }
}

@media only screen and (min-width: 700px) {
  .row--mb {
    margin-bottom: calc(1.15em * -2);
  }
}

@media only screen and (min-width: 1000px) {
  .row--mb {
    margin-bottom: calc(1.2em * -2);
  }
}

@media only screen and (min-width: 1200px) {
  .row--mb {
    margin-bottom: calc(1.2em * -2);
  }

  /* #grid.vendors .col {
    min-height: 370px;
  } */
}

@media only screen and (min-width: 1400px) {
  .row--mb {
    margin-bottom: calc(1.2em * -2);
  }

  /*  #grid.vendors .col {
    min-height: 370px;
  } */
}

@media only screen and (min-width: 1600px) {
  .row--mb {
    margin-bottom: calc(1.2em * -2);
  }

  /*   #grid.vendors .col {
    min-height: 370px;
  } */
}

.row--mb>.col {
  margin-bottom: calc(0.75em * 2);
}

@media only screen and (min-width: 550px) {
  .row--mb>.col {
    margin-bottom: calc(1em * 2);
  }
}

@media only screen and (min-width: 700px) {
  .row--mb>.col {
    margin-bottom: calc(1.15em * 2);
  }
}

@media only screen and (min-width: 1000px) {
  .row--mb>.col {
    margin-bottom: calc(1.2em * 2);
  }
}

@media only screen and (min-width: 1200px) {
  .row--mb>.col {
    margin-bottom: calc(1.2em * 2);
  }
}

@media only screen and (min-width: 1400px) {
  .row--mb>.col {
    margin-bottom: calc(1.2em * 2);
  }
}

@media only screen and (min-width: 1600px) {
  .row--mb>.col {
    margin-bottom: calc(1.2em * 2);
  }
}

/* ==========================================================================
  Alignments -- layout/_grid.scss
  ========================================================================== */
.justify-center,
.sitefooter__socialnav .sitefooter__sociallink {
  justify-content: center;
  /* For IE 10 */
  -ms-flex-pack: center;
}

@media only screen and (min-width: 550px) {
  .justify-center--sm {
    justify-content: center;
    /* For IE 10 */
    -ms-flex-pack: center;
  }
}

@media only screen and (min-width: 700px) {
  .justify-center--md {
    justify-content: center;
    /* For IE 10 */
    -ms-flex-pack: center;
  }
}

@media only screen and (min-width: 1000px) {
  .justify-center--lg {
    justify-content: center;
    /* For IE 10 */
    -ms-flex-pack: center;
  }
}

@media only screen and (min-width: 1200px) {
  .justify-center--xl {
    justify-content: center;
    /* For IE 10 */
    -ms-flex-pack: center;
  }
}

@media only screen and (min-width: 1400px) {
  .justify-center--ws {
    justify-content: center;
    /* For IE 10 */
    -ms-flex-pack: center;
  }
}

@media only screen and (min-width: 1600px) {
  .justify-center--xw {
    justify-content: center;
    /* For IE 10 */
    -ms-flex-pack: center;
  }
}

.justify-start {
  justify-content: flex-start;
}

@media only screen and (min-width: 550px) {
  .justify-start--sm {
    justify-content: flex-start;
  }
}

@media only screen and (min-width: 700px) {
  .justify-start--md {
    justify-content: flex-start;
  }
}

@media only screen and (min-width: 1000px) {
  .justify-start--lg {
    justify-content: flex-start;
  }
}

@media only screen and (min-width: 1200px) {
  .justify-start--xl {
    justify-content: flex-start;
  }
}

@media only screen and (min-width: 1400px) {
  .justify-start--ws {
    justify-content: flex-start;
  }
}

@media only screen and (min-width: 1600px) {
  .justify-start--xw {
    justify-content: flex-start;
  }
}

.justify-end {
  justify-content: flex-end;
}

@media only screen and (min-width: 550px) {
  .justify-end--sm {
    justify-content: flex-end;
  }
}

@media only screen and (min-width: 700px) {
  .justify-end--md {
    justify-content: flex-end;
  }
}

@media only screen and (min-width: 1000px) {
  .justify-end--lg {
    justify-content: flex-end;
  }
}

@media only screen and (min-width: 1200px) {
  .justify-end--xl {
    justify-content: flex-end;
  }
}

@media only screen and (min-width: 1400px) {
  .justify-end--ws {
    justify-content: flex-end;
  }
}

@media only screen and (min-width: 1600px) {
  .justify-end--xw {
    justify-content: flex-end;
  }
}

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

@media only screen and (min-width: 550px) {
  .justify-spacebetween--sm {
    justify-content: space-between;
  }
}

@media only screen and (min-width: 700px) {
  .justify-spacebetween--md {
    justify-content: space-between;
  }
}

@media only screen and (min-width: 1000px) {
  .justify-spacebetween--lg {
    justify-content: space-between;
  }
}

@media only screen and (min-width: 1200px) {
  .justify-spacebetween--xl {
    justify-content: space-between;
  }
}

@media only screen and (min-width: 1400px) {
  .justify-spacebetween--ws {
    justify-content: space-between;
  }
}

@media only screen and (min-width: 1600px) {
  .justify-spacebetween--xw {
    justify-content: space-between;
  }
}

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

@media only screen and (min-width: 550px) {
  .justify-spacearound--sm {
    justify-content: space-around;
  }
}

@media only screen and (min-width: 700px) {
  .justify-spacearound--md {
    justify-content: space-around;
  }
}

@media only screen and (min-width: 1000px) {
  .justify-spacearound--lg {
    justify-content: space-around;
  }
}

@media only screen and (min-width: 1200px) {
  .justify-spacearound--xl {
    justify-content: space-around;
  }
}

@media only screen and (min-width: 1400px) {
  .justify-spacearound--ws {
    justify-content: space-around;
  }
}

@media only screen and (min-width: 1600px) {
  .justify-spacearound--xw {
    justify-content: space-around;
  }
}

.justify-spaceevenly {
  justify-content: space-evenly;
}

@media only screen and (min-width: 550px) {
  .justify-spaceevenly--sm {
    justify-content: space-evenly;
  }
}

@media only screen and (min-width: 700px) {
  .justify-spaceevenly--md {
    justify-content: space-evenly;
  }
}

@media only screen and (min-width: 1000px) {
  .justify-spaceevenly--lg {
    justify-content: space-evenly;
  }
}

@media only screen and (min-width: 1200px) {
  .justify-spaceevenly--xl {
    justify-content: space-evenly;
  }
}

@media only screen and (min-width: 1400px) {
  .justify-spaceevenly--ws {
    justify-content: space-evenly;
  }
}

@media only screen and (min-width: 1600px) {
  .justify-spaceevenly--xw {
    justify-content: space-evenly;
  }
}

.align-center,
.sitefooter__socialnav .sitefooter__sociallink,
.sitenav--right ul li.sitenav__item--about .sitenav__link {
  align-items: center;
}

@media only screen and (min-width: 550px) {
  .align-center--sm {
    align-items: center;
  }
}

@media only screen and (min-width: 700px) {
  .align-center--md {
    align-items: center;
  }
}

@media only screen and (min-width: 1000px) {
  .align-center--lg {
    align-items: center;
  }
}

@media only screen and (min-width: 1200px) {
  .align-center--xl {
    align-items: center;
  }
}

@media only screen and (min-width: 1400px) {
  .align-center--ws {
    align-items: center;
  }
}

@media only screen and (min-width: 1600px) {
  .align-center--xw {
    align-items: center;
  }
}

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

@media only screen and (min-width: 550px) {
  .align-start--sm {
    align-items: flex-start;
  }
}

@media only screen and (min-width: 700px) {
  .align-start--md {
    align-items: flex-start;
  }
}

@media only screen and (min-width: 1000px) {
  .align-start--lg {
    align-items: flex-start;
  }
}

@media only screen and (min-width: 1200px) {
  .align-start--xl {
    align-items: flex-start;
  }
}

@media only screen and (min-width: 1400px) {
  .align-start--ws {
    align-items: flex-start;
  }
}

@media only screen and (min-width: 1600px) {
  .align-start--xw {
    align-items: flex-start;
  }
}

.align-end,
.promotion-single--one {
  align-items: flex-end;
}

@media only screen and (min-width: 550px) {
  .align-end--sm {
    align-items: flex-end;
  }
}

@media only screen and (min-width: 700px) {
  .align-end--md {
    align-items: flex-end;
  }
}

@media only screen and (min-width: 1000px) {
  .align-end--lg {
    align-items: flex-end;
  }
}

@media only screen and (min-width: 1200px) {
  .align-end--xl {
    align-items: flex-end;
  }
}

@media only screen and (min-width: 1400px) {
  .align-end--ws {
    align-items: flex-end;
  }
}

@media only screen and (min-width: 1600px) {
  .align-end--xw {
    align-items: flex-end;
  }
}

.align-content-center {
  -ms-flex-line-pack: center;
  align-content: center;
}

@media only screen and (min-width: 550px) {
  .align-content-center--sm {
    -ms-flex-line-pack: center;
    align-content: center;
  }
}

@media only screen and (min-width: 700px) {
  .align-content-center--md {
    -ms-flex-line-pack: center;
    align-content: center;
  }
}

@media only screen and (min-width: 1000px) {
  .align-content-center--lg {
    -ms-flex-line-pack: center;
    align-content: center;
  }
}

@media only screen and (min-width: 1200px) {
  .align-content-center--xl {
    -ms-flex-line-pack: center;
    align-content: center;
  }
}

@media only screen and (min-width: 1400px) {
  .align-content-center--ws {
    -ms-flex-line-pack: center;
    align-content: center;
  }
}

@media only screen and (min-width: 1600px) {
  .align-content-center--xw {
    -ms-flex-line-pack: center;
    align-content: center;
  }
}

/* ==========================================================================
  Columns -- layout/_grid.scss
  ========================================================================== */
.col {
  vertical-align: top;
  box-sizing: border-box;
  padding-left: 0.75em;
  padding-right: 0.75em;
}

@media only screen and (min-width: 550px) {
  .col {
    padding-left: 1em;
    padding-right: 1em;
  }
}

@media only screen and (min-width: 700px) {
  .col {
    padding-left: 1.15em;
    padding-right: 1.15em;
  }
}

@media only screen and (min-width: 1000px) {
  .col {
    padding-left: 1.2em;
    padding-right: 1.2em;
  }
}

@media only screen and (min-width: 1200px) {
  .col {
    padding-left: 1.2em;
    padding-right: 1.2em;
  }
}

@media only screen and (min-width: 1400px) {
  .col {
    padding-left: 1.2em;
    padding-right: 1.2em;
  }
}

@media only screen and (min-width: 1600px) {
  .col {
    padding-left: 1.2em;
    padding-right: 1.2em;
  }
}

@media only screen and (min-width: 550px) {
  .col--content {
    width: 100%;
  }
}

@media only screen and (min-width: 700px) {
  .col--content {
    width: 66.66666%;
  }
}

@media only screen and (min-width: 1000px) {
  .col--content {
    width: 60%;
  }
}

@media only screen and (min-width: 1200px) {
  .col--content {
    width: 50%;
  }
}

@media only screen and (min-width: 700px) {
  .col--content--wide {
    width: 83.33%;
  }
}

@media only screen and (min-width: 1000px) {
  .col--content--wide {
    width: 80%;
  }
}

@media only screen and (min-width: 1200px) {
  .col--content--wide {
    width: 66.66666%;
  }
}

.col--nopadleft {
  padding-left: 0;
}

@media only screen and (min-width: 550px) {
  .col--nopadleft--sm {
    padding-left: 0;
  }
}

@media only screen and (min-width: 700px) {
  .col--nopadleft--md {
    padding-left: 0;
  }
}

@media only screen and (min-width: 1000px) {
  .col--nopadleft--lg {
    padding-left: 0;
  }
}

@media only screen and (min-width: 1200px) {
  .col--nopadleft--xl {
    padding-left: 0;
  }
}

@media only screen and (min-width: 1400px) {
  .col--nopadleft--ws {
    padding-left: 0;
  }
}

@media only screen and (min-width: 1600px) {
  .col--nopadleft--xw {
    padding-left: 0;
  }
}

.col--nopadright {
  padding-right: 0;
}

@media only screen and (min-width: 550px) {
  .col--nopadright--sm {
    padding-right: 0;
  }
}

@media only screen and (min-width: 700px) {
  .col--nopadright--md {
    padding-right: 0;
  }
}

@media only screen and (min-width: 1000px) {
  .col--nopadright--lg {
    padding-right: 0;
  }
}

@media only screen and (min-width: 1200px) {
  .col--nopadright--xl {
    padding-right: 0;
  }
}

@media only screen and (min-width: 1400px) {
  .col--nopadright--ws {
    padding-right: 0;
  }
}

@media only screen and (min-width: 1600px) {
  .col--nopadright--xw {
    padding-right: 0;
  }
}

.col--gt--hide {
  display: none;
}

@media only screen and (min-width: 550px) {
  .col--gt--hide--sm {
    display: none;
  }
}

@media only screen and (min-width: 700px) {
  .col--gt--hide--md {
    display: none;
  }
}

@media only screen and (min-width: 1000px) {
  .col--gt--hide--lg {
    display: none;
  }
}

@media only screen and (min-width: 1200px) {
  .col--gt--hide--xl {
    display: none;
  }
}

@media only screen and (min-width: 1400px) {
  .col--gt--hide--ws {
    display: none;
  }
}

@media only screen and (min-width: 1600px) {
  .col--gt--hide--xw {
    display: none;
  }
}

.col--gt--show {
  display: block;
}

@media only screen and (min-width: 550px) {
  .col--gt--show--sm {
    display: block;
  }
}

@media only screen and (min-width: 700px) {
  .col--gt--show--md {
    display: block;
  }
}

@media only screen and (min-width: 1000px) {
  .col--gt--show--lg {
    display: block;
  }
}

@media only screen and (min-width: 1200px) {
  .col--gt--show--xl {
    display: block;
  }
}

@media only screen and (min-width: 1400px) {
  .col--gt--show--ws {
    display: block;
  }
}

@media only screen and (min-width: 1600px) {
  .col--gt--show--xw {
    display: block;
  }
}

.col--lt--hide {
  display: none;
}

@media only screen and (max-width: 549px) {
  .col--lt--hide--sm {
    display: none;
  }
}

@media only screen and (max-width: 699px) {
  .col--lt--hide--md {
    display: none;
  }
}

@media only screen and (max-width: 999px) {
  .col--lt--hide--lg {
    display: none;
  }
}

@media only screen and (max-width: 1199px) {
  .col--lt--hide--xl {
    display: none;
  }
}

@media only screen and (max-width: 1399px) {
  .col--lt--hide--ws {
    display: none;
  }
}

@media only screen and (max-width: 1599px) {
  .col--lt--hide--xw {
    display: none;
  }
}

.col--lt--show {
  display: block;
}

@media only screen and (max-width: 549px) {
  .col--lt--show--sm {
    display: block;
  }
}

@media only screen and (max-width: 699px) {
  .col--lt--show--md {
    display: block;
  }
}

@media only screen and (max-width: 999px) {
  .col--lt--show--lg {
    display: block;
  }
}

@media only screen and (max-width: 1199px) {
  .col--lt--show--xl {
    display: block;
  }
}

@media only screen and (max-width: 1399px) {
  .col--lt--show--ws {
    display: block;
  }
}

@media only screen and (max-width: 1599px) {
  .col--lt--show--xw {
    display: block;
  }
}

/* ==========================================================================
  Grid classes -- layout/_grid.scss
  ========================================================================== */
.col-auto {
  width: auto;
}

.col-1 {
  width: 100%;
}

.col-1-2 {
  width: 50%;
}

.col-1-3 {
  width: 33.3%;
}

.col-2-3 {
  width: 66.66666%;
}

.col-1-6 {
  width: 16.66666%;
}

.col-1-4 {
  width: 25%;
}

.col-3-4 {
  width: 75%;
}

.col-1-5 {
  width: 20%;
}

.col-2-5 {
  width: 40%;
}

.col-3-5 {
  width: 60%;
}

.col-4-5 {
  width: 80%;
}

.col-1-6 {
  width: 16.656%;
}

.col-5-6 {
  width: 83.33%;
}

.col-1-8 {
  width: 12.5%;
}

.col-3-8 {
  width: 37.5%;
}

.col-5-8 {
  width: 62.5%;
}

.col-7-8 {
  width: 87.5%;
}

.col-1-12 {
  width: 8.3333%;
}

.col-5-12 {
  width: 41.6666%;
}

.col-7-12 {
  width: 58.3333%;
}

.col-11-12 {
  width: 91.6666%;
}

.col-1-24 {
  width: 4.1666%;
}

.col-5-24 {
  width: 20.8333%;
}

.col-7-24 {
  width: 29.1666%;
}

.col-11-24 {
  width: 45.8333%;
}

.col-13-24 {
  width: 54.1666%;
}

.col-17-24 {
  width: 70.8333%;
}

.col-19-24 {
  width: 79.1666%;
}

.col-23-24 {
  width: 95.8333%;
}

@media only screen and (min-width: 550px) {
  .col-sm-auto {
    width: auto;
  }

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

  .col-sm-1-2 {
    width: 50%;
  }

  .col-sm-1-3 {
    width: 33.3%;
  }

  .col-sm-2-3 {
    width: 66.66666%;
  }

  .col-sm-1-6 {
    width: 16.66666%;
  }

  .col-sm-1-4 {
    width: 25%;
  }

  .col-sm-3-4 {
    width: 75%;
  }

  .col-sm-1-5 {
    width: 20%;
  }

  .col-sm-2-5 {
    width: 40%;
  }

  .col-sm-3-5 {
    width: 60%;
  }

  .col-sm-4-5 {
    width: 80%;
  }

  .col-sm-1-6 {
    width: 16.656%;
  }

  .col-sm-5-6 {
    width: 83.33%;
  }

  .col-sm-1-8 {
    width: 12.5%;
  }

  .col-sm-3-8 {
    width: 37.5%;
  }

  .col-sm-5-8 {
    width: 62.5%;
  }

  .col-sm-7-8 {
    width: 87.5%;
  }

  .col-sm-1-12 {
    width: 8.3333%;
  }

  .col-sm-5-12 {
    width: 41.6666%;
  }

  .col-sm-7-12 {
    width: 58.3333%;
  }

  .col-sm-11-12 {
    width: 91.6666%;
  }

  .col-sm-1-24 {
    width: 4.1666%;
  }

  .col-sm-5-24 {
    width: 20.8333%;
  }

  .col-sm-7-24 {
    width: 29.1666%;
  }

  .col-sm-11-24 {
    width: 45.8333%;
  }

  .col-sm-13-24 {
    width: 54.1666%;
  }

  .col-sm-17-24 {
    width: 70.8333%;
  }

  .col-sm-19-24 {
    width: 79.1666%;
  }

  .col-sm-23-24 {
    width: 95.8333%;
  }
}

@media only screen and (min-width: 700px) {
  .col-md-auto {
    width: auto;
  }

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

  .col-md-1-2 {
    width: 50%;
  }

  .col-md-1-3 {
    width: 33.3%;
  }

  .col-md-2-3 {
    width: 66.66666%;
  }

  .col-md-1-6 {
    width: 16.66666%;
  }

  .col-md-1-4 {
    width: 25%;
  }

  .col-md-3-4 {
    width: 75%;
  }

  .col-md-1-5 {
    width: 20%;
  }

  .col-md-2-5 {
    width: 40%;
  }

  .col-md-3-5 {
    width: 60%;
  }

  .col-md-4-5 {
    width: 80%;
  }

  .col-md-1-6 {
    width: 16.656%;
  }

  .col-md-5-6 {
    width: 83.33%;
  }

  .col-md-1-8 {
    width: 12.5%;
  }

  .col-md-3-8 {
    width: 37.5%;
  }

  .col-md-5-8 {
    width: 62.5%;
  }

  .col-md-7-8 {
    width: 87.5%;
  }

  .col-md-1-12 {
    width: 8.3333%;
  }

  .col-md-5-12 {
    width: 41.6666%;
  }

  .col-md-7-12 {
    width: 58.3333%;
  }

  .col-md-11-12 {
    width: 91.6666%;
  }

  .col-md-1-24 {
    width: 4.1666%;
  }

  .col-md-5-24 {
    width: 20.8333%;
  }

  .col-md-7-24 {
    width: 29.1666%;
  }

  .col-md-11-24 {
    width: 45.8333%;
  }

  .col-md-13-24 {
    width: 54.1666%;
  }

  .col-md-17-24 {
    width: 70.8333%;
  }

  .col-md-19-24 {
    width: 79.1666%;
  }

  .col-md-23-24 {
    width: 95.8333%;
  }
}

@media only screen and (min-width: 1000px) {
  .col-lg-auto {
    width: auto;
  }

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

  .col-lg-1-2 {
    width: 50%;
  }

  .col-lg-1-3 {
    width: 33.3%;
  }

  .col-lg-2-3 {
    width: 66.66666%;
  }

  .col-lg-1-6 {
    width: 16.66666%;
  }

  .col-lg-1-4 {
    width: 25%;
  }

  .col-lg-3-4 {
    width: 75%;
  }

  .col-lg-1-5 {
    width: 20%;
  }

  .col-lg-2-5 {
    width: 40%;
  }

  .col-lg-3-5 {
    width: 60%;
  }

  .col-lg-4-5 {
    width: 80%;
  }

  .col-lg-1-6 {
    width: 16.656%;
  }

  .col-lg-5-6 {
    width: 83.33%;
  }

  .col-lg-1-8 {
    width: 12.5%;
  }

  .col-lg-3-8 {
    width: 37.5%;
  }

  .col-lg-5-8 {
    width: 62.5%;
  }

  .col-lg-7-8 {
    width: 87.5%;
  }

  .col-lg-1-12 {
    width: 8.3333%;
  }

  .col-lg-5-12 {
    width: 41.6666%;
  }

  .col-lg-7-12 {
    width: 58.3333%;
  }

  .col-lg-11-12 {
    width: 91.6666%;
  }

  .col-lg-1-24 {
    width: 4.1666%;
  }

  .col-lg-5-24 {
    width: 20.8333%;
  }

  .col-lg-7-24 {
    width: 29.1666%;
  }

  .col-lg-11-24 {
    width: 45.8333%;
  }

  .col-lg-13-24 {
    width: 54.1666%;
  }

  .col-lg-17-24 {
    width: 70.8333%;
  }

  .col-lg-19-24 {
    width: 79.1666%;
  }

  .col-lg-23-24 {
    width: 95.8333%;
  }
}

@media only screen and (min-width: 1200px) {
  .col-xl-auto {
    width: auto;
  }

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

  .col-xl-1-2 {
    width: 50%;
  }

  .col-xl-1-3 {
    width: 33.3%;
  }

  .col-xl-2-3 {
    width: 66.66666%;
  }

  .col-xl-1-6 {
    width: 16.66666%;
  }

  .col-xl-1-4 {
    width: 25%;
  }

  .col-xl-3-4 {
    width: 75%;
  }

  .col-xl-1-5 {
    width: 20%;
  }

  .col-xl-2-5 {
    width: 40%;
  }

  .col-xl-3-5 {
    width: 60%;
  }

  .col-xl-4-5 {
    width: 80%;
  }

  .col-xl-1-6 {
    width: 16.656%;
  }

  .col-xl-5-6 {
    width: 83.33%;
  }

  .col-xl-1-8 {
    width: 12.5%;
  }

  .col-xl-3-8 {
    width: 37.5%;
  }

  .col-xl-5-8 {
    width: 62.5%;
  }

  .col-xl-7-8 {
    width: 87.5%;
  }

  .col-xl-1-12 {
    width: 8.3333%;
  }

  .col-xl-5-12 {
    width: 41.6666%;
  }

  .col-xl-7-12 {
    width: 58.3333%;
  }

  .col-xl-11-12 {
    width: 91.6666%;
  }

  .col-xl-1-24 {
    width: 4.1666%;
  }

  .col-xl-5-24 {
    width: 20.8333%;
  }

  .col-xl-7-24 {
    width: 29.1666%;
  }

  .col-xl-11-24 {
    width: 45.8333%;
  }

  .col-xl-13-24 {
    width: 54.1666%;
  }

  .col-xl-17-24 {
    width: 70.8333%;
  }

  .col-xl-19-24 {
    width: 79.1666%;
  }

  .col-xl-23-24 {
    width: 95.8333%;
  }
}

@media only screen and (min-width: 1400px) {
  .col-ws-auto {
    width: auto;
  }

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

  .col-ws-1-2 {
    width: 50%;
  }

  .col-ws-1-3 {
    width: 33.3%;
  }

  .col-ws-2-3 {
    width: 66.66666%;
  }

  .col-ws-1-6 {
    width: 16.66666%;
  }

  .col-ws-1-4 {
    width: 25%;
  }

  .col-ws-3-4 {
    width: 75%;
  }

  .col-ws-1-5 {
    width: 20%;
  }

  .col-ws-2-5 {
    width: 40%;
  }

  .col-ws-3-5 {
    width: 60%;
  }

  .col-ws-4-5 {
    width: 80%;
  }

  .col-ws-1-6 {
    width: 16.656%;
  }

  .col-ws-5-6 {
    width: 83.33%;
  }

  .col-ws-1-8 {
    width: 12.5%;
  }

  .col-ws-3-8 {
    width: 37.5%;
  }

  .col-ws-5-8 {
    width: 62.5%;
  }

  .col-ws-7-8 {
    width: 87.5%;
  }

  .col-ws-1-12 {
    width: 8.3333%;
  }

  .col-ws-5-12 {
    width: 41.6666%;
  }

  .col-ws-7-12 {
    width: 58.3333%;
  }

  .col-ws-11-12 {
    width: 91.6666%;
  }

  .col-ws-1-24 {
    width: 4.1666%;
  }

  .col-ws-5-24 {
    width: 20.8333%;
  }

  .col-ws-7-24 {
    width: 29.1666%;
  }

  .col-ws-11-24 {
    width: 45.8333%;
  }

  .col-ws-13-24 {
    width: 54.1666%;
  }

  .col-ws-17-24 {
    width: 70.8333%;
  }

  .col-ws-19-24 {
    width: 79.1666%;
  }

  .col-ws-23-24 {
    width: 95.8333%;
  }
}

@media only screen and (min-width: 1600px) {
  .col-xw-auto {
    width: auto;
  }

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

  .col-xw-1-2 {
    width: 50%;
  }

  .col-xw-1-3 {
    width: 33.3%;
  }

  .col-xw-2-3 {
    width: 66.66666%;
  }

  .col-xw-1-6 {
    width: 16.66666%;
  }

  .col-xw-1-4 {
    width: 25%;
  }

  .col-xw-3-4 {
    width: 75%;
  }

  .col-xw-1-5 {
    width: 20%;
  }

  .col-xw-2-5 {
    width: 40%;
  }

  .col-xw-3-5 {
    width: 60%;
  }

  .col-xw-4-5 {
    width: 80%;
  }

  .col-xw-1-6 {
    width: 16.656%;
  }

  .col-xw-5-6 {
    width: 83.33%;
  }

  .col-xw-1-8 {
    width: 12.5%;
  }

  .col-xw-3-8 {
    width: 37.5%;
  }

  .col-xw-5-8 {
    width: 62.5%;
  }

  .col-xw-7-8 {
    width: 87.5%;
  }

  .col-xw-1-12 {
    width: 8.3333%;
  }

  .col-xw-5-12 {
    width: 41.6666%;
  }

  .col-xw-7-12 {
    width: 58.3333%;
  }

  .col-xw-11-12 {
    width: 91.6666%;
  }

  .col-xw-1-24 {
    width: 4.1666%;
  }

  .col-xw-5-24 {
    width: 20.8333%;
  }

  .col-xw-7-24 {
    width: 29.1666%;
  }

  .col-xw-11-24 {
    width: 45.8333%;
  }

  .col-xw-13-24 {
    width: 54.1666%;
  }

  .col-xw-17-24 {
    width: 70.8333%;
  }

  .col-xw-19-24 {
    width: 79.1666%;
  }

  .col-xw-23-24 {
    width: 95.8333%;
  }
}

/* ==========================================================================
   Forms -- layout/_forms.scss
   ========================================================================== */
/* ==========================================================================
  General Form Styling -- layout/_forms.scss
  ========================================================================== */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="search"],
input[type="tel"],
select,
textarea {
  padding: 0.25em;
  background: transparent;
  border: solid 1px rgba(31, 42, 68, 0.35);
  border-radius: 0.3em;
  outline: none;
  width: 100%;
  box-sizing: border-box;
  font-family: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-weight: 400 !important;
  font-size: 14px !important;
}

@media only screen and (min-width: 550px) {

  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="number"],
  input[type="search"],
  input[type="tel"],
  select,
  textarea {
    font-size: 14px !important;
  }
}

@media only screen and (min-width: 700px) {

  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="number"],
  input[type="search"],
  input[type="tel"],
  select,
  textarea {
    font-size: 14px !important;
  }
}

@media only screen and (min-width: 1000px) {

  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="number"],
  input[type="search"],
  input[type="tel"],
  select,
  textarea {
    font-size: 14px !important;
  }
}

@media only screen and (min-width: 1200px) {

  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="number"],
  input[type="search"],
  input[type="tel"],
  select,
  textarea {
    font-size: 14px !important;
  }
}

@media only screen and (min-width: 1400px) {

  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="number"],
  input[type="search"],
  input[type="tel"],
  select,
  textarea {
    font-size: 15px !important;
  }
}

@media only screen and (min-width: 1600px) {

  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="number"],
  input[type="search"],
  input[type="tel"],
  select,
  textarea {
    font-size: 15px !important;
  }
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
select:focus,
textarea:focus {
  outline: none;
  border: solid 1px #1f2a44 !important;
}

.mktoForm {
  margin-top: 0.5rem !important;
}

@media only screen and (max-width: 549px) {
  .mktoForm * {
    padding: 0 !important;
  }
}

form.mktoForm,
.form {
  font-family: "Georgia Pro", sans-serif !important;
  margin: 0;
  padding: 0;
  color: #1f2a44;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  max-width: 100%;
  padding: 0 !important;
  display: inline-block !important;
  width: 100% !important;
}

form.mktoForm *,
.form * {
  font-family: "Georgia Pro", sans-serif;
  font-weight: 400;
}

form.mktoForm .mktoFormRow,
.form .mktoFormRow {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -0.75em;
  margin-right: -0.75em;
}

@media only screen and (min-width: 1000px) {

  form.mktoForm .mktoFormRow,
  .form .mktoFormRow {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}

@media only screen and (min-width: 550px) {

  form.mktoForm .mktoFormRow,
  .form .mktoFormRow {
    margin-left: -1em;
    margin-right: -1em;
  }
}

@media only screen and (min-width: 700px) {

  form.mktoForm .mktoFormRow,
  .form .mktoFormRow {
    margin-left: -1.15em;
    margin-right: -1.15em;
  }
}

@media only screen and (min-width: 1000px) {

  form.mktoForm .mktoFormRow,
  .form .mktoFormRow {
    margin-left: -1.2em;
    margin-right: -1.2em;
  }
}

@media only screen and (min-width: 1200px) {

  form.mktoForm .mktoFormRow,
  .form .mktoFormRow {
    margin-left: -1.2em;
    margin-right: -1.2em;
  }
}

@media only screen and (min-width: 1400px) {

  form.mktoForm .mktoFormRow,
  .form .mktoFormRow {
    margin-left: -1.2em;
    margin-right: -1.2em;
  }
}

@media only screen and (min-width: 1600px) {

  form.mktoForm .mktoFormRow,
  .form .mktoFormRow {
    margin-left: -1.2em;
    margin-right: -1.2em;
  }
}

form.mktoForm .form-control,
.form .form-control {
  height: auto;
}

form.mktoForm .mktoGutter,
.form .mktoGutter {
  display: none !important;
}

form.mktoForm .mktoFormCol,
.form .mktoFormCol {
  margin-left: 0.75em !important;
  margin-right: 0.75em !important;
}

@media only screen and (min-width: 550px) {

  form.mktoForm .mktoFormCol,
  .form .mktoFormCol {
    margin-left: 1em !important;
    margin-right: 1em !important;
  }
}

@media only screen and (min-width: 700px) {

  form.mktoForm .mktoFormCol,
  .form .mktoFormCol {
    margin-left: 1.15em !important;
    margin-right: 1.15em !important;
  }
}

@media only screen and (min-width: 1000px) {

  form.mktoForm .mktoFormCol,
  .form .mktoFormCol {
    margin-left: 1.2em !important;
    margin-right: 1.2em !important;
  }
}

@media only screen and (min-width: 1200px) {

  form.mktoForm .mktoFormCol,
  .form .mktoFormCol {
    margin-left: 1.2em !important;
    margin-right: 1.2em !important;
  }
}

@media only screen and (min-width: 1400px) {

  form.mktoForm .mktoFormCol,
  .form .mktoFormCol {
    margin-left: 1.2em !important;
    margin-right: 1.2em !important;
  }
}

@media only screen and (min-width: 1600px) {

  form.mktoForm .mktoFormCol,
  .form .mktoFormCol {
    margin-left: 1.2em !important;
    margin-right: 1.2em !important;
  }
}

form.mktoForm .mktoFieldDescriptor,
form.mktoForm .mktoFieldWrap,
form.mktoForm .mktoLabel,
form.mktoForm .mktoFormCol,
form.mktoForm .mktoHtmlText,
form.mktoForm .mktoCheckboxList,
form.mktoForm input,
form.mktoForm textarea,
form.mktoForm select,
.form .mktoFieldDescriptor,
.form .mktoFieldWrap,
.form .mktoLabel,
.form .mktoFormCol,
.form .mktoHtmlText,
.form .mktoCheckboxList,
.form input,
.form textarea,
.form select {
  width: 100% !important;
  float: none !important;
}

@media only screen and (min-width: 1000px) {

  form.mktoForm .mktoFieldDescriptor .mktoRadioList,
  form.mktoForm .mktoFieldWrap .mktoRadioList,
  form.mktoForm .mktoLabel .mktoRadioList,
  form.mktoForm .mktoFormCol .mktoRadioList,
  form.mktoForm .mktoHtmlText .mktoRadioList,
  form.mktoForm .mktoCheckboxList .mktoRadioList,
  form.mktoForm input .mktoRadioList,
  form.mktoForm textarea .mktoRadioList,
  form.mktoForm select .mktoRadioList,
  .form .mktoFieldDescriptor .mktoRadioList,
  .form .mktoFieldWrap .mktoRadioList,
  .form .mktoLabel .mktoRadioList,
  .form .mktoFormCol .mktoRadioList,
  .form .mktoHtmlText .mktoRadioList,
  .form .mktoCheckboxList .mktoRadioList,
  .form input .mktoRadioList,
  .form textarea .mktoRadioList,
  .form select .mktoRadioList {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
}

@media only screen and (min-width: 1000px) {

  form.mktoForm .mktoFieldDescriptor .mktoRadioList #mktoRadio_66564_1,
  form.mktoForm .mktoFieldWrap .mktoRadioList #mktoRadio_66564_1,
  form.mktoForm .mktoLabel .mktoRadioList #mktoRadio_66564_1,
  form.mktoForm .mktoFormCol .mktoRadioList #mktoRadio_66564_1,
  form.mktoForm .mktoHtmlText .mktoRadioList #mktoRadio_66564_1,
  form.mktoForm .mktoCheckboxList .mktoRadioList #mktoRadio_66564_1,
  form.mktoForm input .mktoRadioList #mktoRadio_66564_1,
  form.mktoForm textarea .mktoRadioList #mktoRadio_66564_1,
  form.mktoForm select .mktoRadioList #mktoRadio_66564_1,
  .form .mktoFieldDescriptor .mktoRadioList #mktoRadio_66564_1,
  .form .mktoFieldWrap .mktoRadioList #mktoRadio_66564_1,
  .form .mktoLabel .mktoRadioList #mktoRadio_66564_1,
  .form .mktoFormCol .mktoRadioList #mktoRadio_66564_1,
  .form .mktoHtmlText .mktoRadioList #mktoRadio_66564_1,
  .form .mktoCheckboxList .mktoRadioList #mktoRadio_66564_1,
  .form input .mktoRadioList #mktoRadio_66564_1,
  .form textarea .mktoRadioList #mktoRadio_66564_1,
  .form select .mktoRadioList #mktoRadio_66564_1 {
    right: 46%;
    left: initial;
  }
}

form.mktoForm legend,
.form legend {
  border: none !important;
}

form.mktoForm input,
form.mktoForm textarea,
form.mktoForm select,
.form input,
.form textarea,
.form select {
  font-family: "Georgia Pro", sans-serif !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-color: #fff !important;
  padding: 1.4em 1em !important;
  border: solid 1px rgba(31, 42, 68, 0.35) !important;
  border-radius: 0.3em !important;
  height: auto !important;
  margin: 0 !important;
  font-size: 14px !important;
}

form.mktoForm input::-webkit-search-cancel-button,
form.mktoForm textarea::-webkit-search-cancel-button,
form.mktoForm select::-webkit-search-cancel-button,
.form input::-webkit-search-cancel-button,
.form textarea::-webkit-search-cancel-button,
.form select::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

form.mktoForm input:focus,
form.mktoForm textarea:focus,
form.mktoForm select:focus,
.form input:focus,
.form textarea:focus,
.form select:focus {
  border-color: solid 1px #1f2a44 !important;
  outline: none !important;
}

form.mktoForm input.mktoInvalid,
form.mktoForm textarea.mktoInvalid,
form.mktoForm select.mktoInvalid,
.form input.mktoInvalid,
.form textarea.mktoInvalid,
.form select.mktoInvalid {
  border-color: #e80000;
}

form.mktoForm input#FirstName,
form.mktoForm input#Email,
form.mktoForm input#LastName,
form.mktoForm input#zShadowCompanyName,
form.mktoForm .mktForm-gdpr-consent,
.form input#FirstName,
.form input#Email,
.form input#LastName,
.form input#zShadowCompanyName,
.form .mktForm-gdpr-consent {
  min-width: 100% !important;
  width: 100% !important;
}

form.mktoForm textarea,
.form textarea {
  min-height: 8em;
}

form.mktoForm textarea#MktoPersonNotes,
.form textarea#MktoPersonNotes {
  min-width: 100% !important;
}

form.mktoForm select,
.form select {
  position: relative;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTgnIGhlaWdodD0nMTEnIHZpZXdCb3g9JzAgMCAxOCAxMScgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMC43MjkxNyAxLjIwODAxTDYuNjA0NDQgNy4wODM1Mycgc3Ryb2tlPScjMmMyYzJjJyBzdHJva2Utd2lkdGg9JzInLz48cGF0aCBkPSdNMTcuNTEzNyAxLjg2NTcyTDEwLjE1MTcgOS4yMjc2OEM5LjQyODA3IDkuOTUxMzMgOC4yNTQ4IDkuOTUxMzIgNy41MzExNiA5LjIyNzY4TDE2LjIwMzQgMC41NTU0NDNMMTcuNTEzNyAxLjg2NTcyWicgZmlsbD0nIzJjMmMyYycvPjwvc3ZnPg==");
  background-size: 1em auto;
  background-repeat: no-repeat;
  background-position: right 1rem center;
  padding-right: 3rem !important;
}

form.mktoForm select::-ms-expand,
.form select::-ms-expand {
  display: none !important;
}

form.mktoForm input[type="radio"],
form.mktoForm input[type="checkbox"],
.form input[type="radio"],
.form input[type="checkbox"] {
  width: 1.25rem !important;
  height: 1.25rem !important;
  padding: 0 !important;
  border: 0;
  position: relative;
  cursor: pointer;
  margin-right: 10px;
  border: 0 !important;
  background-color: transparent !important;
}

form.mktoForm input[type="radio"]:focus,
form.mktoForm input[type="checkbox"]:focus,
.form input[type="radio"]:focus,
.form input[type="checkbox"]:focus {
  outline: none;
}

form.mktoForm input[type="radio"]:checked,
form.mktoForm input[type="checkbox"]:checked,
.form input[type="radio"]:checked,
.form input[type="checkbox"]:checked {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
}

form.mktoForm input[type="radio"]:after,
form.mktoForm input[type="radio"]:before,
form.mktoForm input[type="checkbox"]:after,
form.mktoForm input[type="checkbox"]:before,
.form input[type="radio"]:after,
.form input[type="radio"]:before,
.form input[type="checkbox"]:after,
.form input[type="checkbox"]:before {
  border-radius: 0;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  box-sizing: border-box;
  text-align: center;
  line-height: 1.25rem;
}

form.mktoForm input[type="radio"]:after,
form.mktoForm input[type="checkbox"]:after,
.form input[type="radio"]:after,
.form input[type="checkbox"]:after {
  border: 1px solid #3b82f6;
}

form.mktoForm input[type="radio"]:before,
form.mktoForm input[type="checkbox"]:before,
.form input[type="radio"]:before,
.form input[type="checkbox"]:before {
  background: #fff;
  z-index: 18;
}

form.mktoForm input[type="radio"]:checked::before,
form.mktoForm input[type="checkbox"]:checked::before,
.form input[type="radio"]:checked::before,
.form input[type="checkbox"]:checked::before {
  background: #3b82f6;
}

form.mktoForm input[type="radio"]:checked::after,
form.mktoForm input[type="checkbox"]:checked::after,
.form input[type="radio"]:checked::after,
.form input[type="checkbox"]:checked::after {
  border-color: #3b82f6;
}

@media only screen and (max-width: 549px) {

  form.mktoForm .mktoOffset,
  .form .mktoOffset {
    display: block !important;
  }
}

form.mktoForm .mktoCheckboxList,
form.mktoForm .mktoRadioList,
.form .mktoCheckboxList,
.form .mktoRadioList {
  padding: 0 !important;
  margin-top: 0.5em;
  width: 100% !important;
}

form.mktoForm .mktoCheckboxList input,
form.mktoForm .mktoRadioList input,
.form .mktoCheckboxList input,
.form .mktoRadioList input {
  position: absolute;
  left: 0;
  margin: 0 !important;
}

form.mktoForm label[for="channelFormAgreement"].mktoLabel,
form.mktoForm label[for="optMail"].mktoLabel,
form.mktoForm label[for="dSRSwornStatements1"].mktoLabel,
form.mktoForm label[for="dSRSwornStatements2"].mktoLabel,
form.mktoForm .mktoCheckboxList label,
form.mktoForm .mktoRadioList label,
.form label[for="channelFormAgreement"].mktoLabel,
.form label[for="optMail"].mktoLabel,
.form label[for="dSRSwornStatements1"].mktoLabel,
.form label[for="dSRSwornStatements2"].mktoLabel,
.form .mktoCheckboxList label,
.form .mktoRadioList label {
  display: block !important;
  margin: 0 0 1em 0 !important;
  width: 100%;
  padding-left: 2rem !important;
  line-height: 1.25rem !important;
}

form.mktoForm label[for="channelFormAgreement"].mktoLabel:last-child,
form.mktoForm label[for="optMail"].mktoLabel:last-child,
form.mktoForm label[for="dSRSwornStatements1"].mktoLabel:last-child,
form.mktoForm label[for="dSRSwornStatements2"].mktoLabel:last-child,
form.mktoForm .mktoCheckboxList label:last-child,
form.mktoForm .mktoRadioList label:last-child,
.form label[for="channelFormAgreement"].mktoLabel:last-child,
.form label[for="optMail"].mktoLabel:last-child,
.form label[for="dSRSwornStatements1"].mktoLabel:last-child,
.form label[for="dSRSwornStatements2"].mktoLabel:last-child,
.form .mktoCheckboxList label:last-child,
.form .mktoRadioList label:last-child {
  margin-bottom: 0 !important;
}

form.mktoForm label[for="dSRSignature"].mktoLabel,
.form label[for="dSRSignature"].mktoLabel {
  display: block !important;
  margin: 0 0 1em 0 !important;
  line-height: 1.5 !important;
}

form.mktoForm input[type="checkbox"]:before,
.form input[type="checkbox"]:before {
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  font-weight: 600;
  color: #fff;
  background: transparent;
  font-size: 10px;
}

form.mktoForm input[type="checkbox"]:checked:before,
.form input[type="checkbox"]:checked:before {
  background: transparent;
  color: #1f2a44;
}

form.mktoForm input[type="radio"]:after,
.form input[type="radio"]:after {
  border-radius: 50%;
}

form.mktoForm input[type="radio"]:before,
.form input[type="radio"]:before {
  border-radius: 50%;
  top: 3px;
  left: 3px;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
}

form.mktoForm .mktoFormRow[data-sw-label="channelFormAgreement"] .mktoCheckboxList,
form.mktoForm .mktoFormRow[data-sw-label="optMail"] .mktoCheckboxList,
form.mktoForm .mktoFormRow[data-sw-label="dSRSwornStatements1"] .mktoCheckboxList,
form.mktoForm .mktoFormRow[data-sw-label="dSRSwornStatements2"] .mktoCheckboxList,
.form .mktoFormRow[data-sw-label="channelFormAgreement"] .mktoCheckboxList,
.form .mktoFormRow[data-sw-label="optMail"] .mktoCheckboxList,
.form .mktoFormRow[data-sw-label="dSRSwornStatements1"] .mktoCheckboxList,
.form .mktoFormRow[data-sw-label="dSRSwornStatements2"] .mktoCheckboxList {
  position: absolute;
  top: 0;
  left: 0;
}

form.mktoForm .mktoFormRow[data-sw-label="channelFormAgreement"] .mktoLabel,
form.mktoForm .mktoFormRow[data-sw-label="optMail"] .mktoLabel,
form.mktoForm .mktoFormRow[data-sw-label="dSRSwornStatements1"] .mktoLabel,
form.mktoForm .mktoFormRow[data-sw-label="dSRSwornStatements2"] .mktoLabel,
.form .mktoFormRow[data-sw-label="channelFormAgreement"] .mktoLabel,
.form .mktoFormRow[data-sw-label="optMail"] .mktoLabel,
.form .mktoFormRow[data-sw-label="dSRSwornStatements1"] .mktoLabel,
.form .mktoFormRow[data-sw-label="dSRSwornStatements2"] .mktoLabel {
  padding-top: 0.45rem;
}

form.mktoForm .mktoError,
.form .mktoError {
  display: block;
  position: relative;
  right: 0 !important;
  bottom: 0 !important;
  pointer-events: none;
}

form.mktoForm .mktoError .mktoErrorArrowWrap,
.form .mktoError .mktoErrorArrowWrap {
  display: none;
}

form.mktoForm .mktoError .mktoErrorMsg,
.form .mktoError .mktoErrorMsg {
  max-width: none;
  border: none;
  background: none;
  padding: 0;
  color: #e80000;
  box-shadow: none;
  text-shadow: none;
  font-size: 10px;
}

@media only screen and (min-width: 550px) {

  form.mktoForm .mktoError .mktoErrorMsg,
  .form .mktoError .mktoErrorMsg {
    font-size: 10px;
  }
}

@media only screen and (min-width: 700px) {

  form.mktoForm .mktoError .mktoErrorMsg,
  .form .mktoError .mktoErrorMsg {
    font-size: 11px;
  }
}

@media only screen and (min-width: 1000px) {

  form.mktoForm .mktoError .mktoErrorMsg,
  .form .mktoError .mktoErrorMsg {
    font-size: 11px;
  }

  form.mktoForm .mktoRadioList input {
    position: relative !important;
  }

  form.mktoForm input[type="radio"] {
    width: 3rem !important;
  }

  form.mktoForm .mktoRadioList label {
    padding-left: 1rem !important;
  }
}

@media only screen and (min-width: 1200px) {

  form.mktoForm .mktoError .mktoErrorMsg,
  .form .mktoError .mktoErrorMsg {
    font-size: 12px;
  }
}

@media only screen and (min-width: 1400px) {

  form.mktoForm .mktoError .mktoErrorMsg,
  .form .mktoError .mktoErrorMsg {
    font-size: 12px;
  }

  form.mktoForm .mktoRadioList input {
    position: relative !important;
  }

  form.mktoForm input[type="radio"] {
    width: 3rem !important;
  }

  form.mktoForm .mktoRadioList label {
    padding-left: 1rem !important;
  }
}

@media only screen and (min-width: 1600px) {

  form.mktoForm .mktoError .mktoErrorMsg,
  .form .mktoError .mktoErrorMsg {
    font-size: 12px;
  }

  form.mktoForm .mktoRadioList input {
    position: relative !important;
  }

  form.mktoForm input[type="radio"] {
    width: 3rem !important;
  }

  form.mktoForm .mktoRadioList label {
    padding-left: 1rem !important;
  }
}

form.mktoForm span.mktoButtonWrap.mktoNative,
.form span.mktoButtonWrap.mktoNative {
  width: 100%;
  margin-left: 0 !important;
  display: block;
}

@media only screen and (min-width: 1000px) {

  form.mktoForm span.mktoButtonWrap.mktoNative,
  .form span.mktoButtonWrap.mktoNative {
    width: 50%;
  }
}

form.mktoForm .mktoButton,
.form .mktoButton {
  overflow: hidden;
  position: relative;
  font-weight: 600 !important;
  line-height: 1em;
  background-color: #005758 !important;
  font-family: "Georgia Pro", sans-serif !important;
  text-transform: initial !important;
  width: auto !important;
  color: #fff !important;
  line-height: 1.5;
  border: none !important;
  border-radius: 0.25rem !important;
  padding: 1.06rem 1.38rem !important;
  font-weight: 600 !important;
  font-size: 14px !important;
}

@media only screen and (min-width: 550px) {

  form.mktoForm .mktoButton,
  .form .mktoButton {
    font-size: 14px !important;
  }
}

@media only screen and (min-width: 700px) {

  form.mktoForm .mktoButton,
  .form .mktoButton {
    font-size: 14px !important;
  }
}

@media only screen and (min-width: 1000px) {

  form.mktoForm .mktoButton,
  .form .mktoButton {
    font-size: 14px !important;
  }
}

@media only screen and (min-width: 1200px) {

  form.mktoForm .mktoButton,
  .form .mktoButton {
    font-size: 14px !important;
  }
}

@media only screen and (min-width: 1400px) {

  form.mktoForm .mktoButton,
  .form .mktoButton {
    font-size: 15px !important;
  }
}

@media only screen and (min-width: 1600px) {

  form.mktoForm .mktoButton,
  .form .mktoButton {
    font-size: 15px !important;
  }
}

form.mktoForm .mktoButton:hover,
.form .mktoButton:hover {
  color: #fff !important;
  background-color: #1f2a44 !important;
}

form.mktoForm .mktoButton:disabled,
.form .mktoButton:disabled {
  opacity: 0.5;
}

form.mktoForm .mktoButton:disabled:hover,
.form .mktoButton:disabled:hover {
  background-color: #005758 !important;
  color: #fff !important;
}

form.mktoForm .mktoButton *,
.form .mktoButton * {
  z-index: 20;
}

form.mktoForm .mktoButton:hover,
.form .mktoButton:hover {
  color: #fff !important;
  background-color: #1f2a44 !important;
}

form.mktoForm .mktoFormRow[data-sw-label="terms"] .mktoHtmlText,
.form .mktoFormRow[data-sw-label="terms"] .mktoHtmlText {
  margin-top: 2rem;
}

form.mktoForm #LblquoteProduct,
.form #LblquoteProduct {
  display: block !important;
  margin-bottom: 1em !important;
}

@media only screen and (min-width: 1000px) {

  .ie form.mktoForm .mktoFieldDescriptor .mktoRadioList,
  .ie form.mktoForm .mktoFieldWrap .mktoRadioList,
  .ie form.mktoForm .mktoLabel .mktoRadioList,
  .ie form.mktoForm .mktoFormCol .mktoRadioList,
  .ie form.mktoForm .mktoHtmlText .mktoRadioList,
  .ie form.mktoForm .mktoCheckboxList .mktoRadioList,
  .ie form.mktoForm input .mktoRadioList,
  .ie form.mktoForm textarea .mktoRadioList,
  .ie form.mktoForm select .mktoRadioList,
  .ie .form .mktoFieldDescriptor .mktoRadioList,
  .ie .form .mktoFieldWrap .mktoRadioList,
  .ie .form .mktoLabel .mktoRadioList,
  .ie .form .mktoFormCol .mktoRadioList,
  .ie .form .mktoHtmlText .mktoRadioList,
  .ie .form .mktoCheckboxList .mktoRadioList,
  .ie .form input .mktoRadioList,
  .ie .form textarea .mktoRadioList,
  .ie .form select .mktoRadioList {
    display: block !important;
  }
}

input[type="search"].filter__search {
  background: none;
  padding-right: 4em;
  position: relative;
  z-index: 1;
  border: 0 !important;
  background-color: rgba(31, 42, 68, 0.1);
  font-weight: 300;
  font-size: 14px;
  padding: 1em;
  border-radius: 4px;
  width: 100%;
}

/*  ==========================================================================
	Basic layout classes -- layout/layout.scss
	========================================================================== */
html {
  height: -webkit-fill-available;
  width: 100%;
}

html,
body {
  margin: 0;
  padding: 0;
}

body {
  font-family: "Georgia Pro", sans-serif;
  margin: 0;
  padding: 0;
  color: #1f2a44;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  max-width: 100%;
  min-height: 100vh;
  min-height: -webkit-fill-available;
}

.bd {
  margin: 0 7.14%;
  position: relative;
  min-height: 1px;
}

@media only screen and (min-width: 1600px) {
  .bd {
    margin: 0 auto;
    max-width: 1400px;
  }
}

.bd:after {
  content: "";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.visuallyhidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.clearfix {
  *zoom: 1;
}

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

/*  ==========================================================================
	Backgrounds -- layout/layout.scss
	========================================================================== */
.bg-primary {
  background-color: #1f2a44;
}

.bg-secondary {
  background-color: #005758;
}

.bg-ocean {
  background-color: #005758;
}

.bg-baby-blue {
  background-color: rgb(220, 243, 249);
}

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

.bg-black {
  background-color: #000;
}

.bg-grey {
  background-color: #888;
}

.bg-light-grey {
  background-color: #f6f6f6;
}

.bg-light-blue {
  background-color: #dbeafe;
}

/*  ==========================================================================
	Margin & Padding -- layout/layout.scss
	========================================================================== */
.pt {
  padding-top: 3rem;
}

@media only screen and (min-width: 550px) {
  .pt {
    padding-top: 3rem;
  }
}

@media only screen and (min-width: 700px) {
  .pt {
    padding-top: 4rem;
  }
}

@media only screen and (min-width: 1000px) {
  .pt {
    padding-top: 5rem;
  }
}

@media only screen and (min-width: 1200px) {
  .pt {
    padding-top: 6rem;
  }
}

.pb {
  padding-bottom: 3rem;
}

@media only screen and (min-width: 550px) {
  .pb {
    padding-bottom: 3rem;
  }
}

@media only screen and (min-width: 700px) {
  .pb {
    padding-bottom: 4rem;
  }
}

@media only screen and (min-width: 1000px) {
  .pb {
    padding-bottom: 5rem;
  }
}

@media only screen and (min-width: 1200px) {
  .pb {
    padding-bottom: 6rem;
  }
}

.pt--half {
  padding-top: 1.5rem;
}

@media only screen and (min-width: 550px) {
  .pt--half {
    padding-top: 1.5rem;
  }
}

@media only screen and (min-width: 700px) {
  .pt--half {
    padding-top: 2rem;
  }
}

@media only screen and (min-width: 1000px) {
  .pt--half {
    padding-top: 2.5rem;
  }
}

@media only screen and (min-width: 1200px) {
  .pt--half {
    padding-top: 3rem;
  }
}

.pb--half {
  padding-bottom: 1.5rem;
}

@media only screen and (min-width: 550px) {
  .pb--half {
    padding-bottom: 1.5rem;
  }
}

@media only screen and (min-width: 700px) {
  .pb--half {
    padding-bottom: 2rem;
  }
}

@media only screen and (min-width: 1000px) {
  .pb--half {
    padding-bottom: 2.5rem;
  }
}

@media only screen and (min-width: 1200px) {
  .pb--half {
    padding-bottom: 3rem;
  }
}

.pt--em {
  padding-top: 1em;
}

.pb--em {
  padding-bottom: 1em;
}

.p--none {
  padding: 0;
}

.pt--none {
  padding-top: 0;
}

.pb--none {
  padding-bottom: 0;
}

.mt {
  margin-top: 3rem;
}

@media only screen and (min-width: 550px) {
  .mt {
    margin-top: 3rem;
  }
}

@media only screen and (min-width: 700px) {
  .mt {
    margin-top: 4rem;
  }
}

@media only screen and (min-width: 1000px) {
  .mt {
    margin-top: 5rem;
  }
}

@media only screen and (min-width: 1200px) {
  .mt {
    margin-top: 6rem;
  }
}

.mb {
  margin-bottom: 3rem;
}

@media only screen and (min-width: 550px) {
  .mb {
    margin-bottom: 3rem;
  }
}

@media only screen and (min-width: 700px) {
  .mb {
    margin-bottom: 4rem;
  }
}

@media only screen and (min-width: 1000px) {
  .mb {
    margin-bottom: 5rem;
  }
}

@media only screen and (min-width: 1200px) {
  .mb {
    margin-bottom: 6rem;
  }
}

.mb--negative {
  margin-bottom: -3rem;
}

@media only screen and (min-width: 550px) {
  .mb--negative {
    margin-bottom: -3rem;
  }
}

@media only screen and (min-width: 700px) {
  .mb--negative {
    margin-bottom: -4rem;
  }
}

@media only screen and (min-width: 1000px) {
  .mb--negative {
    margin-bottom: -5rem;
  }
}

@media only screen and (min-width: 1200px) {
  .mb--negative {
    margin-bottom: calc((6rem * -1) - 3rem);
  }
}

.mt--half {
  margin-top: 1.5rem;
}

@media only screen and (min-width: 550px) {
  .mt--half {
    margin-top: 1.5rem;
  }
}

@media only screen and (min-width: 700px) {
  .mt--half {
    margin-top: 2rem;
  }
}

@media only screen and (min-width: 1000px) {
  .mt--half {
    margin-top: 2.5rem;
  }
}

@media only screen and (min-width: 1200px) {
  .mt--half {
    margin-top: 3rem;
  }
}

.mb--half {
  margin-bottom: 1.5rem;
}

@media only screen and (min-width: 550px) {
  .mb--half {
    margin-bottom: 1.5rem;
  }
}

@media only screen and (min-width: 700px) {
  .mb--half {
    margin-bottom: 2rem;
  }
}

@media only screen and (min-width: 1000px) {
  .mb--half {
    margin-bottom: 2.5rem;
  }
}

@media only screen and (min-width: 1200px) {
  .mb--half {
    margin-bottom: 3rem;
  }
}

.mb--half--negative {
  margin-bottom: -1.5rem;
}

@media only screen and (min-width: 550px) {
  .mb--half--negative {
    margin-bottom: -1.5rem;
  }
}

@media only screen and (min-width: 700px) {
  .mb--half--negative {
    margin-bottom: -2rem;
  }
}

@media only screen and (min-width: 1000px) {
  .mb--half--negative {
    margin-bottom: -2.5rem;
  }
}

@media only screen and (min-width: 1200px) {
  .mb--half--negative {
    margin-bottom: -3rem;
  }
}

.mt--em {
  margin-top: 1em;
}

.mb--em {
  margin-bottom: 1em;
}

.m--none {
  margin: 0;
}

.mt--none {
  margin-top: 0;
}

.mb--none {
  margin-bottom: 0;
}

/*  ==========================================================================
	images
	========================================================================== */
.mediaimg {
  width: 100%;
}

.mediaimg--bg {
  padding-top: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}

.icon .mediaimg--bg {
  background-size: auto;
}

.mediaimg--bg--cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 0;
}

.mediaimg--inline {
  display: block;
  height: auto;
}

.mediaimg--icon {
  /*padding-top: 100%;*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.mediaimg--logo .logoimg {
  padding-top: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.ie .mediaimg .logoimg {
  background-size: 80%;
}

/*  ==========================================================================
	video
	========================================================================== */
.mediavideo {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
  /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

.mediavideo iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.mediavideo__video-img {
  background-repeat: no-repeat;
  /* background-size: 115%;*/
  background-size: contain;
  background-position: center;
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
}

.mediavideo__video-img__play {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  -ms-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  filter: drop-shadow(0 0 1em rgba(0, 0, 0, 0.75));
}

.mediavideo__video-img__play:hover {
  cursor: pointer;
  -ms-transform: translate(-50%, -50%) scale(1.3);
  -moz-transform: translate(-50%, -50%) scale(1.3);
  -webkit-transform: translate(-50%, -50%) scale(1.3);
  transform: translate(-50%, -50%) scale(1.3);
}

.mediavideo__videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  display: none;
}

.mediavideo__videoWrapper__play {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*  ==========================================================================
	Page
	========================================================================== */
.pageheader {
  position: relative;
  /* pageheader--img */
  /* pageheader--video */
  /* pageheader--gallery */
  /* pageheader--post or postheader */
}

.pageheader--default {
  display: inline-block;
  width: 100%;
}

.pageheader .pageheader__bd {
  position: relative;
  z-index: 2;
}

.pageheader .pageheader__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  overflow: hidden;
}

.pageheader .pageheader__bg--gradient {
  display: none;
}

.pageheader--img .pageheader__img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1;
  background-size: cover;
  background-repeat: no-repeat;
}

/* edited to replace background image with radial gradient */
.pageheader--img .pageheader__img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 2;
  /*background-image: url(../tech-data/img/footer-background-colour.png);*/
  background-image:radial-gradient(circle at -10% -10%, #c3d600ee 0%, #c3d600aa 6%, transparent 60%), radial-gradient(circle at 110% 120%, #4dc3e0 0%, #4dc3e0 5%, #4dc3e0aa 6%, transparent 60%);
  background-size: 100% 100%;
  background-position: center;
}

body.single-post .pageheader--img .pageheader__img::before {
  display: none;
}

.pageheader--img .pageheader__img.effect--ready,
.no-cssanimations .pageheader--img .pageheader__img {
  opacity: 0.66;
}

.pageheader--video .pageheader__video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1;
  opacity: 0.66;
  -webkit-transition: opacity 1000ms cubic-bezier(0.33, 1, 0.68, 1) 0ms;
  -moz-transition: opacity 1000ms cubic-bezier(0.33, 1, 0.68, 1) 0ms;
  transition: opacity 1000ms cubic-bezier(0.33, 1, 0.68, 1) 0ms;
}

.pageheader--video .pageheader__video iframe {
  width: 100vw;
  height: 56.25vw;
  /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
  min-height: 100vh;
  min-width: 177.77vh;
  /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.pageheader--gallery .pageheader__gallery {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  opacity: 0;
  -webkit-transition: opacity 1000ms cubic-bezier(0.33, 1, 0.68, 1) 0ms;
  -moz-transition: opacity 1000ms cubic-bezier(0.33, 1, 0.68, 1) 0ms;
  transition: opacity 1000ms cubic-bezier(0.33, 1, 0.68, 1) 0ms;
}

.pageheader--gallery .pageheader__gallery.owl-loaded {
  opacity: 0.66;
}

.pageheader--gallery .pageheader__gallery .owl-item,
.pageheader--gallery .pageheader__gallery .owl-stage,
.pageheader--gallery .pageheader__gallery .owl-stage-outer {
  height: 100%;
}

.pageheader--gallery .pageheader__gallery .owl-item {
  overflow: hidden;
}

.pageheader--gallery .pageheader__gallery .pageheader__gallery__img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1;
  -webkit-transition: opacity 1000ms cubic-bezier(0.33, 1, 0.68, 1) 0ms;
  -moz-transition: opacity 1000ms cubic-bezier(0.33, 1, 0.68, 1) 0ms;
  transition: opacity 1000ms cubic-bezier(0.33, 1, 0.68, 1) 0ms;
}

.pageheader--video-with-text,
.pageheader--side-image {
  background: #1f2a44;
  padding: 4.5em 0 10em;
}

#body.vendors-below .pageheader--video-with-text,
#body.vendors-below .pageheader--side-image {
  margin-bottom: 0;
}

.pageheader--video-with-text--extra,
.pageheader--side-image--extra {
  padding: 4.5em 0 1.5em;
}

.pageheader--video-with-text__cols,
.pageheader--side-image__cols {
  margin-top: 5em;
}

@media only screen and (min-width: 1000px) {

  .pageheader--video-with-text__cols,
  .pageheader--side-image__cols {
    margin-top: 10em;
  }
}

@media only screen and (min-width: 1000px) {

  .pageheader--video-with-text .pageheader__container,
  .pageheader--side-image .pageheader__container {
    padding-right: 3em;
  }
}

.pageheader--video-with-text .pageheader__video-img,
.pageheader--side-image .pageheader__video-img {
  height: 0;
  width: 100%;
  background-repeat: no-repeat;
  background-size: 115%;
  background-position: center;
  padding-bottom: 57.25%;
  box-shadow: 0px 0px 250px #005758;
}

.pageheader--video-with-text .pageheader__video-img__play,
.pageheader--side-image .pageheader__video-img__play {
  -ms-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  filter: drop-shadow(0 0 1em rgba(0, 0, 0, 0.75));
  position: absolute;
  top: calc((100% - 50px) / 2);
  left: calc((100% - 43px) / 2);
}

.pageheader--video-with-text .pageheader__video-img__play:hover,
.pageheader--side-image .pageheader__video-img__play:hover {
  cursor: pointer;
  -ms-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

.pageheader--video-with-text .pageheader__videoWrapper,
.pageheader--side-image .pageheader__videoWrapper {
  position: relative;
  padding-bottom: 57.25%;
  height: 0;
  display: none;
  box-shadow: 0px 0px 250px #005758;
}

.pageheader--video-with-text .pageheader__videoWrapper__play,
.pageheader--side-image .pageheader__videoWrapper__play {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.pageheader--post .pageheader__heading {
  margin-top: 0;
}

.pageheader--post .pageheader__leader {
  max-width: 440px;
  margin-top: 0;
}

.pageheader--post .pageheader__media {
  padding: 50% 0 0;
  position: relative;
  background: rgba(31, 42, 68, 0.35);
  overflow: hidden;
}

.pageheader--post .pageheader__media .pageheader__img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1;
}

.pageheader--post .pageheader__media .pageheader__img.effect--ready,
.no-cssanimations .pageheader--post .pageheader__media .pageheader__img {
  opacity: 1;
}

.pageheader-video-playing .pageheader--post .pageheader__media .pageheader__video {
  opacity: 1;
}

.pageheader--post .pageheader__media .pageheader__gallery.owl-loaded {
  opacity: 1;
}

.pageheader--post .pageheader__media--img {
  margin-top: -3.5rem;
}

@media only screen and (min-width: 700px) {
  .pageheader--post .pageheader__media--img {
    margin-top: -4.5rem;
  }
}

.pageheader--post.pageheader--full {
  position: relative;
}

.pageheader--post.pageheader--full .pageheader__leader,
.pageheader--post.pageheader--full .pageheader__heading {
  max-width: 500px;
}

.pageheader--post.pageheader--full .pageheader__img::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.pageheader--post.pageheader--full .pageheader__media {
  position: absolute;
  padding: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 1.4em - 26px);
}

@media only screen and (min-width: 700px) {
  .pageheader--post.pageheader--full .pageheader__media {
    height: calc(100% - 2em - 26px);
  }
}

@media only screen and (min-width: 700px) {
  .pageheader--post.pageheader--full .pageheader__media {
    height: calc(100% - 2.4em - 35px);
  }
}

.pageheader--post-vertical {
  background: radial-gradient(43.14% 91.71% at 72.75% 44%,
      #005758 0%,
      #1f2a44 100%);
  color: #fff;
  display: inline-block;
  width: 100%;
  overflow: hidden;
}

.pageheader--post-vertical::after {
  content: "";
  position: absolute;
  width: 981px;
  height: 1000px;
  left: 0px;
  top: 0px;
  width: 981px;
  height: 100%;
  background: radial-gradient(79.51% 119.52% at 0% 0%,
      rgba(196, 214, 0, 0.25) 0%,
      rgba(196, 214, 0, 0) 100%);
}

.pageheader--post-vertical__img {
  position: relative;
  height: 450px;
  width: 100%;
}

@media only screen and (min-width: 1000px) {
  .pageheader--post-vertical__img {
    padding-top: 125%;
    left: 0;
    height: 0;
    margin-bottom: 0;
  }
}

.pageheader--post-vertical__img img {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  object-fit: cover;
}

.pageheader--post-vertical__share {
  z-index: 1;
  position: absolute;
  bottom: 8rem;
  right: -20px;
  display: block;
}

@media only screen and (min-width: 700px) {
  .pageheader--post-vertical__share {
    right: -30px;
    bottom: 9rem;
  }
}

@media only screen and (min-width: 700px) {
  .pageheader--post-vertical__share {
    bottom: 9rem;
  }
}

.pageheader--post-vertical__share ul {
  flex-direction: column;
}

.pageheader--post-vertical__share ul li {
  text-align: right;
}

.pageheader--post-vertical__share ul li:not(:last-child) {
  margin-bottom: 10px;
}

.pageheader--post-vertical__share ul li a {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.pageheader--gradient {
  background-image: url("../tech-data/img/gradient-header-bg.svg");
  background-size: cover;
  background-position: top center;
  position: relative;
}

.pageheader--home {
  position: relative;
  background-color: #005758;
  margin-bottom: 0;
  height: 115vh;
  overflow: hidden;
}

@media only screen and (min-width: 700px) {
  .pageheader--home {
    height: 100vh;
  }
}

.pageheader--home .pageheader__wrap {
  position: relative;
  width: 100%;
  height: 100vh;
  -webkit-animation: moveup 1500ms cubic-bezier(0.65, 0, 0.35, 1) 2000ms forwards;
  -moz-animation: moveup 1500ms cubic-bezier(0.65, 0, 0.35, 1) 2000ms forwards;
  animation: moveup 1500ms cubic-bezier(0.65, 0, 0.35, 1) 2000ms forwards;
}

.pageheader--home .rotate {
  -webkit-animation: rotation 1000ms infinite linear, fadeout 2000ms;
  -moz-animation: rotation 1000ms infinite linear, fadeout 2000ms;
  animation: rotation 1000ms infinite linear, fadeout 2000ms;
  z-index: 2;
  position: relative;
}

.pageheader--home .box {
  z-index: 5;
  width: 90%;
  max-width: 660px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-animation: shrink 1s 2000ms cubic-bezier(0.65, 0, 0.35, 1) forwards;
  -moz-animation: shrink 1s 2000ms cubic-bezier(0.65, 0, 0.35, 1) forwards;
  animation: shrink 1s 2000ms cubic-bezier(0.65, 0, 0.35, 1) forwards;
}

@media only screen and (min-width: 700px) {
  .pageheader--home .box {
    width: 80%;
  }
}

.pageheader--home .box .rotate {
  position: absolute;
  top: -68px;
  width: 136px;
  height: 136px;
  opacity: 0;
}

@media only screen and (min-width: 700px) {
  .pageheader--home .box .rotate {
    top: -100px;
    width: 201px;
    height: 201px;
  }
}

@media only screen and (min-width: 1200px) {
  .pageheader--home .box .rotate {
    top: -120px;
    width: 241px;
    height: 241px;
  }
}

.pageheader--home .box__container {
  width: 100%;
  padding: calc(1rem + 50px) 1.5rem 1rem;
  opacity: 0;
  -webkit-animation: fadein 1s 2700ms cubic-bezier(0.65, 0, 0.35, 1) forwards;
  -moz-animation: fadein 1s 2700ms cubic-bezier(0.65, 0, 0.35, 1) forwards;
  animation: fadein 1s 2700ms cubic-bezier(0.65, 0, 0.35, 1) forwards;
  -webkit-box-shadow: 0 0 26px 5px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 26px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 26px 5px rgba(0, 0, 0, 0.25);
}

@media only screen and (min-width: 700px) {
  .pageheader--home .box__container {
    padding: calc(2rem + 71px) 2.5rem 2rem;
  }
}

@media only screen and (min-width: 1200px) {
  .pageheader--home .box__container {
    padding: calc(2rem + 91px) 2.5rem 2rem;
  }
}

.pageheader--home .box__container__buttons {
  margin-top: 1.5rem;
}

@media only screen and (min-width: 700px) {
  .pageheader--home .box__container__buttons {
    margin-top: 2.5rem;
  }
}

.pageheader--home__logo {
  width: 100px;
  height: 100px;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #000;
  border-radius: 100%;
  transform: translateY(-50%);
  background-image: url("img/TD SYNNEX_Logo_White.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 75% auto;
}

@media only screen and (min-width: 700px) {
  .pageheader--home__logo {
    width: 142px;
    height: 142px;
  }
}

@media only screen and (min-width: 1200px) {
  .pageheader--home__logo {
    width: 182px;
    height: 182px;
  }
}

.pageheader--home .background,
.pageheader--home .watermark,
.pageheader--home .icons-bg {
  position: absolute;
  background-position: center;
  width: 100%;
  height: 200%;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}

.pageheader--home .background {
  background-color: #1f2a44;
  z-index: 0;
  opacity: 0;
}

.pageheader--home .watermark {
  background-image: url("../tech-data/img/underlays.svg");
  background-size: cover;
  z-index: 3;
}

.pageheader--home .icons-bg {
  background-image: url("../tech-data/img/home-icon-background.png");
  background-size: 100% auto;
  z-index: 3;
  position: absolute;
  animation: expand 1s cubic-bezier(0.65, 0, 0.35, 1) 1000ms,
    fadein 0.8s cubic-bezier(0.65, 0, 0.35, 1) 1000ms;
  animation-fill-mode: forwards;
  opacity: 0;
}

.pageheader--home .vendor__logos__fullwidth {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}

.pageheader--articles .pageheader__featured__news__title {
  position: absolute;
  top: 2.5em;
  right: calc(-2.75rem + 0.75em);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: bottom;
  -moz-transform-origin: bottom;
  transform-origin: bottom;
  display: block;
  background: #fff;
  color: #1f2a44;
  height: 2.75rem;
  box-sizing: border-box;
  text-align: center;
  padding: 0.5em 0.5em;
}

@media only screen and (min-width: 550px) {
  .pageheader--articles .pageheader__featured__news__title {
    right: calc(-2.75rem + 1em);
  }
}

@media only screen and (min-width: 700px) {
  .pageheader--articles .pageheader__featured__news__title {
    right: calc(-2.75rem + 1.15em);
  }
}

@media only screen and (min-width: 1000px) {
  .pageheader--articles .pageheader__featured__news__title {
    right: calc(-2.75rem + 1.2em);
  }
}

@media only screen and (min-width: 1200px) {
  .pageheader--articles .pageheader__featured__news__title {
    right: calc(-2.75rem + 1.2em);
  }
}

@media only screen and (min-width: 1400px) {
  .pageheader--articles .pageheader__featured__news__title {
    right: calc(-2.75rem + 1.2em);
  }
}

@media only screen and (min-width: 1600px) {
  .pageheader--articles .pageheader__featured__news__title {
    right: calc(-2.75rem + 1.2em);
  }
}

.pageheader--articles .row--carousel .owl-carousel .owl-stage-outer {
  z-index: 2;
}

.pageheader--articles .row--carousel .owl-carousel .owl-nav {
  z-index: 3;
  position: absolute;
  top: 8em;
  right: calc(-2.75rem + 0.75em);
  margin: 0;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  transform: translateY(0);
}

@media only screen and (min-width: 550px) {
  .pageheader--articles .row--carousel .owl-carousel .owl-nav {
    right: calc(-2.75rem + 1em);
  }
}

@media only screen and (min-width: 700px) {
  .pageheader--articles .row--carousel .owl-carousel .owl-nav {
    right: calc(-2.75rem + 1.15em);
  }
}

@media only screen and (min-width: 1000px) {
  .pageheader--articles .row--carousel .owl-carousel .owl-nav {
    right: calc(-2.75rem + 1.2em);
  }
}

@media only screen and (min-width: 1200px) {
  .pageheader--articles .row--carousel .owl-carousel .owl-nav {
    right: calc(-2.75rem + 1.2em);
  }
}

@media only screen and (min-width: 1400px) {
  .pageheader--articles .row--carousel .owl-carousel .owl-nav {
    right: calc(-2.75rem + 1.2em);
  }
}

@media only screen and (min-width: 1600px) {
  .pageheader--articles .row--carousel .owl-carousel .owl-nav {
    right: calc(-2.75rem + 1.2em);
  }
}

.pageheader--articles .row--carousel .owl-carousel .owl-nav button {
  display: block;
  background: #fff;
  color: #1f2a44;
  margin: 0.25em 0;
}

.pageheader--articles .row--carousel .owl-carousel .owl-nav button:hover {
  background: rgba(255, 255, 255, 0.5);
}

.pageheader--articles .subjects__wrapper .row {
  margin: 0;
}

.pageheader--articles .subjects__wrapper .col {
  border-bottom: 1px solid rgba(0, 87, 88, 0.5);
}

@media only screen and (min-width: 1200px) {
  .pageheader--articles .subjects__wrapper .col:nth-child(odd) {
    border-right: 1px solid rgba(0, 87, 88, 0.5);
  }
}

.pageheader--articles .subjects__wrapper .subject {
  margin: 0.75em 0;
}

.pageheader--articles .post {
  background: #fff;
  color: #1f2a44;
}

.pageheader--articles .post:hover {
  box-shadow: none !important;
}

.pageheader--articles .posts--latest {
  margin-bottom: -9em;
}

@media only screen and (min-width: 1200px) {
  .pageheader--articles .posts--latest {
    margin-bottom: -15em;
  }
}

/*  ==========================================================================
	content -- layout/layout.scss
	========================================================================== */
.contentarea h1,
.contentarea h2,
.contentarea h3,
.contentarea h4,
.contentarea h5,
.contentarea h6 {
  margin-top: 1.5em;
}

.contentarea .aligncenter {
  margin: 0 auto;
  display: block;
}

.contentarea .alignleft,
.contentarea .alignright {
  margin-bottom: 1em;
}

.contentarea .alignleft {
  float: left;
  margin-right: 1em;
}

.contentarea .alignright {
  float: right;
  margin-left: 1em;
}

.contentarea .alignnone {
  width: 100% !important;
  height: auto;
  margin: 1.5em 0;
}

@media only screen and (min-width: 550px) {
  .contentarea .alignnone {
    margin: 2em 0;
  }
}

.contentarea .alignnone img {
  width: 100%;
}

.contentarea .wp-caption.aligncenter {
  margin-bottom: 0;
}

.contentarea .wp-caption .wp-caption-text {
  color: #888;
  font-size: 14px;
}

@media only screen and (min-width: 550px) {
  .contentarea .wp-caption .wp-caption-text {
    font-size: 14px;
  }
}

@media only screen and (min-width: 700px) {
  .contentarea .wp-caption .wp-caption-text {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1000px) {
  .contentarea .wp-caption .wp-caption-text {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) {
  .contentarea .wp-caption .wp-caption-text {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1400px) {
  .contentarea .wp-caption .wp-caption-text {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1600px) {
  .contentarea .wp-caption .wp-caption-text {
    font-size: 15px;
  }
}

.contentarea ol,
.contentarea ul {
  margin-left: 1.2rem;
}

.contentarea ol strong,
.contentarea ol b,
.contentarea ul strong,
.contentarea ul b {
  font-weight: 600;
}

@media only screen and (min-width: 550px) {

  .contentarea ol,
  .contentarea ul {
    margin-left: 3rem;
  }
}

.contentarea ul {
  list-style: none;
}

.contentarea ul li {
  position: relative;
  margin-bottom: 1em;
}

.contentarea ul li:before {
  content: "\f054";
  font-family: "Font Awesome 5 Pro";
  font-size: 0.65em;
  top: 0.4em;
  position: absolute;
  left: -1.2rem;
  color: rgba(31, 42, 68, 0.66);
}

@media only screen and (min-width: 550px) {
  .contentarea ul li:before {
    left: -1.8rem;
  }
}

.contentarea ol {
  list-style: none;
  counter-reset: item;
}

.contentarea ol li {
  margin-bottom: 0.75em;
  counter-increment: item;
  position: relative;
}

.contentarea ol li:before {
  content: counter(item);
  top: 0.07em;
  text-align: center;
  left: -1.2rem;
  position: absolute;
  font-weight: 600;
  color: rgba(31, 42, 68, 0.5);
}

@media only screen and (min-width: 550px) {
  .contentarea ol li:before {
    left: -1.8rem;
  }
}

/*  ==========================================================================
	Video Embed styling -- layout/layout.scss
	========================================================================== */
.embedwrapper {
  position: relative;
  margin: 1.5em 0;
}

@media only screen and (min-width: 550px) {
  .embedwrapper {
    margin: 2em 0;
  }
}

.embedwrapper--video {
  padding: 56.25% 0 0;
}

.embedwrapper--video iframe {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

/*  ==========================================================================
	tiles -- layout/layout.scss
	========================================================================== */
.tile {
  height: 100%;
}

.tile .tile__body {
  padding: 1em;
  box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Everett Regular", sans-serif, sans-serif;
}

/*  ==========================================================================
	pagetile -- layout/layout.scss
	========================================================================== */
.pagetile .pagetile__img {
  padding-top: 80%;
  -webkit-transition: border-color cubic-bezier(0.33, 1, 0.68, 1) 150ms 0ms,
    box-shadow cubic-bezier(0.33, 1, 0.68, 1) 150ms 0ms;
  -moz-transition: border-color cubic-bezier(0.33, 1, 0.68, 1) 150ms 0ms,
    box-shadow cubic-bezier(0.33, 1, 0.68, 1) 150ms 0ms;
  transition: border-color cubic-bezier(0.33, 1, 0.68, 1) 150ms 0ms,
    box-shadow cubic-bezier(0.33, 1, 0.68, 1) 150ms 0ms;
}

.pagetile:hover .pagetile__img {
  box-shadow: 0 0 50px rgba(0, 87, 88, 0.5);
}

/*  ==========================================================================
	pagetile -- layout/layout.scss
	========================================================================== */
.producttile .producttile__img {
  border: solid 1px #d9d9d6;
  -webkit-transition: border-color cubic-bezier(0.33, 1, 0.68, 1) 150ms 0ms,
    box-shadow cubic-bezier(0.33, 1, 0.68, 1) 150ms 0ms;
  -moz-transition: border-color cubic-bezier(0.33, 1, 0.68, 1) 150ms 0ms,
    box-shadow cubic-bezier(0.33, 1, 0.68, 1) 150ms 0ms;
  transition: border-color cubic-bezier(0.33, 1, 0.68, 1) 150ms 0ms,
    box-shadow cubic-bezier(0.33, 1, 0.68, 1) 150ms 0ms;
}

.producttile:hover .producttile__img {
  border-color: #005758;
  box-shadow: 0 0 50px rgba(0, 87, 88, 0.5);
}

/*  ==========================================================================
	servicetile -- layout/layout.scss
	========================================================================== */
.servicetile {
  border: solid 1px #d9d9d6;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
}

.servicetile:hover {
  border-color: #005758;
  box-shadow: 0 0 50px rgba(0, 87, 88, 0.5);
}

.servicetile .tile__body {
  padding-bottom: 2em;
}

/*  ==========================================================================
	vendortile -- layout/layout.scss
	========================================================================== */
.vendors {
  overflow: visible !important;
}

.vendors .vendor__col__sizer {
  z-index: -1;
}

.vendortile {
  border: solid 1px #d9d9d6;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
  -webkit-transition: border-color cubic-bezier(0.33, 1, 0.68, 1) 150ms 0ms,
    box-shadow cubic-bezier(0.33, 1, 0.68, 1) 150ms 0ms;
  -moz-transition: border-color cubic-bezier(0.33, 1, 0.68, 1) 150ms 0ms,
    box-shadow cubic-bezier(0.33, 1, 0.68, 1) 150ms 0ms;
  transition: border-color cubic-bezier(0.33, 1, 0.68, 1) 150ms 0ms,
    box-shadow cubic-bezier(0.33, 1, 0.68, 1) 150ms 0ms;
}

.vendortile:hover {
  border-color: #005758;
  box-shadow: 0 0 50px rgba(0, 87, 88, 0.5);
}

.vendortile .tile__body {
  padding-bottom: 2em;
}

.vendortile .vendortileimg {
  padding: 15% 20%;
  box-sizing: border-box;
  margin: 0 auto;
}

.vendortile .vendortileimg__img {
  padding-top: 100%;
  background-size: contain;
  -webkit-transition: border-color cubic-bezier(0.33, 1, 0.68, 1) 150ms 0ms,
    box-shadow cubic-bezier(0.33, 1, 0.68, 1) 150ms 0ms;
  -moz-transition: border-color cubic-bezier(0.33, 1, 0.68, 1) 150ms 0ms,
    box-shadow cubic-bezier(0.33, 1, 0.68, 1) 150ms 0ms;
  transition: border-color cubic-bezier(0.33, 1, 0.68, 1) 150ms 0ms,
    box-shadow cubic-bezier(0.33, 1, 0.68, 1) 150ms 0ms;
}

.vendortileimg:not(:has(.mediaimg))::after {
  content: '';
  display: block;
  padding-top: 100%;
}

/*  ==========================================================================
	solutiontile -- layout/layout.scss
	========================================================================== */
.solutiontile {
  border: solid 1px #d9d9d6;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
}

.solutiontile:hover {
  border-color: #005758;
  box-shadow: 0 0 50px rgba(0, 87, 88, 0.5);
}

.solutiontile .tile__body {
  padding-bottom: 2em;
}

/*  ==========================================================================
	icontile (service and solutions -- layout/layout.scss
	========================================================================== */
.icontileimg {
  padding: 3em;
  max-width: 200px;
  box-sizing: border-box;
  margin: 0 auto;
}

.icontileimg .icontileimg__img {
  padding-top: 100%;
  background-size: contain;
  -webkit-transition: border-color cubic-bezier(0.33, 1, 0.68, 1) 150ms 0ms,
    box-shadow cubic-bezier(0.33, 1, 0.68, 1) 150ms 0ms;
  -moz-transition: border-color cubic-bezier(0.33, 1, 0.68, 1) 150ms 0ms,
    box-shadow cubic-bezier(0.33, 1, 0.68, 1) 150ms 0ms;
  transition: border-color cubic-bezier(0.33, 1, 0.68, 1) 150ms 0ms,
    box-shadow cubic-bezier(0.33, 1, 0.68, 1) 150ms 0ms;
}

/*  ==========================================================================
	posts -- layout/layout.scss
	========================================================================== */
.post {
  position: relative;
  border: solid 1px #d9d9d6;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
  -webkit-transition: border-color cubic-bezier(0.33, 1, 0.68, 1) 150ms 0ms,
    box-shadow cubic-bezier(0.33, 1, 0.68, 1) 150ms 0ms;
  -moz-transition: border-color cubic-bezier(0.33, 1, 0.68, 1) 150ms 0ms,
    box-shadow cubic-bezier(0.33, 1, 0.68, 1) 150ms 0ms;
  transition: border-color cubic-bezier(0.33, 1, 0.68, 1) 150ms 0ms,
    box-shadow cubic-bezier(0.33, 1, 0.68, 1) 150ms 0ms;
  cursor: pointer;
  display: flex;
  flex-direction: column;
}

.post>* {
  position: relative;
}

.post .post__link {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}

.post .post__imgcontainer .tile__body {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*display: flex;*/
  display: none;
  flex-direction: column;
}

.post .post__imgcontainer .tile__body .post__vendor {
  flex-grow: 1;
}

.post .post__imgcontainer .post__img {
  padding-top: 80%;
}

.post .post__categories {
  position: absolute;
  bottom: 1rem;
  margin-right: 1rem;
  z-index: 5;
}

.post .post__vendor .post__vendorlogo {
  padding: 1.25em 0 0;
  width: 45%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
}

.post .post__categories {
  position: absolute;
  bottom: 1rem;
  padding-right: 1rem;
  z-index: 5;
}

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

.post .post__content .post__heading {
  margin: 0 0 0.5em;
  line-height: 1.2;
}

.post--noimg .post__content {
  padding-top: 15%;
}

.post:hover {
  border-color: #005758;
  box-shadow: 0 0 50px rgba(0, 87, 88, 0.5);
}

.posts--latest .post:hover {
  box-shadow: none;
}

/*  ==========================================================================
	paging -- layout/layout.scss
	========================================================================== */
.paging--default {
  position: relative;
}

@media only screen and (min-width: 700px) {
  .paging--default {
    border-bottom: solid 1px rgba(31, 42, 68, 0.35);
    border-top: solid 1px rgba(31, 42, 68, 0.35);
  }
}

.paging--default .paging__numbers {
  display: none;
}

@media only screen and (min-width: 700px) {
  .paging--default .paging__numbers {
    display: block;
  }
}

.paging--default .paging__numbers a,
.paging--default .paging__numbers span {
  padding: 2em 1em;
  border: none;
  display: block;
  float: left;
  min-width: 1.4em;
  text-align: center;
  font-weight: 600;
  opacity: 0.5;
  -ms-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.paging--default .paging__numbers a:hover,
.paging--default .paging__numbers span:hover {
  opacity: 1;
}

.paging--default .paging__numbers .current {
  opacity: 1;
}

.paging--default .paging__nextprev {
  text-align: center;
  padding: 0.5em;
}

@media only screen and (min-width: 700px) {
  .paging--default .paging__nextprev {
    position: absolute;
    padding: 0;
    right: 0;
    top: 50%;
    margin-top: -1.7em;
  }
}

.paging--default .paging__nextprev .btn {
  margin: 0;
}

.paging--default .paging__nextprev .paging__link--next .btn {
  margin-left: 0.75em;
}

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

/*  ==========================================================================
	Search results page -- layout/layout.scss
	========================================================================== */
.searchform .searchform__input {
  position: relative;
  overflow-x: hidden;
}

.searchform .searchform__input input {
  background: none;
  padding-right: 4em;
  position: relative;
  z-index: 1;
  border: 0 !important;
  background-color: rgba(31, 42, 68, 0.1);
  font-weight: 300;
  font-size: 14px;
  padding: 1.57em;
  border-radius: 4px;
  width: 100%;
}

.searchform .searchform__input input:focus {
  border: 0 !important;
}

.searchform .searchform__input .searchform__submit {
  height: 100%;
  width: 3.75em;
  border: none;
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  background: none;
  text-align: center;
  border-radius: 0 4px 4px 0;
  background: #005758;
  color: #fff;
  -webkit-transition: all ease 0.3;
  -moz-transition: all ease 0.3;
  transition: all ease 0.3;
  -ms-transition: all ease 0.3;
}

.searchform .searchform__input .searchform__submit span {
  font-weight: 700;
  font-size: 18px;
}

.searchform .searchform__input .searchform__submit:hover {
  background: #005758;
  color: #fff;
}

.searchform--mobile {
  margin: 0 1.25em;
}

.searchform--mobile .searchform__input input {
  background-color: #eee;
  border-radius: 4px;
  border: 0;
  padding: 1.45em;
}

.searchform--mobile .searchform__input .searchform__submit {
  background-color: #005758;
  margin: 0;
  height: 98%;
  font-size: 12px;
  width: 100px;
  border-radius: 0 4px 4px 0;
}

/*  ==========================================================================
	Grid Carousels -- layout/layout.scss
	========================================================================== */
.row--carousel {
  margin-bottom: 0;
}

.row--carousel .owl-carousel .col {
  width: 100%;
  margin-bottom: 0;
}

.row--carousel .owl-carousel .owl-nav {
  position: absolute;
  top: -1.25rem;
  right: 0;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  transform: translateY(-100%);
  margin-right: 0.75em;
}

@media only screen and (min-width: 550px) {
  .row--carousel .owl-carousel .owl-nav {
    margin-right: 1em;
  }
}

@media only screen and (min-width: 700px) {
  .row--carousel .owl-carousel .owl-nav {
    margin-right: 1.15em;
  }
}

@media only screen and (min-width: 1000px) {
  .row--carousel .owl-carousel .owl-nav {
    margin-right: 1.2em;
  }
}

@media only screen and (min-width: 1200px) {
  .row--carousel .owl-carousel .owl-nav {
    margin-right: 1.2em;
  }
}

@media only screen and (min-width: 1400px) {
  .row--carousel .owl-carousel .owl-nav {
    margin-right: 1.2em;
  }
}

@media only screen and (min-width: 1600px) {
  .row--carousel .owl-carousel .owl-nav {
    margin-right: 1.2em;
  }
}

.row--carousel .owl-carousel .owl-nav .owl-next,
.row--carousel .owl-carousel .owl-nav .owl-prev {
  position: relative;
  border-radius: 0;
  width: 2.75rem;
  height: 2.75rem;
}

.row--carousel .owl-carousel .owl-nav .owl-next span,
.row--carousel .owl-carousel .owl-nav .owl-prev span {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 2em;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.row--carousel .owl-carousel .owl-nav .owl-next:focus,
.row--carousel .owl-carousel .owl-nav .owl-prev:focus {
  outline: none;
}

.row--carousel .owl-carousel .owl-nav .owl-next.disabled,
.row--carousel .owl-carousel .owl-nav .owl-prev.disabled {
  opacity: 0.25;
}

.row--carousel .owl-carousel .owl-nav .owl-prev {
  border-right: 1px solid rgba(31, 42, 68, 0.35);
}

/*  ==========================================================================
	Promotions Carousel Single - layout/layout.scss
	========================================================================== */
.promotion-single {
  background-size: cover;
  background-position: center;
  position: relative;
  padding-top: 80%;
  min-height: 30px;
}

@media only screen and (min-width: 550px) {
  .promotion-single {
    padding-top: 53%;
    min-height: initial;
  }
}

@media only screen and (min-width: 1000px) {
  .promotion-single {
    padding-top: 83%;
  }
}

@media only screen and (min-width: 1200px) {
  .promotion-single {
    padding-top: 71%;
  }
}

.promotions .promotion-single {
  padding-top: 100%;
}

@media only screen and (min-width: 1000px) {
  .promotions .promotion-single {
    padding-top: 83%;
  }
}

@media only screen and (min-width: 1200px) {
  .promotions .promotion-single {
    padding-top: 71%;
  }
}

.promotion-single a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.promotion-single__logo {
  width: 95px !important;
  height: 2em;
  position: absolute;
  top: 1em;
  left: 1em;
}

.promotion-single__content {
  position: absolute;
  top: 50%;
  left: 1em;
}

@media only screen and (min-width: 1200px) {
  .promotion-single__content {
    max-width: 75%;
  }
}

.promotion-single__heading {
  max-width: 470px;
}

@media only screen and (min-width: 1200px) {
  .promotion-single__heading {
    padding-right: 30px;
  }
}

.promotion-single--one {
  padding: 15em 8% 8%;
  align-content: flex-end;
  position: relative;
}

.promotion-single--one .promotion-single__logo {
  max-width: 80px;
}

.promotion-single--one .promotion-single__subheading {
  width: 100%;
}

.promotion-single--one .promotion-single__heading {
  max-width: 600px;
  margin-bottom: 0;
}

/*  ==========================================================================
	Promotions Archive - layout/layout.scss
	========================================================================== */
.promotions .promotion {
  background-size: cover;
  background-position: center;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.promotions .promotion__logo {
  width: 95px !important;
  height: 2em;
  position: absolute;
  top: 1em;
  left: 1em;
  z-index: 2;
}

.promotions .promotion__image__wrapper {
  padding-top: 75%;
  position: relative;
}

.promotions .promotion__content {
  padding: 1em 1em 2em;
  flex: 2;
  min-height: 40px;
}

/*  ==========================================================================
	Vendor Logo - layout/layout.scss
	========================================================================== */
.vendor__logos {
  border: 1px solid rgba(0, 87, 88, 0.5);
  padding: 1em;
  box-sizing: border-box;
}

.vendor__logos:not(.vendor__logos--full) {
  border-left: none;
}

/*  ==========================================================================
	Filters -- layout/layout.scss
	========================================================================== */
#filtered {
  display: block;
  position: absolute;
  top: -6em;
  visibility: hidden;
}

.search__filters {
  border-top: 1px solid rgba(0, 87, 88, 0.5);
  border-bottom: 1px solid rgba(0, 87, 88, 0.5);
  box-sizing: border-box;
  padding: 1.25em 1em;
  z-index: 5;
}

.search__filters .filter__title {
  cursor: pointer;
}

@media only screen and (min-width: 700px) {
  .search__filters .filter__title {
    cursor: auto;
  }
}

.search__filters .filter__title span:before {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
  margin-left: 0.5em;
  display: inline-block;
}

@media only screen and (min-width: 700px) {
  .search__filters .filter__title span:before {
    content: ":";
    font-family: inherit;
    margin-left: 0;
  }
}

.search__filters .filter__title--clicked span:before {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.search__filters .filter__options {
  list-style: none;
  height: 0;
  box-sizing: border-box;
  margin: 0;
  overflow: hidden;
}

@media only screen and (min-width: 700px) {
  .search__filters .filter__options {
    height: auto;
    text-align: center;
    overflow: visible;
  }
}

.search__filters .filter__options li {
  cursor: pointer;
  padding: 0 0.5em;
  z-index: 6;
  position: relative;
}

@media only screen and (min-width: 700px) {
  .search__filters .filter__options li {
    display: inline-block;
  }
}

.search__filters .filter__options li.active {
  border-bottom: 1px solid #005758;
}

.search__filters .filter__options--open {
  padding: 0.25em 0;
  height: auto;
  overflow: visible;
}

.search__filters .filter__search__container {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 20px;
  overflow: hidden;
  text-align: right;
  align-items: center;
  flex-direction: row;
  -webkit-transition: width 150ms cubic-bezier(0.33, 1, 0.68, 1) 0s;
  -moz-transition: width 150ms cubic-bezier(0.33, 1, 0.68, 1) 0s;
  transition: width 150ms cubic-bezier(0.33, 1, 0.68, 1) 0s;
}

.search__filters .filter__search__container--open {
  width: 225px;
}

.search__filters .filter__search__toggle {
  padding: 0 0.5em 0 0;
  cursor: pointer;
}

.search__filters .filter__search__toggle .filters__group {
  width: 100%;
}

.search__filters .row .col:nth-child(2) {
  order: 3;
}

@media only screen and (min-width: 700px) {
  .search__filters .row .col:nth-child(2) {
    order: 2;
  }
}

.search__filters .row .col:last-child {
  order: 2;
}

@media only screen and (min-width: 700px) {
  .search__filters .row .col:last-child {
    order: 3;
  }
}

.filterbar__form {
  display: none;
  opacity: 0;
  visibility: hidden;
}

.filterbar ul {
  text-align: center;
  margin: auto;
}

.filterbar .filterbar__filterdropdown {
  padding: 0.75em 0.5em !important;
  z-index: 6;
}

.filterbar .filterbar__filterdropdown:not(:last-child) {
  border-bottom: 1px solid rgba(0, 87, 88, 0.5);
}

@media only screen and (min-width: 700px) {
  .filterbar .filterbar__filterdropdown {
    padding: 0em 0.5em !important;
  }

  .filterbar .filterbar__filterdropdown:not(:last-child) {
    border-bottom: none;
  }
}

.filterbar .filterbar__filterdropdown:after {
  content: "";
  height: 6px;
  width: 100%;
  background-color: transparent;
  position: absolute;
  bottom: -0.5em;
  left: 0;
  opacity: 0;
  -ms-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

@media only screen and (min-width: 700px) {
  .filterbar .filterbar__filterdropdown:after {
    bottom: -1.5em;
  }
}

.filterbar .filterbar__filterdropdown span {
  position: relative;
  display: block;
}

@media only screen and (min-width: 700px) {
  .filterbar .filterbar__filterdropdown span:after {
    position: absolute;
    left: 0;
    right: 0;
    content: "\f078";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    color: #005758;
    bottom: -17px;
    font-size: 10px;
    text-align: center;
    -ms-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
  }
}

.filterbar .filterbar__filterdropdown .filterbar__filterdropdown__submenu {
  opacity: 0;
  visibility: hidden;
  display: none;
  min-width: 200px;
  background: #fff;
  border: 1px solid rgba(31, 42, 68, 0.35);
  box-sizing: border-box;
  text-align: center;
  -ms-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  z-index: 7;
  margin-top: 1.5em;
  max-height: 500px;
  overflow-x: scroll;
}

@media only screen and (min-width: 700px) {
  .filterbar .filterbar__filterdropdown .filterbar__filterdropdown__submenu {
    display: block;
    position: absolute;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, 0%);
  }
}

.filterbar .filterbar__filterdropdown .filterbar__filterdropdown__submenu li {
  display: block;
  cursor: pointer;
  padding: 1em 0.75em;
}

.filterbar .filterbar__filterdropdown .filterbar__filterdropdown__submenu li.selected {
  background: rgba(0, 87, 88, 0.5);
}

.filterbar .filterbar__filterdropdown .filterbar__filterdropdown__submenu li:hover {
  background: rgba(0, 87, 88, 0.5);
}

.filterbar .filterbar__filterdropdown:hover:after {
  background-color: #005758;
  opacity: 1;
}

.filterbar .filterbar__filterdropdown:hover span:after {
  opacity: 0;
}

.filterbar .filterbar__filterdropdown:hover .filterbar__filterdropdown__submenu {
  display: block;
  opacity: 1;
  visibility: visible;
}

/*  ==========================================================================
	Resource Filter Dropdown -- layout/layout.scss
	========================================================================== */
.resources__filter {
  border-top: 1px solid rgba(0, 87, 88, 0.5);
  border-bottom: 1px solid rgba(0, 87, 88, 0.5);
  margin-bottom: 2em;
  position: relative;
}

.resources__filter__menu:hover li::before {
  opacity: 0;
}

.resources__filter__menu:hover~.resources__filter__dropdown {
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
}

.resources__filter__menu li {
  position: relative;
  padding: 1em 0;
}

.resources__filter__menu li:before {
  content: "\f078";
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  bottom: 0.3rem;
  left: 50%;
  font-size: 12px;
  margin-right: -50%;
  transform: translate(-50%, 0%);
  color: #005758;
  -ms-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.resources__filter__dropdown {
  position: absolute;
  bottom: -50px;
  margin: 0 auto;
  width: 100%;
  background-color: #fff;
  z-index: 3;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  -ms-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.resources__filter__dropdown .col {
  padding: 1rem 1rem 0;
}

.resources__filter__dropdown .col:not(:last-child) {
  border-right: 1px solid #dbeafe;
}

.resources__filter__dropdown .col h5 {
  margin-bottom: 1em;
}

/*  ==========================================================================
	Search results page -- layout/layout.scss
	========================================================================== */
.search#body .pageheader__body .col {
  display: block;
}

/*  ==========================================================================
	Contact Page - layout/layout.scss
	========================================================================== */
.main--contactpage .bd .module__bd {
  margin: 0;
  max-width: 100%;
}

.main--contactpage .bd .col--content--wide {
  width: 100%;
}

.main--contactpage.color-white .mktForm-gdpr-consent,
.pageheader--post.pageheader--full .main--contactpage.contentarea .mktForm-gdpr-consent {
  color: #fff !important;
}

.main--contactpage.color-white .mktoForm .mktoRadioList>label,
.pageheader--post.pageheader--full .main--contactpage.contentarea .mktoForm .mktoRadioList>label,
.main--contactpage.color-white .mktoForm .mktoCheckboxList>label,
.pageheader--post.pageheader--full .main--contactpage.contentarea .mktoForm .mktoCheckboxList>label {
  color: #fff !important;
}

.main--contactpage .contact__row .col__navigation {
  order: 1;
}

@media only screen and (max-width: 699px) {
  .main--contactpage .contact__row .col__navigation {
    padding: 0;
  }
}

.main--contactpage .contact__row .col__content {
  order: 2;
}

.main--contactpage .contact__row .col__sidebar {
  order: 0;
}

@media only screen and (min-width: 700px) {
  .main--contactpage .contact__row .col__navigation {
    order: 1;
  }

  .main--contactpage .contact__row .col__content {
    order: 2;
  }

  .main--contactpage .contact__row .col__sidebar {
    order: 3;
  }
}

.main--contactpage .contact__navigation {
  border-top: 1px solid rgba(0, 87, 88, 0.5);
  margin-bottom: 0;
}

.main--contactpage .contact__navigation li {
  border-bottom: 1px solid rgba(0, 87, 88, 0.5);
  border-left: 1px solid rgba(0, 87, 88, 0.5);
  border-right: 1px solid rgba(0, 87, 88, 0.5);
  padding: 1em 1em;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.1);
}

@media only screen and (min-width: 700px) {
  .main--contactpage .contact__navigation li {
    border-right: none;
  }
}

.main--contactpage .contact__navigation li.current {
  background: #1f2a44;
  border-right: 1px solid rgba(0, 87, 88, 0.5);
  position: relative;
}

@media only screen and (min-width: 700px) {
  .main--contactpage .contact__navigation li.current {
    border-right: 1px solid #1f2a44;
  }
}

.main--contactpage .contact__navigation li.current:after {
  width: 2px;
  background: #1f2a44;
  position: absolute;
  right: -2px;
  top: 0;
  bottom: 0;
}

@media only screen and (min-width: 700px) {
  .main--contactpage .contact__navigation li.current:after {
    content: "";
  }
}

.main--contactpage .col__content {
  border: 1px solid rgba(0, 87, 88, 0.5);
  padding-top: 0.75em;
  padding-bottom: 0.75em;
}

@media only screen and (min-width: 550px) {
  .main--contactpage .col__content {
    padding-top: 1em;
    padding-bottom: 1em;
  }
}

@media only screen and (min-width: 700px) {
  .main--contactpage .col__content {
    padding-top: 1.15em;
    padding-bottom: 1.15em;
  }
}

@media only screen and (min-width: 1000px) {
  .main--contactpage .col__content {
    padding-top: 1.2em;
    padding-bottom: 1.2em;
  }
}

@media only screen and (min-width: 1200px) {
  .main--contactpage .col__content {
    padding-top: 1.2em;
    padding-bottom: 1.2em;
  }
}

@media only screen and (min-width: 1400px) {
  .main--contactpage .col__content {
    padding-top: 1.2em;
    padding-bottom: 1.2em;
  }
}

@media only screen and (min-width: 1600px) {
  .main--contactpage .col__content {
    padding-top: 1.2em;
    padding-bottom: 1.2em;
  }
}

/*  ==========================================================================
Contact Accordion
	========================================================================== */
.contact__accordion {
  padding: 0 1em;
}

.contact__accordion .accordion__wrapper {
  border-top: rgba(0, 87, 88, 0.5);
  border-bottom: rgba(0, 87, 88, 0.5);
}

.contact__accordion .accordion__item {
  display: block;
  position: relative;
}

.contact__accordion .accordion__item .accordion__question {
  border-top: 1px solid rgba(0, 87, 88, 0.5);
  margin: 0;
  padding: 1.3em 3em 1.3em 0em;
  position: relative;
  cursor: pointer;
}

.contact__accordion .accordion__item .accordion__question:hover {
  color: #005758;
}

.contact__accordion .accordion__item .accordion__question .accordion__icon {
  position: absolute;
  top: calc((100% - 26px) / 2);
  right: 1em;
  display: block;
  line-height: 1.2;
  -webkit-transition: transform 150ms cubic-bezier(0.33, 1, 0.68, 1) 0s;
  -moz-transition: transform 150ms cubic-bezier(0.33, 1, 0.68, 1) 0s;
  transition: transform 150ms cubic-bezier(0.33, 1, 0.68, 1) 0s;
}

.contact__accordion .accordion__item .accordion__answer {
  height: 0;
  overflow: visible;
  opacity: 0;
  -webkit-transform: translate(0, -1em);
  -moz-transform: translate(0, -1em);
  transform: translate(0, -1em);
  -webkit-transition: height 0ms linear 260ms,
    opacity 150ms cubic-bezier(0.33, 1, 0.68, 1),
    transform 150ms cubic-bezier(0.33, 1, 0.68, 1);
  -moz-transition: height 0ms linear 260ms,
    opacity 150ms cubic-bezier(0.33, 1, 0.68, 1),
    transform 150ms cubic-bezier(0.33, 1, 0.68, 1);
  transition: height 0ms linear 260ms,
    opacity 150ms cubic-bezier(0.33, 1, 0.68, 1),
    transform 150ms cubic-bezier(0.33, 1, 0.68, 1);
}

.contact__accordion .accordion__item .accordion__answer .inner {
  margin: 0;
  padding: 0em;
}

.contact__accordion .accordion__item .accordion__answer .inner .accordion__answer__contacts {
  min-height: 85px;
  box-sizing: border-box;
}

.contact__accordion .accordion__item .accordion__answer .inner .accordion__answer__contacts:nth-child(odd) {
  background-color: rgba(0, 0, 0, 0.1);
}

.contact__accordion .accordion__item .accordion__answer .inner .accordion__answer__contacts .linkline {
  border-color: #005758;
}

.contact__accordion .accordion__item--open .accordion__question .accordion__icon {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.contact__accordion .accordion__item--open .accordion__answer {
  -webkit-transition: height 0ms linear 0ms,
    opacity 150ms cubic-bezier(0.33, 1, 0.68, 1) 10ms,
    transform 150ms cubic-bezier(0.33, 1, 0.68, 1) 10ms;
  -moz-transition: height 0ms linear 0ms,
    opacity 150ms cubic-bezier(0.33, 1, 0.68, 1) 10ms,
    transform 150ms cubic-bezier(0.33, 1, 0.68, 1) 10ms;
  transition: height 0ms linear 0ms,
    opacity 150ms cubic-bezier(0.33, 1, 0.68, 1) 10ms,
    transform 150ms cubic-bezier(0.33, 1, 0.68, 1) 10ms;
  height: auto;
  opacity: 1;
  -webkit-transform: translate(0, 0em);
  -moz-transform: translate(0, 0em);
  transform: translate(0, 0em);
}

/*  ==========================================================================
Contact Accordion
	========================================================================== */
.contact__tiles .tiles__wrapper {
  border-top: 1px solid rgba(0, 87, 88, 0.5);
  border-left: 1px solid rgba(0, 87, 88, 0.5);
  border-right: 1px solid rgba(0, 87, 88, 0.5);
}

.contact__tiles .tiles__wrapper .tile {
  padding: 1.25em;
  border-bottom: 1px solid rgba(0, 87, 88, 0.5);
  box-sizing: border-box;
}

@media only screen and (min-width: 700px) {
  .contact__tiles .tiles__wrapper .col:nth-child(odd) .tile {
    border-right: 1px solid rgba(0, 87, 88, 0.5);
  }
}

/*  ==========================================================================
	Search results page -- layout/layout.scss
	========================================================================== */
.search#body .pageheader__body .col {
  display: block;
}

/*  ==========================================================================
	Vendor Logo Carousel (footer and homepage) -- layout/layout.scss
	========================================================================== */
.vendor__logos__fullwidth {
  background-color: #fff;
  margin-left: 0;
  margin-right: 0;
}

.vendor__logos__fullwidth .owl-carousel .col {
  padding-left: 0;
  padding-right: 0;
}

.vendor__logos__fullwidth__logos {
  overflow: hidden;
}

.vendor__logos__fullwidth__logos .owl-stage-outer {
  overflow: visible;
}

.vendor__logos__fullwidth__logos__logo {
  border: 1px solid rgba(0, 87, 88, 0.5);
  border-left: none;
}

/*  ==========================================================================
	Resource Filter Dropdown -- layout/layout.scss
	========================================================================== */
.resources__filter {
  border-top: 1px solid rgba(0, 87, 88, 0.5);
  border-bottom: 1px solid rgba(0, 87, 88, 0.5);
  margin-bottom: 2em;
  position: relative;
}

.resources__filter__menu:hover li::before {
  opacity: 0;
}

.resources__filter__menu:hover~.resources__filter__dropdown {
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
}

.resources__filter__menu li {
  position: relative;
  padding: 1em 0;
}

.resources__filter__menu li:before {
  content: "\f078";
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  bottom: 0.3rem;
  left: 50%;
  font-size: 12px;
  margin-right: -50%;
  transform: translate(-50%, 0%);
  color: #005758;
  -ms-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.resources__filter__dropdown {
  position: absolute;
  bottom: -50px;
  margin: 0 auto;
  width: 100%;
  background-color: #fff;
  z-index: 3;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  -ms-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.resources__filter__dropdown .col {
  padding: 1rem 1rem 0;
}

.resources__filter__dropdown .col:not(:last-child) {
  border-right: 1px solid #dbeafe;
}

.resources__filter__dropdown .col h5 {
  margin-bottom: 1em;
}

/*  ==========================================================================
	Cookie Banner -- layout/layout.scss
	========================================================================== */
.cli_settings_button {
  text-decoration: none !important;
}

.wt-cli-accept-all-btn,
#wt-cli-privacy-save-btn {
  position: relative;
  background-color: #005758 !important;
  color: #fff;
  border-radius: 5px;
  display: inline-block;
  margin-left: 1em !important;
  cursor: pointer;
  overflow: hidden !important;
  padding: 0.65em 3em !important;
  border: none;
}

.wt-cli-accept-all-btn .linkline,
#wt-cli-privacy-save-btn .linkline {
  position: relative;
  border: none;
  background-image: none;
  z-index: 2;
}

.wt-cli-accept-all-btn:before,
#wt-cli-privacy-save-btn:before {
  content: "";
  position: absolute;
  top: -5%;
  left: -110%;
  width: 104%;
  height: 120%;
  background-color: #005758;
  z-index: 1;
  -webkit-transition: left 300ms cubic-bezier(0.33, 1, 0.68, 1) 0ms;
  -moz-transition: left 300ms cubic-bezier(0.33, 1, 0.68, 1) 0ms;
  transition: left 300ms cubic-bezier(0.33, 1, 0.68, 1) 0ms;
}

.wt-cli-accept-all-btn:hover:before,
#wt-cli-privacy-save-btn:hover:before {
  left: -2%;
}

.cli-plugin-button .linkline {
  border: none;
}

.cli-modal .linkline {
  border: none;
  background-image: none;
}

/*  ==========================================================================
	Header variables
	========================================================================== */
/*  ==========================================================================
	siteheader
	========================================================================== */
.siteheader {
  background: #fff;
  position: fixed;
  left: 0;
  width: 100%;
  z-index: 50;
}

.siteheader--padder {
  position: relative;
  visibility: hidden;
  pointer-events: none;
  z-index: 1;
}

.home .siteheader--padder {
  display: none;
}

.siteheader--padder--subnav {
  position: relative;
  visibility: hidden;
  pointer-events: none;
  z-index: 1;
  height: 7.75rem;
}

@media only screen and (min-width: 550px) {
  .siteheader--padder--subnav {
    height: 7.75rem;
  }
}

@media only screen and (min-width: 700px) {
  .siteheader--padder--subnav {
    height: 9rem;
  }
}

@media only screen and (min-width: 1000px) {
  .siteheader--padder--subnav {
    height: 8.75rem;
  }
}

.home .siteheader--padder--subnav {
  display: none;
}

.siteheader .siteheader__wrap {
  height: 4rem;
  border-bottom: 1px solid rgba(0, 87, 88, 0.5);
}

@media only screen and (min-width: 550px) {
  .siteheader .siteheader__wrap {
    height: 4rem;
  }
}

@media only screen and (min-width: 700px) {
  .siteheader .siteheader__wrap {
    height: 3.5rem;
  }
}

@media only screen and (min-width: 1000px) {
  .siteheader .siteheader__wrap {
    height: 5rem;
  }
}

@media only screen and (min-width: 1200px) {
  .siteheader .siteheader__wrap {
    border-bottom: 1px solid rgba(0, 87, 88, 0.5);
  }
}

.siteheader .siteheader__bd {
  height: 100%;
}

.siteheader .siteheader__bd .flex,
.siteheader .siteheader__bd .sitefooter__socialnav .sitefooter__sociallink,
.sitefooter__socialnav .siteheader .siteheader__bd .sitefooter__sociallink,
.siteheader .siteheader__bd .sitenavsection .sitenavsection__submenu,
.sitenavsection .siteheader .siteheader__bd .sitenavsection__submenu,
.siteheader .siteheader__bd .sitenav--right ul li.sitenav__item--about .sitenav__link,
.sitenav--right ul li.sitenav__item--about .siteheader .siteheader__bd .sitenav__link,
.siteheader .siteheader__bd .sitenav--right ul,
.sitenav--right .siteheader .siteheader__bd ul,
.siteheader .siteheader__bd .sitenav--mid ul li a,
.sitenav--mid ul li .siteheader .siteheader__bd a,
.siteheader .siteheader__bd .pageheader--post-vertical__share ul,
.pageheader--post-vertical__share .siteheader .siteheader__bd ul,
.siteheader .siteheader__bd .promotion-single--one {
  height: 100%;
}

.siteheader .siteheader__logo {
  width: 13em;
}

@media only screen and (min-width: 1000px) {
  .siteheader .siteheader__logo {
    width: 16em;
  }
}

.siteheader .siteheader__logo__img {
  width: 100%;
  padding-top: 22%;
  display: block;
  background-image: url("img/framework/logo.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.siteheader .siteheader__mobtools {
  position: absolute;
  right: -1%;
}

body.ie .siteheader .siteheader__mobtools {
  margin-top: -0.6rem;
}

@media only screen and (min-width: 1200px) {
  .siteheader .siteheader__mobtools {
    display: none;
  }
}

/*  ==========================================================================
	sitenav
	========================================================================== */
@media only screen and (max-width: 1199px) {
  .sitenav {
    display: none !important;
  }
}

.sitenav--mid {
  height: 5rem;
}

.sitenav--mid ul {
  height: 100%;
}

.sitenav--mid ul li {
  height: 100%;
}

.sitenav--mid ul li a {
  height: 100%;
  margin: 0 0.8em;
}

.sitenav--right {
  height: 5rem;
}

.sitenav--right ul {
  height: 100%;
}

.sitenav--right ul li.sitenav__item--about {
  height: 100%;
}

.sitenav--right ul li.sitenav__item--about .sitenav__link {
  height: 100%;
  margin: 0 0.8em;
}

.sitenav .sitenav__item .sitenav__link {
  position: relative;
}

.sitenav .sitenav__item .sitenav__link::after {
  content: "";
  height: 6px;
  width: 100%;
  background-color: transparent;
  position: absolute;
  bottom: -1px;
  left: 0;
  opacity: 0;
  -ms-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.sitenav .sitenav__item.current-page .sitenav__link::after {
  background-color: #005758;
  opacity: 1;
}

.sitenav .sitenav__item--over::before,
.sitenav .sitenav__item:hover::before {
  opacity: 0;
}

.sitenav .sitenav__item--over .sitenav__link:not(.btn)::after,
.sitenav .sitenav__item:hover .sitenav__link:not(.btn)::after {
  background-color: #005758;
  opacity: 1;
}

.sitenav .sitenav__item--search {
  height: calc(4rem - 1em);
  line-height: calc(4rem - 1em);
}

@media only screen and (min-width: 550px) {
  .sitenav .sitenav__item--search {
    height: calc(4rem - 1em);
    line-height: calc(4rem - 1em);
  }
}

@media only screen and (min-width: 700px) {
  .sitenav .sitenav__item--search {
    height: calc(3.5rem - 1.5em);
    line-height: calc(3.5rem - 1.5em);
  }
}

@media only screen and (min-width: 1000px) {
  .sitenav .sitenav__item--search {
    height: calc(5rem - 1.5em);
    line-height: calc(5rem - 1.5em);
  }
}

.sitenav .sitenav__item--search a {
  padding: 0 1.75rem;
  margin: 0;
}

.sitenav .sitenav__item--search a span {
  font-weight: 700;
  font-size: 18px;
  top: 3px;
  position: relative;
  -ms-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.sitenav .sitenav__item--search:hover span {
  color: #005758;
}

.sitenav .sitenav__item--login {
  top: 2px;
  position: relative;
}

.sitenav .sitenav__item--login a {
  padding: 0 1.7rem;
  margin: 0;
  height: calc(4rem - 1em);
  line-height: calc(4rem - 1em);
}

@media only screen and (min-width: 550px) {
  .sitenav .sitenav__item--login a {
    height: calc(4rem - 1em);
    line-height: calc(4rem - 1em);
  }
}

@media only screen and (min-width: 700px) {
  .sitenav .sitenav__item--login a {
    height: calc(3.5rem - 1em);
    line-height: calc(3.5rem - 1em);
  }
}

@media only screen and (min-width: 1000px) {
  .sitenav .sitenav__item--login a {
    height: calc(5rem - 1em);
    line-height: calc(5rem - 1em);
  }
}

.sitenav .sitenav__item--login a span {
  font-weight: 700;
  font-size: 18px;
  top: 1px;
  position: relative;
  -ms-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.sitenav .sitenav__item--login:hover span {
  color: #005758;
}

.sitenav .sitenav__item--contact a {
  margin-right: 0;
}

.sitenav .sitenav__item.has-dropdown {
  position: relative;
}

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

#body.single-service [data-sitenavsection="services"] a::after,
#body.single-solution [data-sitenavsection="solutions"] a::after,
#body.single-vendor [data-sitenavsection="vendors"] a::after,
#body.archive [data-sitenavsection="learning-enablement"] a::after {
  background-color: #005758;
  opacity: 1;
}

/*  ==========================================================================
	sitenavsections -- used in dropdown & mobnav
	========================================================================== */
@media only screen and (min-width: 1000px) {
  .sitenavsection .sitenavsection__content {
    margin-bottom: 0;
  }
}

.sitenavsection .sitenavsection__content .sitenavsection__leader {
  max-width: 25em;
}

.sitenavsection .sitenavsection__content .sitenavsection__title {
  margin-bottom: 1.2rem;
}

.sitenavsection .sitenavsection__submenu {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.sitenavsection .sitenavsection__submenu li {
  width: calc(100% - 2px);
  border-bottom: 1px solid rgba(0, 87, 88, 0.5);
}

@media only screen and (min-width: 1200px) {
  .sitenavsection .sitenavsection__submenu li {
    border-bottom: 1px solid rgba(0, 87, 88, 0.5);
  }
}

@media only screen and (min-width: 550px) {
  .sitenavsection .sitenavsection__submenu li {
    width: calc(50% - 2px);
  }
}

@media only screen and (min-width: 550px) {
  .sitenavsection .sitenavsection__submenu li:nth-child(odd) {
    border-right: 1px solid rgba(0, 87, 88, 0.5);
  }
}

@media only screen and (min-width: 1200px) {
  .sitenavsection .sitenavsection__submenu li:nth-child(odd) {
    border-right: 1px solid rgba(0, 87, 88, 0.5);
  }
}

.sitenavsection .sitenavsection__submenu li:first-child {
  border-top: 1px solid rgba(0, 87, 88, 0.5);
}

@media only screen and (min-width: 550px) {
  .sitenavsection .sitenavsection__submenu li:first-child {
    border-top: 0;
  }
}

.sitenavsection .sitenavsection__submenu li:last-child {
  margin-bottom: 0;
}

.sitenavsection .sitenavsection__submenu li a {
  padding: 1.125rem 1.125rem 1.125rem 2.5rem;
  position: relative;
  display: block;
}

.sitenavsection .sitenavsection__submenu li a:before {
  content: "\f054";
  font-family: "Font Awesome 5 Pro";
  font-size: 0.75em;
  position: absolute;
  left: 1.125rem;
  margin-top: 2.5px;
  font-weight: normal;
  color: #fff;
}

@media only screen and (min-width: 1200px) {
  .sitenavsection .sitenavsection__submenu li a:before {
    color: #005758;
  }
}

.sitenavsection .sitenavsection__submenu--even li:nth-last-child(-n + 2) {
  border-bottom: 0;
}

.sitenavsection .sitenavsection__submenu--odd li:nth-last-child(-n + 1) {
  border-bottom: 0;
}

.sitenavsection .sitenavsection__logos {
  margin: 0;
}

.sitenavsection .sitenavsection__logos li {
  width: 33.3%;
  border-bottom: 1px solid rgba(0, 87, 88, 0.5) !important;
  border-right: 1px solid rgba(0, 87, 88, 0.5);
  box-sizing: border-box;
  padding: 1em;
  height: 95px;
}
/* Edited height to make space for new logos on desktop */
@media only screen and (min-width: 1200px) {
	.sitenavsection .sitenavsection__logos li {
	  height: 75px;
	}
}

@media only screen and (min-width: 550px) {
  .sitenavsection .sitenavsection__logos li {
    width: 20%;
  }
}

.sitenavsection .sitenavsection__logos li:nth-child(-n + 3) {
  border-top: 0;
}

.sitenavsection .sitenavsection__logos li:nth-child(3n) {
  border-right: 0;
}

@media only screen and (min-width: 550px) {
  .sitenavsection .sitenavsection__logos li:nth-child(3n) {
    border-right: 1px solid rgba(0, 87, 88, 0.5);
  }
}

@media only screen and (min-width: 550px) {
  .sitenavsection .sitenavsection__logos li:nth-child(-n + 5) {
    border-top: 0;
  }
}

@media only screen and (min-width: 550px) {
  .sitenavsection .sitenavsection__logos li:nth-last-child(-n + 4) {
    /*border-bottom: 0;*/
  }
}

.sitenavsection .sitenavsection__logos li:nth-last-child(-n + 2) {
  border-bottom: 0;
}

@media only screen and (min-width: 550px) {
  .sitenavsection .sitenavsection__logos li:nth-child(5n) {
    border-right: 0;
  }
}

.sitenavsection .sitenavsection__logos li {

  margin-left: -1px;
  margin-top: -1px;
}

.sitenavsection .sitenavsection__logos li a {
  /*padding: 100% 0 0;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  background-size: contain;*/
}

.sitenavsection__cta {
  margin-top: 2.5rem;
}

.sitenavsection__cta .btn {
  margin: 0 1.3rem 1rem 0;
}

.sitenavsection__cta .btn--no-color {
  padding: 1.06rem 0;
}

.sitenavsection__cta .btn--no-color:after {
  display: none;
}

/*  ==========================================================================
	mobnav
	========================================================================== */
.mobnav {
  position: relative;
  width: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 0;
  box-shadow: 0 -1px 0 rgba(31, 42, 68, 0.35) inset;
  -webkit-transition: height 150ms cubic-bezier(0.65, 0, 0.35, 1);
  -moz-transition: height 150ms cubic-bezier(0.65, 0, 0.35, 1);
  transition: height 150ms cubic-bezier(0.65, 0, 0.35, 1);
}

@media only screen and (min-width: 1200px) {
  .mobnav {
    display: none;
  }
}

.mobnav .mobnav__sections {
  margin-bottom: 0;
}

.mobnav .mobnav__sections .mobnav__section {
  border-top: 1px solid rgba(0, 87, 88, 0.5);
}

.mobnav .mobnav__sections .mobnav__section:first-child {
  border-top: none;
}

.mobnav .mobnav__sections .mobnav__section .mobnav__link {
  display: block;
  padding: 1.25em;
}

@media only screen and (max-width: 549px) {
  .mobnav .mobnav__sections .mobnav__section .mobnav__link {
    font-size: 14px;
  }
}

.mobnav .mobnav__sections .mobnav__section .mobnav__btn {
  margin: 1em 1em 0;
}

@media only screen and (max-width: 549px) {
  .mobnav .mobnav__sections .mobnav__section .mobnav__btn.btn--secondary {
    font-size: 12px;
  }
}

.mobnav .mobnav__sections .mobnav__section.has-dropdown .mobnav__link {
  position: relative;
}

.mobnav .mobnav__sections .mobnav__section.has-dropdown .mobnav__link:after {
  content: "\f107";
  color: #005758;
  font-family: "font awesome 5 pro";
  font-weight: 200;
  position: absolute;
  right: 1.25em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 18px;
}

.mobnav .mobnav__sections .mobnav__section.has-dropdown .sitenavsection {
  display: block;
  height: 0;
  position: relative;
  opacity: 0;
  background-color: #fff;
  overflow: hidden;
  -webkit-transition: height 150ms linear 0ms, opacity 150ms ease-out 0ms,
    transform 150ms ease-out 0ms;
  -moz-transition: height 150ms linear 0ms, opacity 150ms ease-out 0ms,
    transform 150ms ease-out 0ms;
  transition: height 150ms linear 0ms, opacity 150ms ease-out 0ms,
    transform 150ms ease-out 0ms;
}

.mobnav .mobnav__sections .mobnav__section.has-dropdown .sitenavsection .sitenavsection__title {
  display: none;
}

@media only screen and (max-width: 549px) {
  .mobnav .mobnav__sections .mobnav__section.has-dropdown .sitenavsection .sitenavsection__inner {
    padding-bottom: 0;
  }
}

@media only screen and (max-width: 549px) {
  .mobnav .mobnav__sections .mobnav__section.has-dropdown .sitenavsection .sitenavsection__cta {
    margin-top: 1.5rem;
  }
}

.mobnav .mobnav__sections .mobnav__section.has-dropdown .sitenavsection .sitenavsection__cta a {
  display: inline-block;
  margin: 0 1.3rem 1rem 0;
}

@media only screen and (max-width: 549px) {
  .mobnav .mobnav__sections .mobnav__section.has-dropdown .sitenavsection .sitenavsection__cta a {
    font-size: 12px;
  }
}

.mobnav .mobnav__sections .mobnav__section.has-dropdown .sitenavsection .sitenavsection__cta a.text-sml,
.mobnav .mobnav__sections .mobnav__section.has-dropdown .sitenavsection .sitenavsection__cta .paging--default .paging__numbers a,
.paging--default .paging__numbers .mobnav .mobnav__sections .mobnav__section.has-dropdown .sitenavsection .sitenavsection__cta a {
  margin: 0.5rem 1.3rem 0.7rem 0;
}

.mobnav .mobnav__sections .mobnav__section.has-dropdown .sitenavsection .sitenavsection__leader {
  max-width: 100%;
}

@media only screen and (max-width: 549px) {
  .mobnav .mobnav__sections .mobnav__section.has-dropdown .sitenavsection .sitenavsection__leader {
    font-size: 14px;
  }
}

.mobnav .mobnav__sections .mobnav__section.has-dropdown .sitenavsection .sitenavsection__submenu {
  margin-bottom: 0;
}

.mobnav .mobnav__sections .mobnav__section.has-dropdown .sitenavsection .sitenavsection__submenu li a::before {
  color: #005758;
}

@media only screen and (max-width: 549px) {
  .mobnav .mobnav__sections .mobnav__section.has-dropdown .sitenavsection .sitenavsection__submenu li a {
    font-size: 14px;
    padding: 0.6rem 0.6em 0.6rem 1.5rem;
  }

  .mobnav .mobnav__sections .mobnav__section.has-dropdown .sitenavsection .sitenavsection__submenu li a::before {
    left: 0.65rem;
  }
}

.mobnav .mobnav__sections .mobnav__section.has-dropdown.mobnav__section--open .mobnav__link:after {
  content: "\f106";
}

.mobnav .mobnav__sections .mobnav__section.has-dropdown.mobnav__section--open .sitenavsection {
  height: auto;
  opacity: 1;
  padding: 1.25rem;
}

@media only screen and (max-width: 549px) {
  .mobnav .mobnav__sections .mobnav__section.has-dropdown.mobnav__section--open .sitenavsection {
    padding: 1.25rem 1.25rem 0.8rem;
  }
}

.mobnav .mobnav__sections .mobnav__section.align-center,
.mobnav .mobnav__sections .sitefooter__socialnav .mobnav__section.sitefooter__sociallink,
.sitefooter__socialnav .mobnav .mobnav__sections .mobnav__section.sitefooter__sociallink,
.mobnav .mobnav__sections .sitenav--right ul li.sitenav__item--about .mobnav__section.sitenav__link,
.sitenav--right ul li.sitenav__item--about .mobnav .mobnav__sections .mobnav__section.sitenav__link {
  padding: 1.5em 0 0;
}

.mobnav .mobnav__search {
  margin: 2.5em 0;
}

.mobnav-toggle {
  color: #005758;
  -ms-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.mobnav-toggle:hover {
  color: black;
}

.mobnavopen .mobnav-toggle .fa-bars:before {
  content: "\f00d";
}

/*  ==========================================================================
	sitenav -- Dropdown
	========================================================================== */
.sitenav__dropdown {
  background: #fff;
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15);
  position: absolute;
  z-index: 10;
  height: 0;
  overflow: hidden;
  top: 100%;
  box-sizing: border-box;
  -webkit-transition: opacity 0ms cubic-bezier(0.33, 1, 0.68, 1),
    height 0ms cubic-bezier(0.33, 1, 0.68, 1);
  -moz-transition: opacity 0ms cubic-bezier(0.33, 1, 0.68, 1),
    height 0ms cubic-bezier(0.33, 1, 0.68, 1);
  transition: opacity 0ms cubic-bezier(0.33, 1, 0.68, 1),
    height 0ms cubic-bezier(0.33, 1, 0.68, 1);
  pointer-events: none;
  display: none;
  margin-left: 0px;
  width: 100%;
}

@media only screen and (min-width: 1000px) {
  .sitenav__dropdown {
    display: block;
  }
}

.sitenavopen .sitenav__dropdown {
  -webkit-transition-duration: 150ms;
  -moz-transition-duration: 150ms;
  transition-duration: 150ms;
}

.sitenav__dropdown .sitenavsection {
  overflow: hidden;
  position: absolute;
  bottom: 0;
  width: 100%;
  opacity: 0;
  color: #000;
  -webkit-transition: opacity 150ms cubic-bezier(0.65, 0, 0.35, 1);
  -moz-transition: opacity 150ms cubic-bezier(0.65, 0, 0.35, 1);
  transition: opacity 150ms cubic-bezier(0.65, 0, 0.35, 1);
  pointer-events: none;
}

.sitenav__dropdown .sitenavsection .sitenavsection__inner {
  padding: 3.5rem;
}

.sitenav__dropdown .sitenavsection--active {
  opacity: 1;
  pointer-events: all;
  -webkit-transition-delay: 100ms;
  -moz-transition-delay: 100ms;
  transition-delay: 100ms;
}

/*  ==========================================================================
	search
	========================================================================== */
.siteheader__search {
  pointer-events: none;
  opacity: 0;
  display: none;
  position: absolute;
  top: 7%;
  left: 0;
  right: 0;
}

#body.logged-in .siteheader__search {
  top: 7%;
}

@media only screen and (min-width: 1200px) {
  .siteheader__search {
    display: block;
  }
}

.siteheader__search--open {
  pointer-events: auto;
  opacity: 1;
  -webkit-transition: opacity 150ms cubic-bezier(0.65, 0, 0.35, 1);
  -moz-transition: opacity 150ms cubic-bezier(0.65, 0, 0.35, 1);
  transition: opacity 150ms cubic-bezier(0.65, 0, 0.35, 1);
}

.siteheader__search .searchform {
  margin-left: auto;
  width: 537px;
  margin-top: 2px;
}

.siteheader__search .siteheader__bd {
  padding: 0;
}

/*  ==========================================================================
	WP Admin
	========================================================================== */
@media (max-width: 600px) {
  #wpadminbar {
    position: fixed;
  }
}

/*  ==========================================================================
	pagenav -- Page Nab e.g. Vendors, Services, Solutions, etc.
	========================================================================== */
.pagenav {
  position: relative;
  z-index: 9;
  width: 100%;
  background: linear-gradient(0deg,
      rgba(217, 217, 214, 0.2),
      rgba(217, 217, 214, 0.2)),
    #fff;
  box-shadow: 0px -1px 0px rgba(0, 87, 88, 0.5),
    0px 1px 0px rgba(0, 87, 88, 0.5);
  min-height: 58px;
}

@media only screen and (max-width: 1199px) {
  .pagenav {
    display: none;
  }
}

.pagenav--category {
  position: sticky;
  top: 5rem;
}

.pagenav--below {
  position: sticky;
  top: 5rem;
}

.pagenav__list li {
  position: relative;
}

.pagenav__list li.pad-left {
	padding-left:2rem;
}

.pagenav__list li.page_item_has_children {
  position: relative;
}

.pagenav__list li.page_item_has_children:before {
  content: "\f054";
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  top: 0.8rem;
  right: 0.8rem;
  font-size: 11px;
  color: #005758;
  -ms-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.pagenav__list li.has-dropdown {
  position: relative;
}

.pagenav__list li.has-dropdown:before {
  content: "\f078";
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  bottom: 0.5rem;
  left: 50%;
  font-size: 11px;
  margin-right: -50%;
  transform: translate(-50%, 0%);
  color: #005758;
  -ms-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.pagenav__list li.has-dropdown:hover::before,
.pagenav__list li.has-dropdown:focus::before {
  opacity: 0;
}

.pagenav__list li.page_item_has_children.toggle-active:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
}

.pagenav__list li:hover .submenu,
.pagenav__list li:focus .submenu {
  opacity: 1;
  visibility: visible;
}

.pagenav__list li:hover a::after,
.pagenav__list li:focus a::after {
  background-color: #005758;
  opacity: 1;
}

.pagenav__list li.current-page>a::after,
.pagenav__list li.current_page_item>a::after {
  background-color: #005758;
  opacity: 1;
}

.pagenav__list li a {
  padding: 20px 0;
  position: relative;
  font-weight: 600;
}

.pagenav__list li a::after {
  content: "";
  height: 6px;
  width: 100%;
  background-color: transparent;
  position: absolute;
  bottom: -1px;
  left: 0;
  opacity: 0;
  -ms-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.pagenav__list li a span {
  border-bottom: 0;
}

.pagenav__list li .submenu {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  width: 200px;
  background: #fff;
  border: 1px solid rgba(0, 87, 88, 0.2);
  box-sizing: border-box;
  text-align: left;
  margin-bottom: 0;
  -ms-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, 0%);
}

@media only screen and (min-width: 1200px) {
  .pagenav__list li .submenu {
    width: 270px;
  }
}

.pagenav__list li .submenu li {
  display: block;
  background-color: #f6f6f6;
}

.pagenav__list li .submenu li:not(:last-child) {
  border-bottom: 1px solid rgba(0, 87, 88, 0.5);
}

.pagenav__list li .submenu li a {
  font-weight: 600;
  font-size: 14px;
  padding: 10px 0;
}
/* Added to save space in top dropdowns */
@media only screen and (min-width: 1200px) {
	.pagenav__list li .submenu li a {
	  font-size: 12px;
	  line-height: 15px;
	  padding:9px 0;
	}
}
.pagenav__list li .submenu li a::after {
  display: none;
}

.pagenav__list li .submenu .page-item__toogle {
  width: 41px;
  /*width:100%;*/
  height: 41px;
  position: absolute;
  right: 0;
  z-index: 5;
  cursor: pointer;
}

.pagenav__list li .children {
  position: relative;
  display: none;
  margin-bottom: 0;
}

.pagenav__list li .children li {
  background-color: #fff;
}

.pagenav__list li .children li:not(:last-child) {
  border-bottom: 1px solid rgba(0, 87, 88, 0.5);
}

.pagenav__list li .children li:first-child {
  border-top: 1px solid rgba(0, 87, 88, 0.5);
}

.pagenav__list li .children li a {
  color: #005758;
}

.pagenav__list__logo img {
  max-height: 50px;
  padding: 0.5em 0;
  box-sizing: border-box;
}

.pagenav--mobile {
  position: fixed;
  top: auto;
  z-index: 9;
  width: 100%;
  background: linear-gradient(0deg,
      rgba(217, 217, 214, 0.2),
      rgba(217, 217, 214, 0.2)),
    #fff;
  display: block;
}

@media only screen and (min-width: 1200px) {
  .pagenav--mobile {
    display: none;
  }
}

.pagenav--mobile--vendors {
  position: sticky;
  top: 5rem;
}

@media only screen and (min-width: 1000px) {
  .pagenav--mobile--vendors {
    top: 5rem;
  }
}

.pagenav--mobile--category {
  position: sticky;
  top: 4rem;
}

@media only screen and (min-width: 700px) {
  .pagenav--mobile--category {
    top: 3.5rem;
  }
}

@media only screen and (min-width: 1000px) {
  .pagenav--mobile--category {
    top: 5rem;
  }
}

.pagenav--mobile--below {
  position: sticky;
  top: 4rem;
}

@media only screen and (min-width: 700px) {
  .pagenav--mobile--below {
    top: 5rem;
  }
}

/* Added for "Menu" in mobile nav */
.pagenav--mobile .fa-chevron-down {position:relative;width:14px;}
.pagenav--mobile .fa-chevron-down::before {display:inline-block;transition:transform .3s ease;}
.pagenav--mobile .fa-chevron-down::after {
	content: 'Menu';
	font-family: "Georgia Pro", sans-serif;
    position: absolute;
    left: -45px;
    top: 0;
    font-size: .875rem;
}

.pagenav--mobile>.pagenav--mobile__container,
.pagenav--mobile>a {
  color: #1f2a44;
  border-bottom: 1px solid rgba(0, 87, 88, 0.5);
  position: relative;
  -ms-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  position: relative;
  cursor: pointer;
}

.pagenav--mobile>.pagenav--mobile__container.active::after,
.pagenav--mobile>a.active::after {
  transform: translate(0%, -50%) rotate(180deg);
}

.pagenav--mobile>.pagenav--mobile__container .toggle,
.pagenav--mobile>a .toggle {
  padding: 1.25em 8%;
  font-weight: 400;
  color: #1f2a44;
  width: 100%;
  box-sizing: border-box;
  -ms-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

/* Edited to affect only the ::before pseudo element */
.pagenav--mobile>.pagenav--mobile__container .toggle--active i::before,
.pagenav--mobile>a .toggle--active i::before {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.pagenav--mobile>.pagenav--mobile__container .toggle img,
.pagenav--mobile>a .toggle img {
  max-width: 80px;
}

.pagenav--mobile>a {
  padding: 1.25em 2em;
  color: #1f2a44;
  border-bottom: 1px solid #005758;
  display: block;
  position: relative;
  -ms-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  position: relative;
  cursor: pointer;
}

.pagenav--mobile>a.active::after {
  transform: translate(0%, -50%) rotate(180deg);
}

.pagenav--mobile>a::after {
  content: "\f078";
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  right: 1.5em;
  top: 50%;
  transform: translate(0%, -50%);
  color: #1f2a44;
  -ms-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

@media only screen and (min-width: 550px) {
  .pagenav--mobile>a::after {
    right: 2.5em;
  }
}

.pagenav--mobile ul {
  margin: 0;
  display: none;
  max-height: 83vh;
  overflow-x: hidden;
  overflow-y: auto;
}

.pagenav--mobile ul li {
  position: relative;
  border-top: 1px solid #005758;
}

.pagenav--mobile ul li .page-item__toogle {
  width: 41px;
  /*width:100%;*/
  height: 44px;
  position: absolute;
  right: 6%;
  z-index: 9;
  cursor: pointer;
}

.pagenav--mobile ul li>a {
  padding: 0 2em;
}

.pagenav--mobile ul li a {
  display: block;
  padding: 1.25em 8%;
  color: #1f2a44;
  position: relative;
  font-weight: 600;
  -ms-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.pagenav--mobile ul li a span {
  border-bottom: 0;
}

.pagenav--mobile ul li a:hover {
  background: linear-gradient(0deg,
      rgba(217, 217, 214, 0.8),
      rgba(217, 217, 214, 0.8)),
    #fff;
}

.pagenav--mobile ul li.has-dropdown>a::after,
.pagenav--mobile ul li.page_item_has_children>a::after {
  content: "\f078";
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  right: 3em;
  top: 50%;
  transform: translate(0%, -50%);
  color: #005758;
  -ms-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

@media only screen and (min-width: 550px) {

  .pagenav--mobile ul li.has-dropdown>a::after,
  .pagenav--mobile ul li.page_item_has_children>a::after {
    right: 8%;
  }
}

.pagenav--mobile ul li.has-dropdown>a.link--active::after,
.pagenav--mobile ul li.page_item_has_children>a.link--active::after {
  content: "\f077";
}

.pagenav--mobile ul li.current-page>a,
.pagenav--mobile ul li.current_page_item>a {
  background: linear-gradient(0deg,
      rgba(217, 217, 214, 0.8),
      rgba(217, 217, 214, 0.8)),
    #fff;
}

.pagenav--mobile ul li ul {
  display: none;
}

.pagenav--mobile ul li ul li a {
  background-color: #fff;
  padding: 1.25em 10%;
  color: #005758;
}

.pagenav--mobile ul li ul li ul li a {
  padding: 1.25em 12%;
}

.pagenav--mobile--vendors .pagenav--mobile__container {
  border-bottom: 0;
}

.pagenav--vendors {
  position: sticky;
  top: 6rem;
}

.pagenav--vendors .bd {
  width: 100%;
}

/* Force left alignment of the nav */
.pagenav--vendors .flex.justify-spacebetween {
  column-gap: 32px;
  justify-content: start;
}

.pagenav--vendors .pagenav__list li {
  position: relative;
}

.pagenav--vendors .pagenav__list li:hover a::after {
  background-color: #005758;
  opacity: 1;
}

.pagenav--vendors .pagenav__list li.page_item_has_children {
  position: relative;
}

.pagenav--vendors .pagenav__list li.page_item_has_children:before {
  content: "\f078";
  bottom: 0.5rem;
  top: auto;
  right: auto;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, 0%);
}

.pagenav--vendors .pagenav__list li.page_item_has_children:hover:before,
.pagenav--vendors .pagenav__list li.page_item_has_children:focus:before {
  opacity: 0;
}

.pagenav--vendors .pagenav__list li:hover .submenu,
.pagenav--vendors .pagenav__list li:hover .children,
.pagenav--vendors .pagenav__list li:focus .submenu,
.pagenav--vendors .pagenav__list li:focus .children {
  opacity: 1;
  visibility: visible;
}

.pagenav--vendors .pagenav__list li.current-page>a::after,
.pagenav--vendors .pagenav__list li.current_page_item>a::after {
  background-color: #005758;
  opacity: 1;
}

.pagenav--vendors .pagenav__list li a {
  padding: 20px 0;
  position: relative;
  font-weight: 600;
}

.pagenav--vendors .pagenav__list li a::after {
  content: "";
  height: 6px;
  width: 100%;
  background-color: transparent;
  position: absolute;
  bottom: -1px;
  left: 0;
  opacity: 0;
  -ms-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.pagenav--vendors .pagenav__list li a span {
  border-bottom: 0;
}

.pagenav--vendors .pagenav__list li .children {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  width: 200px;
  background: #fff;
  border: 1px solid rgba(0, 87, 88, 0.2);
  border-top: 0;
  box-sizing: border-box;
  text-align: left;
  display: block;
  margin-bottom: 0;
  -ms-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, 0%);
}

@media only screen and (min-width: 1200px) {
  .pagenav--vendors .pagenav__list li .children {
    width: 270px;
  }
  /* Amended for all pagenavs */
  .pagenav .pagenav__list li .submenu .children {
	width: 220px;
  }
}

.pagenav--vendors .pagenav__list li .children li {
  display: block;
  background-color: #f6f6f6;
  position: relative;
}

/* Amended for all pagenavs */
.pagenav--vendors .pagenav__list li .children li.page_item_has_children, .pagenav .pagenav__list li .submenu li.page_item_has_children {
  position: relative;
}
/* Amended for all pagenavs */
.pagenav--vendors .pagenav__list li .children li.page_item_has_children a, .pagenav .pagenav__list li .submenu li.page_item_has_children a {
    padding-right: 10px;
}

.pagenav--vendors .pagenav__list li .children li.page_item_has_children:before {
  content: "\f054";
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  top: 0.8rem;
  right: 0.8rem;
  bottom: auto;
  font-size: 11px;
  color: #005758;
  -ms-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  transform: initial;
  left: auto;
  margin: 0;
}

/* Amended for all pagenavs */
.pagenav--vendors .pagenav__list li .children li.page_item_has_children:hover:before,
.pagenav .pagenav__list li .submenu li.page_item_has_children:hover:before{
  opacity: 1;
}

.pagenav--vendors .pagenav__list li .children li.page_item_has_children.toggle-active {
  position: relative;
}
/*
.pagenav--vendors .pagenav__list li .children li.page_item_has_children.toggle-active:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
}*/

.pagenav--vendors .pagenav__list li .children li:not(:last-child) {
  border-bottom: 1px solid rgba(0, 87, 88, 0.5);
}

.pagenav--vendors .pagenav__list li .children li a {
  font-weight: 600;
  font-size: 14px;
  padding: 10px 0;
  color: #1f2a44;
}

.pagenav--vendors .pagenav__list li .children li a::after {
  display: none;
}

.pagenav--vendors .pagenav__list li .children li .children {
  /*position: relative;*/
  position: absolute;
  left: 150%;
  top: 0;
  left: calc(150% + 1px);
  top: calc(0px - 1px);
  display: none;
  margin-bottom: 0;
  transition: initial;
}
/* Amended for all pagenavs */
.pagenav .pagenav__list li .submenu li .children {
  position:absolute;
  left: 150%;
  top: 0;
  left: calc(100% + 1px);
  top: calc(0px - 1px);
  display: none;
  margin-bottom: 0;
  transition: initial;
}

/*.pagenav--vendors .pagenav__list li:nth-last-child(-n+3) .children li .children {
  left: -50%;
  left: calc(-50% - 1px);
}*/

.pagenav--vendors .pagenav__list li .children li .children li {
  background-color: #fff;
}

.pagenav--vendors .pagenav__list li .children li .children li:not(:last-child) {
  border-bottom: 1px solid rgba(0, 87, 88, 0.5);
}

.pagenav--vendors .pagenav__list li .children li .children li:first-child {
  border-top: 1px solid rgba(0, 87, 88, 0.5);
}

/* Amended for all pagenavs */
.pagenav--vendors .pagenav__list li .children li .children li a, .pagenav .pagenav__list li .submenu li .children li a {
  color: #005758;
  /*word-break: break-word;*/
}
/* Amended for all pagenavs */
.pagenav--vendors .pagenav__list li .children .page-item__toogle--vendors, .pagenav .pagenav__list li .submenu .page-item__toogle--vendors {
  width: 41px;
  /*width:100%;*/
  height: 41px;
  position: absolute;
  right: 0;
  z-index: 5;
  cursor: pointer;
}
/* Amended for all pagenavs */
.pagenav--vendors .pagenav__list li .children li .children:hover, .pagenav--vendors .pagenav__list li .children li.page_item_has_children:hover ul.children, .pagenav .pagenav__list li .submenu li .children:hover, .pagenav .pagenav__list li .submenu li.page_item_has_children:hover ul.children {display:block;}

/* ==========================================================================
   Footer -- layout/_footer.scss
   ========================================================================== */
.sitefooter {
  background-color: #1f2a44;
  text-align: center;
  overflow-x: hidden;
}

@media only screen and (min-width: 700px) {
  .sitefooter {
    text-align: left;
  }
}

.sitefooter .bd {
  z-index: 3;
  position: relative;
}

.sitefooter__nav {
  width: 100%;
  margin: 2rem 0 0.6rem;
}

@media only screen and (min-width: 700px) {
  .sitefooter__nav {
    width: auto;
    margin: 2rem -0.75em;
  }
}

.sitefooter__nav li a {
  color: #fff;
  font-weight: 600;
}

.sitefooter__nav li a span {
  border-bottom: none;
}

.sitefooter__socialnav {
  margin: 1.25rem 0 0.9rem;
}

@media only screen and (min-width: 700px) {
  .sitefooter__socialnav {
    text-align: right;
  }
}

.sitefooter__socialnav .sitefooter__sociallink {
  color: #fff;
  border: 1px solid rgba(0, 87, 88, 0.5);
  width: 3.3rem;
  height: 3.3rem;
  margin: 0 0.2rem 0.8rem;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

@media only screen and (min-width: 700px) {
  .sitefooter__socialnav .sitefooter__sociallink {
    width: 3.75rem;
    height: 3.75rem;
  }
}

.sitefooter__socialnav .sitefooter__sociallink:last-child {
  margin-right: 0;
}

.sitefooter__socialnav .sitefooter__sociallink:hover {
  color: #005758;
}

.sitefooter__intro h3 {
  font-size: 22px;
  margin-bottom: 2.5em;
}

.sitefooter__bottom {
  border-top: 1px solid rgba(0, 87, 88, 0.5);
}

.sitefooter .sitefooter__cta {
  color: #1f2a44;
}

#body.search-results .sitefooter .sitefooter__cta {
  display: none;
}

.sitefooter .sitefooter__cta .sitefooter__logo {
  border-right: 1px solid #005758;
  padding: 0.5em 1.2em 0.5em 0;
  margin-right: 1.2em;
}

.sitefooter .sitefooter__cta .sitefooter__imgs {
  margin-bottom: 1em;
}

.sitefooter .sitefooter__cta .sitefooter__imgs img {
  width: 108px;
}

.sitefooter .sitefooter__cta h3 {
  margin: 0;
}

.sitefooter .sitefooter__cta .btn {
  margin-top: 1.75em;
  margin-right: 0;
}

.sitefooter__body {
  background-image: url("../tech-data/img/gradient-header-bg.svg");
  background-size: cover;
  background-position: center;
  position: relative;
}

/* Altered bg colour and added ::after for the top border */
@media only screen and (min-width: 700px) {
  .sitefooter__body {
	  background-color: #005758;
    background-image: url("../tech-data/img/footer-background-img.svg");
    background-size: 100% 100%;
    background-position: center;
    position: relative;
    border-top: 16px solid #1f2a44;
  }
}

@media only screen and (min-width: 700px) {
  .sitefooter__body::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
  }
}

.sitefooter__body .btn--secondary {
  background-color: #000;
}

/*  ==========================================================================
	COMPONENTS - _modules.scss
	========================================================================== */
.module-body .module:first-of-type {
  margin-top: 0;
}

/*  ==========================================================================
	COMPONENT - Text Content
	========================================================================== */
@media only screen and (min-width: 1200px) {
  .textcontent {
    padding: 0 calc(7.14% * 2);
  }
}

@media only screen and (min-width: 1400px) {
  .textcontent {
    padding: 0 20%;
  }
}

@media only screen and (min-width: 1200px) {
  .textcontent--list {
    padding: 0 8.28%;
  }
}

@media only screen and (min-width: 1400px) {
  .textcontent--list {
    padding: 0 15%;
  }
}

.textcontent--list ul li {
  padding: 1em 0;
  position: relative;
  font-weight: 600;
  padding-left: 2.5rem;
}

.textcontent--list ul li:not(:last-of-type) {
  border-bottom: 1px solid rgba(0, 87, 88, 0.5);
}

.textcontent--list ul li i {
  color: #005758;
  margin: 0 0.75rem;
  position: absolute;
  left: 0;
  margin-top: 3px;
}

.textcontent--list ul li i.fa-chevron-right {
  font-weight: 400;
  font-size: 10px;
  margin-top: -1px;
  top: 50%;
  transform: translate(0, -50%);
  -ms-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.textcontent--list__link {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}

.textcontent--list__link:hover+i {
  left: 6px;
}

.textcontent__cta {
  display: inline-block;
}

/*  ==========================================================================
	COMPONENT - List Grid Item
	========================================================================== */
.listgriditem__heading {
  display: inline-block;
}

.listgriditem__icon {
  max-width: 9.38em;
}

.listgriditem__link {
  color: #005758;
}

.listgriditem__link .linkline {
  border-bottom: 1px solid #005758;
  padding-bottom: 1px;
}

.listgriditem__link::after {
  content: "\f061";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  color: #005758;
  margin-left: 1em;
  -ms-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.listgriditem__link:hover:after {
  margin-left: 1.5em;
}

/*  ==========================================================================
	COMPONENT - Background Colour
	========================================================================== */
.component--background-colour {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 0;
}

/*  ==========================================================================
	MODULES - _modules.scss
	========================================================================== */
.module {
  position: relative;
}

/*  ==========================================================================
	General Module styles
	========================================================================== */
.module--fullwidth+.module--fullwidth {
  margin-top: -3rem;
}

@media only screen and (min-width: 550px) {
  .module--fullwidth+.module--fullwidth {
    margin-top: -3rem;
  }
}

@media only screen and (min-width: 700px) {
  .module--fullwidth+.module--fullwidth {
    margin-top: -4rem;
  }
}

@media only screen and (min-width: 1000px) {
  .module--fullwidth+.module--fullwidth {
    margin-top: -5rem;
  }
}

@media only screen and (min-width: 1200px) {
  .module--fullwidth+.module--fullwidth {
    margin-top: -6rem;
  }
}

/*  ==========================================================================
	MODULE - Line / Rule
	========================================================================== */
.module--line .line {
  border-top: solid 1px rgba(31, 42, 68, 0.35);
  height: 0;
}

/*  ==========================================================================
	MODULE - Section Heading
	========================================================================== */
.module--section-heading .section-heading__heading {
  margin: 0 auto 0.5em;
}

.module--section-heading .section-heading__textarea {
  margin: 0 auto 1.25em;
}

.module--section-heading .col-sm-5-8:has(.section-heading__textarea iframe) {
  width: 100%;
}

/*  ==========================================================================
	MODULE - Text Content & Media
	========================================================================== */
@media only screen and (min-width: 1000px) {
  .module--text-content-media .text-content-media__col--media {
    margin-bottom: 0;
  }
}

.module--text-content-media .text-content-media__col .component--media {
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
}

/*  ==========================================================================
	MODULE - Text Content & Media
	========================================================================== */
.module--text-content-columns h3 {
  margin-bottom: 0.75em;
}

/*  ==========================================================================
	MODULE - Text Content & Accordion
	========================================================================== */
@media only screen and (min-width: 1000px) {
  .module--text-content-accordion .text-content-accordion__col--text {
    margin-bottom: 0;
  }
}

.module--text-content-accordion .text-content-accordion__col--accordion .accordion .accordion__item {
  display: block;
  position: relative;
  border-top: 1px solid rgba(0, 87, 88, 0.5);
}

.module--text-content-accordion .text-content-accordion__col--accordion .accordion .accordion__item .accordion__question {
  margin: 0;
  border-top: none;
  padding: 1.3em 3em 1.3em 0em;
  position: relative;
  cursor: pointer;
}

.module--text-content-accordion .text-content-accordion__col--accordion .accordion .accordion__item .accordion__question:hover {
  color: #888;
}

.module--text-content-accordion .text-content-accordion__col--accordion .accordion .accordion__item .accordion__question .accordion__icon {
  position: absolute;
  top: 1.58em;
  right: 1em;
  display: block;
  line-height: 1.2;
  -webkit-transition: transform 150ms cubic-bezier(0.33, 1, 0.68, 1) 0s;
  -moz-transition: transform 150ms cubic-bezier(0.33, 1, 0.68, 1) 0s;
  transition: transform 150ms cubic-bezier(0.33, 1, 0.68, 1) 0s;
}

.module--text-content-accordion .text-content-accordion__col--accordion .accordion .accordion__item .accordion__answer {
  height: 0;
  overflow: visible;
  opacity: 0;
  -webkit-transform: translate(0, -1em);
  -moz-transform: translate(0, -1em);
  transform: translate(0, -1em);
  -webkit-transition: height 0ms linear 260ms,
    opacity 150ms cubic-bezier(0.33, 1, 0.68, 1),
    transform 150ms cubic-bezier(0.33, 1, 0.68, 1);
  -moz-transition: height 0ms linear 260ms,
    opacity 150ms cubic-bezier(0.33, 1, 0.68, 1),
    transform 150ms cubic-bezier(0.33, 1, 0.68, 1);
  transition: height 0ms linear 260ms,
    opacity 150ms cubic-bezier(0.33, 1, 0.68, 1),
    transform 150ms cubic-bezier(0.33, 1, 0.68, 1);
}

.module--text-content-accordion .text-content-accordion__col--accordion .accordion .accordion__item .accordion__answer .inner {
  margin: 0;
  padding: 1em 0em;
}

.module--text-content-accordion .text-content-accordion__col--accordion .accordion .accordion__item .accordion__answer__logos {
  margin-left: -0.5em;
  margin-right: -0.5em;
}

.module--text-content-accordion .text-content-accordion__col--accordion .accordion .accordion__item .accordion__answer__logos .col {
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin-bottom: 1em;
}

.module--text-content-accordion .text-content-accordion__col--accordion .accordion .accordion__item--open .accordion__question .accordion__icon {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.module--text-content-accordion .text-content-accordion__col--accordion .accordion .accordion__item--open .accordion__answer {
  -webkit-transition: height 0ms linear 0ms,
    opacity 150ms cubic-bezier(0.33, 1, 0.68, 1) 10ms,
    transform 150ms cubic-bezier(0.33, 1, 0.68, 1) 10ms;
  -moz-transition: height 0ms linear 0ms,
    opacity 150ms cubic-bezier(0.33, 1, 0.68, 1) 10ms,
    transform 150ms cubic-bezier(0.33, 1, 0.68, 1) 10ms;
  transition: height 0ms linear 0ms,
    opacity 150ms cubic-bezier(0.33, 1, 0.68, 1) 10ms,
    transform 150ms cubic-bezier(0.33, 1, 0.68, 1) 10ms;
  height: auto;
  opacity: 1;
  -webkit-transform: translate(0, 0em);
  -moz-transform: translate(0, 0em);
  transform: translate(0, 0em);
}

/*  ==========================================================================
	MODULE - Full Width Accordion
	========================================================================== */
@media only screen and (min-width: 1000px) {
  .module--text-content-accordion--full .text-content-accordion__col--text {
    margin-bottom: 0;
  }
}

.module--text-content-accordion--full .text-content-accordion__col--accordion .accordion .accordion__item {
  display: block;
  position: relative;
  border-top: 1px solid rgba(0, 87, 88, 0.5);
}

.module--text-content-accordion--full .text-content-accordion__col--accordion .accordion .accordion__item .accordion__question {
  margin: 0;
  border-top: none;
  padding: 1.3em 3em 1.3em 0em;
  position: relative;
  cursor: pointer;
}

.module--text-content-accordion--full .text-content-accordion__col--accordion .accordion .accordion__item .accordion__question__icon {
  margin-right: 1em;
}

.module--text-content-accordion--full .text-content-accordion__col--accordion .accordion .accordion__item .accordion__question:hover {
  color: #888;
}

.module--text-content-accordion--full .text-content-accordion__col--accordion .accordion .accordion__item .accordion__question .accordion__icon {
  position: absolute;
  top: 2em;
  right: 1em;
  display: block;
  line-height: 1.2;
  -webkit-transition: transform 150ms cubic-bezier(0.33, 1, 0.68, 1) 0s;
  -moz-transition: transform 150ms cubic-bezier(0.33, 1, 0.68, 1) 0s;
  transition: transform 150ms cubic-bezier(0.33, 1, 0.68, 1) 0s;
}

.module--text-content-accordion--full .text-content-accordion__col--accordion .accordion .accordion__item .accordion__answer {
  height: 0;
  overflow: hidden;
  overflow-x: visible;
  opacity: 0;
  -webkit-transform: translate(0, -1em);
  -moz-transform: translate(0, -1em);
  transform: translate(0, -1em);
  -webkit-transition: height 0ms linear 260ms,
    opacity 150ms cubic-bezier(0.33, 1, 0.68, 1),
    transform 150ms cubic-bezier(0.33, 1, 0.68, 1);
  -moz-transition: height 0ms linear 260ms,
    opacity 150ms cubic-bezier(0.33, 1, 0.68, 1),
    transform 150ms cubic-bezier(0.33, 1, 0.68, 1);
  transition: height 0ms linear 260ms,
    opacity 150ms cubic-bezier(0.33, 1, 0.68, 1),
    transform 150ms cubic-bezier(0.33, 1, 0.68, 1);
}

.module--text-content-accordion--full .text-content-accordion__col--accordion .accordion .accordion__item .accordion__answer .inner {
  margin: 0;
  padding: 1em 0em;
}

.module--text-content-accordion--full .text-content-accordion__col--accordion .accordion .accordion__item .accordion__answer .inner .alignright {
  margin-left: 2em;
}

.module--text-content-accordion--full .text-content-accordion__col--accordion .accordion .accordion__item .accordion__answer .inner .alignleft {
  margin-right: 2em;
}

.module--text-content-accordion--full .text-content-accordion__col--accordion .accordion .accordion__item .accordion__answer .inner .btn {
  margin-top: 1em;
}

@media only screen and (max-width: 999px) {

  .module--text-content-accordion--full .text-content-accordion__col--accordion .accordion .accordion__item .accordion__answer .inner .alignright,
  .module--text-content-accordion--full .text-content-accordion__col--accordion .accordion .accordion__item .accordion__answer .inner .alignleft {
    float: none;
    margin: 0px auto 31px;
    display: block;
  }
}

.module--text-content-accordion--full .text-content-accordion__col--accordion .accordion .accordion__item--open .accordion__question .accordion__icon {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.module--text-content-accordion--full .text-content-accordion__col--accordion .accordion .accordion__item--open .accordion__answer {
  -webkit-transition: height 0ms linear 0ms,
    opacity 150ms cubic-bezier(0.33, 1, 0.68, 1) 10ms,
    transform 150ms cubic-bezier(0.33, 1, 0.68, 1) 10ms;
  -moz-transition: height 0ms linear 0ms,
    opacity 150ms cubic-bezier(0.33, 1, 0.68, 1) 10ms,
    transform 150ms cubic-bezier(0.33, 1, 0.68, 1) 10ms;
  transition: height 0ms linear 0ms,
    opacity 150ms cubic-bezier(0.33, 1, 0.68, 1) 10ms,
    transform 150ms cubic-bezier(0.33, 1, 0.68, 1) 10ms;
  height: auto;
  opacity: 1;
  -webkit-transform: translate(0, 0em);
  -moz-transform: translate(0, 0em);
  transform: translate(0, 0em);
}

/*  ==========================================================================
	MODULE - Text Content & List Grid
	========================================================================== */
@media only screen and (min-width: 1000px) {
  .module--text-content-listgrid .text-content-listgrid__col--text {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 1600px) {
  .module--text-content-listgrid .text-content-listgrid__col .row--mb>.col {
    margin-bottom: 4.4em;
  }
}

.module--text-content-listgrid .text-content__styled-list {
  margin: 2em 0 0;
}

.module--text-content-listgrid .text-content__styled-list li {
  padding: 1em 0;
  position: relative;
  font-weight: 600;
  padding-left: 2.5rem;
}

.module--text-content-listgrid .text-content__styled-list li:not(:last-of-type) {
  border-bottom: 1px solid rgba(0, 87, 88, 0.5);
}

.module--text-content-listgrid .text-content__styled-list li i {
  color: #005758;
  margin: 0 0.75rem;
  position: absolute;
  left: 0;
  margin-top: 3px;
}

/*  ==========================================================================
	MODULE - Quote
	========================================================================== */
.module--quote {
  position: relative;
}

.module--quote .modulequote__cite {
  display: block;
  font-style: normal;
}

.module--quote.modulequote--withimg {
  background: #000;
}

.module--quote.modulequote--withimg .modulequote__img {
  opacity: 0;
  -webkit-transform: none;
  -moz-transform: none;
  transform: none;
  -webkit-transition: opacity 1000ms cubic-bezier(0.33, 1, 0.68, 1) 0ms;
  -moz-transition: opacity 1000ms cubic-bezier(0.33, 1, 0.68, 1) 0ms;
  transition: opacity 1000ms cubic-bezier(0.33, 1, 0.68, 1) 0ms;
}

.module--quote.modulequote--withimg .modulequote__img.effect--ready {
  opacity: 0.66;
}

/*  ==========================================================================
	MODULE - Call to Action
	========================================================================== */
.module--cta {
  position: relative;
}

.module--cta .modulecta__cta {
  margin-top: 2em;
}

.module--cta.modulecta--withimg {
  background-color: #000;
}

.module--cta.modulecta--withimg .modulecta__img {
  opacity: 0;
  -webkit-transform: none;
  -moz-transform: none;
  transform: none;
  -webkit-transition: opacity 1000ms cubic-bezier(0.33, 1, 0.68, 1) 0ms;
  -moz-transition: opacity 1000ms cubic-bezier(0.33, 1, 0.68, 1) 0ms;
  transition: opacity 1000ms cubic-bezier(0.33, 1, 0.68, 1) 0ms;
}

.module--cta.modulecta--withimg .modulecta__img.effect--ready {
  opacity: 0.66;
}

.main .module:last-of-type.module--fullwidth {
  margin-bottom: 0;
}

/*  ==========================================================================
	MODULE - Posts Grid / Carousel
	========================================================================== */
.module--featuredposts .featuredposts__header .featuredposts__header__heading {
  display: inline-block;
  margin-right: 0.5em;
  margin-bottom: 1.25rem;
  vertical-align: bottom;
}

.module--featuredposts .featuredposts__header .btn {
  display: inline-block;
  vertical-align: bottom;
  margin: 0 0 1.25rem 0;
}

.module--featuredposts--carousel {
  overflow: hidden;
}

.module--featuredposts--carousel .featuredposts__header {
  padding-right: 5.5em;
}

/*  ==========================================================================
	MODULE - Posts Grid / Carousel
	========================================================================== */
.important-width {
  width: 0% !important;
}

.module--tilecarousel {
  overflow: hidden;
}

.module--tilecarousel .tilecarousel__header {
  padding-right: 5.5em;
  display: flex;
  border-bottom: solid 1px rgba(31, 42, 68, 0.35);
  margin-bottom: 2.5rem;
  align-items: center;
  min-height: 60px;
}

.module--tilecarousel .tilecarousel__header .tilecarousel__header__heading {
  display: inline-block;
  margin-right: 0.5em;
  margin-bottom: 1rem;
  vertical-align: bottom;
  flex-grow: 1;
}

.module--tilecarousel .tilecarousel__header .btn {
  display: none;
  vertical-align: bottom;
  margin: 0 0 1.25rem 0;
}

@media only screen and (min-width: 700px) {
  .module--tilecarousel .tilecarousel__header .btn {
    display: inline-block;
  }
}

@media only screen and (min-width: 1000px) {
  .module--tilecarousel .tilecarousel__leader {
    display: none;
  }
}

.module--tilecarousel .row--carousel {
  padding-bottom: 2em;
}

.module--tilecarousel .owl-carousel .carousel_leader_col {
  display: none;
}

@media only screen and (min-width: 1000px) {
  .module--tilecarousel .owl-carousel .carousel_leader_col {
    display: block;
  }
}

.module--tilecarousel .owl-carousel .owl-nav {
  margin-top: -2.5rem;
}

.module--tilecarousel .owl-carousel .owl-stage-outer {
  overflow: visible;
}

.module--tilecarousel .owl-carousel .owl-stage {
  display: flex;
  flex-direction: row;
}

.module--tilecarousel .owl-carousel .owl-stage .owl-item {
  float: none;
}

.module--tilecarousel .owl-carousel .owl-stage .owl-item .col {
  height: 100%;
}

.module--tilecarousel .owl-carousel .owl-stage::after {
  display: none;
}

/*  ==========================================================================
	MODULE - Box Tile Grid
	========================================================================== */
.module--box-tile-grid__content {
  border: 1px solid #d9d9d6;
  box-sizing: border-box;
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.05);
  padding: 1.5rem;
  height: 100%;
}

@media only screen and (min-width: 550px) {
  .module--box-tile-grid__content {
    padding: 2rem;
  }
}

@media only screen and (min-width: 700px) {
  .module--box-tile-grid__content {
    padding: 2.4rem 2.4rem 4rem;
  }
}

.module--box-tile-grid__content__img {
  margin-bottom: 1.5em;
}

.module--box-tile-grid__content__heading {
  margin: 0.5em 0 0;
}

.module--box-tile-grid__content__textarea {
  margin: 0.4em 0 0;
}

.module--box-tile-grid__content__textarea p {
  margin: 0 0 1.2em;
}

/*  ==========================================================================
	MODULE - Box Tile Grid
	========================================================================== */
.module--statistics__content {
  background-color: rgba(0, 87, 88, 0.5);
  padding: 1.5rem;
  box-sizing: border-box;
  height: 100%;
}

@media only screen and (min-width: 550px) {
  .module--statistics__content {
    padding: 2rem;
  }
}

@media only screen and (min-width: 700px) {
  .module--statistics__content {
    padding: 2.4rem 2.4rem 3.5rem;
  }
}

.module--statistics .col {
  margin-bottom: calc(0.75em * 2);
}

@media only screen and (min-width: 550px) {
  .module--statistics .col {
    margin-bottom: calc(0.75em * 2);
  }
}

@media only screen and (min-width: 700px) {
  .module--statistics .col {
    margin-bottom: calc(0.75em * 2);
  }
}

@media only screen and (min-width: 1000px) {
  .module--statistics .col {
    margin-bottom: calc(0.75em * 2);
  }
}

@media only screen and (min-width: 1200px) {
  .module--statistics .col {
    margin-bottom: calc(0.75em * 2);
  }
}

@media only screen and (min-width: 1400px) {
  .module--statistics .col {
    margin-bottom: calc(0.75em * 2);
  }
}

@media only screen and (min-width: 1600px) {
  .module--statistics .col {
    margin-bottom: calc(0.75em * 2);
  }
}

/*  ==========================================================================
	MODULE - Interview / Q & A
	========================================================================== */
.module--interview .interview__question,
.module--interview .interview__answer {
  position: relative;
}

.module--interview .interview__question .interview__tag,
.module--interview .interview__answer .interview__tag {
  display: inline-block;
  opacity: 0.5;
  margin-bottom: 0.5em;
  position: relative;
}

.module--interview .interview__question .interview__tag::after,
.module--interview .interview__answer .interview__tag::after {
  content: "";
  margin-left: 0.8em;
  height: 1px;
  top: 46%;
  width: 11px;
  background-color: #d9d9d6;
  position: absolute;
}

@media only screen and (min-width: 700px) {

  .module--interview .interview__question .interview__tag,
  .module--interview .interview__answer .interview__tag {
    position: absolute;
    left: -4em;
    margin-bottom: 0;
    width: 30px;
    text-align: right;
  }
}

@media only screen and (min-width: 1000px) {
  .module--interview .interview__question h4 {
    margin-bottom: 2.5rem;
  }
}

.module--interview .col--content:not(:last-of-type) {
  margin-bottom: 3.25rem;
}

@media only screen and (min-width: 1000px) {
  .module--interview .col--content:not(:last-of-type) {
    margin-bottom: 6.25rem;
  }
}

/*  ==========================================================================
	MODULE - Testimonial / Quote
	========================================================================== */
.module--testimonial-quote__name {
  display: inline-block;
}

.module--testimonial-quote .col--img {
  margin-left: 0;
  position: relative;
}

.module--testimonial-quote .col--text {
  margin-bottom: 0;
}

@media only screen and (min-width: 1200px) {
  .module--testimonial-quote .col--text {
    margin-bottom: 2em;
  }
}

.module--testimonial-quote .module--testimonial-quote__img__wrapper {
  position: relative;
  padding-top: 75%;
}

.module--testimonial-quote__img {
  width: 100px;
  height: 100px;
  background: #fff;
  box-shadow: 0px 0px 22px rgba(0, 0, 0, 0.25);
  position: absolute;
  top: -50px;
  right: -34px;
}

@media only screen and (min-width: 700px) {
  .module--testimonial-quote__img {
    right: -50px;
  }
}

@media only screen and (min-width: 1200px) {
  .module--testimonial-quote__img {
    width: 132px;
    height: 132px;
    top: -66px;
    right: -66px;
  }
}

.module--testimonial-quote__img img {
  width: 58px;
}

@media only screen and (min-width: 1200px) {
  .module--testimonial-quote__img img {
    width: 88px;
  }
}

/*  ==========================================================================
	MODULE - Promotions
	========================================================================== */
.module--promotions {
  overflow: hidden;
  position: relative;
}

.module--promotions .owl-stage-outer {
  overflow: hidden;
}

@media only screen and (min-width: 550px) {
  .module--promotions .owl-stage-outer {
    overflow: visible;
  }
}

.module--promotions .owl-stage-outer .owl-stage {
  display: flex;
}

/*  ==========================================================================
	MODULE - Vendors
	========================================================================== */
.module--vendors-carousel .row {
  background-color: #fff;
}

.module--vendors-carousel .row .col {
  background: #fff;
  position: relative;
}

.module--vendors-carousel .row .col:first-child {
  border-left: 1px solid rgba(78, 195, 224, 0.2);
}

.module--vendors-carousel .row .col:before {
  filter: drop-shadow(0 0 0.25em rgba(0, 0, 0, 0.5));
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  z-index: 1;
}

.module--vendors-carousel .row .col .vendor__logos {
  z-index: 2;
  background: #fff;
  position: relative;
}

.module--vendors-carousel .row .col .vendor__logos__link {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 2;
}

/*  ==========================================================================
	MODULE - Related Posts
	========================================================================== */
.relatedposts__cta {
  margin-bottom: 2.5rem;
  border-bottom: 1px solid #d9d9d6;
}

.relatedposts__cta .btn {
  margin: 0 0 1rem 0;
}

/*  ==========================================================================
	MODULE - Tile Grid
	========================================================================== */
.module--tilegrid .servicetile .servicetileimg {
  padding: 9% 12%;
}

/*  ==========================================================================
	MODULE - Form
	========================================================================== */
.col {
  position: relative;
}

.col .vendor__logos {
  z-index: 2;
  background: #fff;
  position: relative;
}

.col .vendor__logos__link {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 2;
}

.iconlist .listgriditem {
  text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  /*justify-content: space-between;*/
  justify-content: start;
}

.iconlist .listgriditem__icon {
  margin: 0 auto;
}

.modulefloating {
  z-index: 999;
  margin: 0;
  position: fixed;
}

.floating-right {
  right: 0;
  top: 50%;
}

.floating-left {
  left: 0;
  top: 50%;
}

.floating-top {
  top: 0;
  width: 100%;
}

.floating-bottom {
  bottom: 0;
  width: 100%;
}

body.vendors .sitefooter__cta,
body.single-vendor .sitefooter__cta {
  display: none;
}

.tech-breadcrumb {
  font-size: 13px;
  color: #005758;
}

.tech-breadcrumb .linkline {
  text-decoration: none !important;
  border-bottom: none;

}

.tech-breadcrumb a {
  color: #005758;
}

.tech-breadcrumb .breadcrumb_last {
  color: #005758;
  font-weight: 600;
}

.parent-breadcrumb {

  box-shadow: 0px -1px 0px rgba(0, 87, 88, 0.5), 0px 1px 0px rgba(0, 87, 88, 0.5);
}

@media only screen and (min-width: 1200px) {
  .mobile-menu-contain {
    display: none;
  }

  .siteheader__mobtools-app-launcher {
    display: none;
  }
}

div[role='dialog'] h4 {
  text-align: center !important;
}

div[role='dialog'] ul {
  display: flex !important;
  flex-direction: column;
  flex-wrap: wrap !important;
  height: auto !important;
}

div[role='dialog'] ul li {
  outline: none;
  background: #fff;
  margin-left: 0 !important;
  gap: 1px;
  padding: 8px 0 !important;
  min-height: 34px;
  border-bottom: 1px var(--colors-neutral-gray2, #f0f0f0) solid;
  margin-bottom: 0 !important;
  box-sizing: content-box;
}

div[data-consumer="TRUSTEDADVISOR"] h4 {
  text-align: center !important;
}

div[data-consumer="TRUSTEDADVISOR"] ul {
  display: flex !important;
  flex-direction: column;
  flex-wrap: wrap !important;
  height: auto !important;
}

div[data-consumer="TRUSTEDADVISOR"] ul li {
  outline: none;
  background: #fff;
  margin-left: 0 !important;
  gap: 1px;
  padding: 8px 0 !important;
  min-height: 34px;
  border-bottom: 1px var(--colors-neutral-gray2, #f0f0f0) solid;
  margin-bottom: 0 !important;
  box-sizing: content-box;
}

/* added for footer links being too wide */
@media(min-width:768px) {
  .sitefooter .be-ix-link-block .be-related-link-container {align-items:start;}
  .sitefooter .be-ix-link-block .be-related-link-container .be-list {flex-wrap:nowrap;white-space:break-spaces;justify-content:start;}
  .sitefooter .be-ix-link-block .be-related-link-container .be-list .be-list-item {text-wrap:balance;}
}
@media(min-width:1000px) {
  .sitefooter .be-ix-link-block {margin-left:-45%;margin-right:-45%;width:190%;}
}