/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
@import url("//hello.myfonts.net/count/2fe524");
@import url(https://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,700,700italic,900);
@import url(//fonts.googleapis.com/css?family=Lato:300,400,700);
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block; }

/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template,
[hidden] {
  display: none; }

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  text-decoration: none;
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bold; }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
select,
textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold; }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

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

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* COLORS */
/*BUTTONS*/
/* MIXINS */
@font-face {
  font-family: 'UniSansThin';
  src: url("/fonts/2FE524_A_0.eot");
  src: url("/fonts/2FE524_A_0.eot?#iefix") format("embedded-opentype"), url("/fonts/2FE524_A_0.woff2") format("woff2"), url("/fonts/2FE524_A_0.woff") format("woff"), url("/fonts/2FE524_A_0.ttf") format("truetype"); }

@font-face {
  font-family: 'UniSansThinItalic';
  src: url("/fonts/2FE524_B_0.eot");
  src: url("/fonts/2FE524_B_0.eot?#iefix") format("embedded-opentype"), url("/fonts/2FE524_B_0.woff2") format("woff2"), url("/fonts/2FE524_B_0.woff") format("woff"), url("/fonts/2FE524_B_0.ttf") format("truetype"); }

@font-face {
  font-family: 'UniSansLight';
  src: url("/fonts/2FE524_6_0.eot");
  src: url("/fonts/2FE524_6_0.eot?#iefix") format("embedded-opentype"), url("/fonts/2FE524_6_0.woff2") format("woff2"), url("/fonts/2FE524_6_0.woff") format("woff"), url("/fonts/2FE524_6_0.ttf") format("truetype"); }

@font-face {
  font-family: 'UniSansLightItalic';
  src: url("/fonts/2FE524_7_0.eot");
  src: url("/fonts/2FE524_7_0.eot?#iefix") format("embedded-opentype"), url("/fonts/2FE524_7_0.woff2") format("woff2"), url("/fonts/2FE524_7_0.woff") format("woff"), url("/fonts/2FE524_7_0.ttf") format("truetype"); }

@font-face {
  font-family: 'UniSansBook';
  src: url("/fonts/2FE524_3_0.eot");
  src: url("/fonts/2FE524_3_0.eot?#iefix") format("embedded-opentype"), url("/fonts/2FE524_3_0.woff2") format("woff2"), url("/fonts/2FE524_3_0.woff") format("woff"), url("/fonts/2FE524_3_0.ttf") format("truetype"); }

@font-face {
  font-family: 'UniSansBookItalic';
  src: url("/fonts/2FE524_1_0.eot");
  src: url("/fonts/2FE524_1_0.eot?#iefix") format("embedded-opentype"), url("/fonts/2FE524_1_0.woff2") format("woff2"), url("/fonts/2FE524_1_0.woff") format("woff"), url("/fonts/2FE524_1_0.ttf") format("truetype"); }

@font-face {
  font-family: 'UniSansRegular';
  src: url("/fonts/2FE524_9_0.eot");
  src: url("/fonts/2FE524_9_0.eot?#iefix") format("embedded-opentype"), url("/fonts/2FE524_9_0.woff2") format("woff2"), url("/fonts/2FE524_9_0.woff") format("woff"), url("/fonts/2FE524_9_0.ttf") format("truetype"); }

@font-face {
  font-family: 'UniSansRegularItalic';
  src: url("/fonts/2FE524_8_0.eot");
  src: url("/fonts/2FE524_8_0.eot?#iefix") format("embedded-opentype"), url("/fonts/2FE524_8_0.woff2") format("woff2"), url("/fonts/2FE524_8_0.woff") format("woff"), url("/fonts/2FE524_8_0.ttf") format("truetype"); }

@font-face {
  font-family: 'UniSansSemiBold';
  src: url("/fonts/2FE524_D_0.eot");
  src: url("/fonts/2FE524_D_0.eot?#iefix") format("embedded-opentype"), url("/fonts/2FE524_D_0.woff2") format("woff2"), url("/fonts/2FE524_D_0.woff") format("woff"), url("/fonts/2FE524_D_0.ttf") format("truetype"); }

@font-face {
  font-family: 'UniSansSemiBoldItalic';
  src: url("/fonts/2FE524_0_0.eot");
  src: url("/fonts/2FE524_0_0.eot?#iefix") format("embedded-opentype"), url("/fonts/2FE524_0_0.woff2") format("woff2"), url("/fonts/2FE524_0_0.woff") format("woff"), url("/fonts/2FE524_0_0.ttf") format("truetype"); }

@font-face {
  font-family: 'UniSansBold';
  src: url("/fonts/2FE524_C_0.eot");
  src: url("/fonts/2FE524_C_0.eot?#iefix") format("embedded-opentype"), url("/fonts/2FE524_C_0.woff2") format("woff2"), url("/fonts/2FE524_C_0.woff") format("woff"), url("/fonts/2FE524_C_0.ttf") format("truetype"); }

@font-face {
  font-family: 'UniSansBoldItalic';
  src: url("/fonts/2FE524_2_0.eot");
  src: url("/fonts/2FE524_2_0.eot?#iefix") format("embedded-opentype"), url("/fonts/2FE524_2_0.woff2") format("woff2"), url("/fonts/2FE524_2_0.woff") format("woff"), url("/fonts/2FE524_2_0.ttf") format("truetype"); }

@font-face {
  font-family: 'UniSansHeavy';
  src: url("/fonts/2FE524_4_0.eot");
  src: url("/fonts/2FE524_4_0.eot?#iefix") format("embedded-opentype"), url("/fonts/2FE524_4_0.woff2") format("woff2"), url("/fonts/2FE524_4_0.woff") format("woff"), url("/fonts/2FE524_4_0.ttf") format("truetype"); }

@font-face {
  font-family: 'UniSansHeavyItalic';
  src: url("/fonts/2FE524_5_0.eot");
  src: url("/fonts/2FE524_5_0.eot?#iefix") format("embedded-opentype"), url("/fonts/2FE524_5_0.woff2") format("woff2"), url("/fonts/2FE524_5_0.woff") format("woff"), url("/fonts/2FE524_5_0.ttf") format("truetype"); }

h1,
h2,
h3,
h4 {
  font-family: Lato, sans-serif;
  -webkit-font-smoothing: antialiased; }

h1 {
  text-transform: uppercase; }

h2 {
  /*color: $header-text;*/
  line-height: 1.2;
  margin: 8px 0 0 0;
  text-transform: uppercase; }

p, ul, ol, li, td {
  font-family: Lato, sans-serif;
  font-size: 1em; }

ol li {
  margin: 0 0 10px 0;
  line-height: 1.6em; }

/* Variables */
/*Z-indexes*/
/* Colors */
/*Buttons*/
/* Mixins */
/* ====================================================================================================================
   General Styles
   ==================================================================================================================== */
/* Variables */
/*Z-indexes*/
/* Colors */
/*Buttons*/
/* Mixins */
html {
  background-color: #161819; }

body {
  position: relative;
  /*height: 100vh;*/
  text-align: center;
  background-color: #161819; }

/*#container {
  position: relative;
  margin: 0 auto;
  max-width: 1500px;
  text-align: center;
}*/
.content {
  background-color: #fff;
  margin: 0 auto;
  /*max-width: 1200px;*/
  text-align: left;
  position: relative; }

a:link {
  color: #66a2c6; }

a:visited {
  color: #366e90; }

a:hover {
  color: #8bb9d4;
  /* Make site style guide with colors used. */ }

.nav-wrapper {
  width: 100%;
  height: auto;
  min-height: 100px;
  background-color: #fff;
  /*white-space: nowrap;*/ }
  .nav-wrapper .content {
    position: relative; }

.home-logo {
  position: absolute;
  top: 30px;
  left: 0; }

/* Body Content------------------------------------------------------------------------------------ */
.box h4 {
  margin: 0;
  padding: 0;
  font-weight: 400;
  letter-spacing: 5px;
  line-height: 0; }

.box-container {
  position: relative;
  margin: 12% 10%;
  padding: 10%;
  border: 1px solid white; }

.box-text {
  position: relative;
  margin: 0 auto;
  text-align: center; }

/* Search results------------------------------------------------------------------------------------ */
.OutputTitle {
  font-size: 1.1rem;
  font-weight: bold;
  margin-top: 1.5rem;
  display: block; }

.OutputHighlight {
  font-weight: bold; }

.OutputText {
  line-height: 1.5; }

.OutputUrl {
  display: none; }

/*.ending-tgpa {
  color: #80a3b7 !important;
}

.ending-tgpf {
  color: #ec1231 !important;
}*/
.mobile-on-inline {
  display: none; }

/* Mixin */
/* Helpers */
.min-height {
  min-height: 75vh; }

.inline {
  display: inline-block !important; }

.uppercase {
  text-transform: uppercase !important; }

.extrabold {
  font-weight: 800; }

.error {
  position: absolute;
  color: red; }

.quote-request-img {
  background-image: url(/quote-request/img/hero.jpg); }

/*Start General*/
/*Case studies, Leed, Jobs, ...*/
.Table {
  margin: 0; }
  .Table .Table-row {
    background-color: transparent; }

/*Steelbuilt Table Mobile Style*/
@media (max-width: 750px) {
  .steelbuilt-table .Table-header {
    display: none; }
  .steelbuilt-table.Table {
    flex-flow: column nowrap; }
    .steelbuilt-table.Table .Table-row {
      flex-flow: column nowrap; }
      .steelbuilt-table.Table .Table-row a.Table-row-item {
        color: inherit; }
      .steelbuilt-table.Table .Table-row .Table-row-item {
        font-size: .8rem;
        margin-bottom: 25px;
        display: inline-block;
        pointer-events: none;
        border: none !important; }
        .steelbuilt-table.Table .Table-row .Table-row-item:first-child {
          text-align: center !important; }
        .steelbuilt-table.Table .Table-row .Table-row-item:not(:first-child):before {
          content: attr(data-header);
          font-size: .75rem;
          position: absolute;
          margin-top: -25px;
          width: 100%;
          left: 0; } }

/*End General*/
/*Page Body & Header*/
#body-wrapper {
  z-index: 3; }

.fixed-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 44px;
  font-family: 'UniSansRegular';
  font-size: 1.3rem;
  margin-left: 64px;
  margin-top: 0;
  padding-left: 65px;
  padding-top: 20px;
  text-align: left;
  color: #ffffff;
  background-color: #191919;
  letter-spacing: .25rem;
  z-index: 50;
  transition: background-color 600ms ease; }
  .fixed-header span {
    position: absolute;
    margin-top: 0;
    font-size: .8rem;
    letter-spacing: 0.08rem; }

.fixed-header-secondary-text {
  padding-top: 13px;
  height: 55px; }

.forms-hero-img {
  height: 542px;
  width: 100vw;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: fixed;
  top: -175px;
  left: 0;
  z-index: 4;
  transition: all 400ms ease; }

#form-header-content {
  position: absolute;
  width: 70vw;
  display: inline-block;
  bottom: 0;
  left: 50%;
  margin-left: -35vw;
  transition: opacity 400ms ease; }
  #form-header-content img {
    float: right;
    display: inline-block;
    height: 100%;
    width: 400px; }
  #form-header-content h3 {
    font-size: 1.6rem;
    font-family: 'UniSansSemiBold';
    color: #ffd900;
    text-transform: uppercase;
    letter-spacing: .07rem; }
  #form-header-content p {
    font-size: 1.1rem;
    line-height: 1.5rem; }
  #form-header-content a {
    color: #ffd900; }

.form-header-content-text {
  float: left;
  display: inline-block;
  color: #fff;
  text-align: left;
  width: calc(70vw - 425px);
  margin-top: 85px;
  vertical-align: middle;
  margin-right: 25px; }

/*Contact Number in Header*/
.contact-info {
  position: fixed;
  right: 0;
  top: 33px;
  transform: translateY(-50%);
  color: #fff;
  margin-right: 2.5%;
  font-family: Lato;
  font-weight: light;
  font-size: 1rem;
  letter-spacing: 0.2rem;
  z-index: 51; }
  .contact-info .quote-request {
    color: white;
    letter-spacing: .05rem;
    margin-right: 15px; }
    @media (max-width: 1000px) {
      .contact-info .quote-request {
        display: none; }
        .contact-info .quote-request + .vert-pipe {
          display: none; } }
  .contact-info .vert-pipe {
    font-size: 1.5rem;
    margin-top: 80%;
    padding-right: 20px; }
  .contact-info img {
    display: inline-block;
    vertical-align: middle;
    padding-right: 20px;
    padding-bottom: 5px; }

/*End Page Body & Header*/
.body-content-wrap {
  background-color: #fff;
  width: 70vw;
  margin: 0 auto;
  z-index: 3;
  margin-top: 150px;
  position: relative;
  padding-bottom: 45px;
  text-align: left;
  transition: margin-top 500ms ease;
  min-height: 32vh;
  /*a{
		&:hover, &:focus{
			color: #282828;
		}
	}*/ }

.body-content-wrap, .leed-body-wrap, .specifire-wrap {
  margin-top: 0;
  padding-top: 50px; }

.body-content-wrap.img-above {
  margin-top: 0; }

.body-content-wrap hr {
  border: 0;
  height: 1px;
  border-top: 1px dashed #adadad;
  background-color: #fff; }

.form-content-wrap {
  background-color: #fff;
  width: 70vw;
  margin: 0 auto;
  min-height: 35vh;
  z-index: 3;
  margin-top: 425px;
  position: relative;
  padding-bottom: 45px;
  text-align: left;
  transition: margin-top 500ms ease; }
  .form-content-wrap a:hover, .form-content-wrap a:focus {
    color: #282828; }

.form-content-wrap.img-above {
  margin-top: 0; }

.form-content-wrap hr {
  border: 0;
  height: 1px;
  border-top: 1px dashed #adadad;
  background-color: #fff; }

.forms-page {
  margin-bottom: 240px;
  overflow-x: hidden;
  background-color: white; }

.honeypot {
  display: none; }

.hr-padding {
  margin: 25px 0; }

#form1 {
  width: 100%; }

.input {
  position: relative;
  z-index: 1;
  display: inline-block;
  margin: 2% 2% 2% 0;
  width: 47%;
  vertical-align: top; }

.input__field {
  position: relative;
  display: block;
  padding: .75rem .5rem .75rem .5rem;
  width: 60%;
  border: none;
  border-radius: 0;
  background: #f0f0f0;
  color: #aaa;
  -webkit-appearance: none;
  /* for box shadows to show on iOS */ }

.input__field:focus {
  outline: none; }

.input__label {
  display: inline-block;
  float: right;
  padding: 0 1em;
  width: 40%;
  color: #696969;
  font-weight: bold;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.input__label-content {
  position: relative;
  display: block;
  padding: 1.6em 0;
  width: 100%; }

/* Yoshiko */
.input__field--yoshiko {
  box-sizing: border-box;
  width: 100%;
  background-color: transparent;
  border-bottom: 1px solid #595552;
  vertical-align: middle;
  -webkit-transition: background-color 0.25s, border-color 0.25s;
  transition: background-color 0.25s, border-color 0.25s; }

.input__label--yoshiko {
  width: 100%;
  text-align: left;
  position: absolute;
  bottom: 100%;
  pointer-events: none;
  overflow: hidden;
  padding: 0;
  -webkit-transform: translate3d(0, 3em, 0);
  transform: translate3d(0, 3em, 0);
  -webkit-transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out; }

.input__label-content--yoshiko {
  color: #8B8C8B;
  padding: .7rem 0;
  -webkit-transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out; }

.input__label-content--yoshiko::after {
  content: attr(data-content);
  position: absolute;
  font-weight: bold;
  bottom: 80%;
  left: 0;
  height: 100%;
  width: 100%;
  color: #8db02e;
  padding: .125rem 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: .875rem; }

.input__field--yoshiko:focus + .input__label--yoshiko,
.input--filled .input__label--yoshiko {
  -webkit-transform: translate3d(0, 1em, 0);
  transform: translate3d(0, 1em, 0); }

.input__label--yoshiko:focus,
.input__label--yoshiko:active {
  -webkit-transform: translate3d(0, 1em, 0);
  transform: translate3d(0, 1em, 0); }

.input__field--yoshiko:focus + .input__label--yoshiko .input__label-content--yoshiko,
.input--filled .input__label-content--yoshiko {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0); }

.input__field--yoshiko:focus + .input__field--yoshiko,
.input--filled .input__field--yoshiko {
  background-color: transparent;
  border-color: #8db02e; }

.lower-input {
  font-family: Lato, sans-serif;
  color: #696969;
  font-weight: bold;
  font-size: 1rem; }

/*Resources General Classes*/
.resources-gray-width {
  width: 100vw;
  background-color: #e2e2e2; }

.footnotes {
  font-size: 80%;
  font-style: italic; }

.flexbox-container {
  display: flex; }
  .flexbox-container a {
    font-family: Lato;
    font-size: .9rem;
    line-height: 1.5rem;
    display: block;
    color: black; }
    .flexbox-container a:hover {
      color: #696969; }

.flexbox-container > div {
  width: 50%;
  padding: 10px; }

.backToTop {
  position: fixed;
  right: 50px;
  top: 65px;
  display: none; }
  .backToTop a {
    border: 2px solid #66a2c6;
    background-color: #66a2c6;
    padding: 10px 20px;
    color: #fff;
    transition: background-color 150ms ease; }
    .backToTop a:hover {
      background-color: transparent; }

/*END GLOSSARY*/
/*NEWSLETTER*/
.links-container {
  min-height: 75vh; }
  .links-container .question {
    width: 60%; }
  .links-container div {
    cursor: pointer; }
  .links-container img {
    width: 25px; }

.forms-textbox {
  padding-left: 10px;
  min-height: 37px;
  border: 1px solid #696969; }
  .forms-textbox:active, .forms-textbox:focus {
    outline: 0;
    border: 1px solid #696969; }

/*FORMS*/
.news-release-wrap {
  width: 50vw; }
  .news-release-wrap h2 {
    color: #66a2c6;
    margin-bottom: 50px; }

/*END FORMS*/
/*JOBS*/
.jobs-container {
  min-height: 60vh; }
  .jobs-container .product-button {
    background-color: #ddd;
    border: none;
    border-radius: 0; }
    .jobs-container .product-button:hover {
      background-color: #f2f2f2; }
  .jobs-container .note {
    font-style: italic; }
  .jobs-container .logo-container {
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
    margin-top: 0; }
  .jobs-container .details-wrap {
    padding: 50px;
    padding-bottom: 0; }
  .jobs-container h4 {
    margin-top: 40px;
    padding-bottom: 5px;
    font-weight: 800;
    border-bottom: 1px solid #bbb; }
  .jobs-container p {
    line-height: 1.5rem;
    margin: 10px 0; }

/*END JOBS*/
/*NEWS RELEASES*/
.news-release-header {
  top: -400px !important; }
  .news-release-header .fixed-header {
    background-color: transparent; }

.news-release-page-wrap {
  margin-top: 175px !important;
  min-height: 57.5vh; }
  .news-release-page-wrap p {
    line-height: 1.75rem; }

.newsReleaseBack {
  display: block; }

.image-caption {
  font-size: .8rem;
  line-height: 1rem !important; }

/*END NEWS RELEASES*/
/*INFORMATION REQUEST*/
.info-request-wrap .presentationDescription {
  width: 100%;
  display: inline-block;
  background-color: #e2e2e2;
  vertical-align: top;
  padding: 30px 0; }
  .info-request-wrap .presentationDescription img {
    margin-right: 25px;
    float: left; }
  .info-request-wrap .presentationDescription .header-title {
    float: left;
    width: 60%; }

.info-request-wrap .checkbox {
  color: black; }

.info-request-wrap h2 {
  font-family: UniSansSemiBold;
  letter-spacing: .05rem;
  color: #66a2c6;
  font-size: 1.25rem; }

.info-request-wrap .select-label {
  padding-bottom: 18px; }

.presentation-checkbox {
  width: 45%;
  padding: 10px;
  padding-left: 0;
  line-height: 1.25rem;
  box-sizing: border-box; }
  .presentation-checkbox label {
    padding-left: 5px;
    font-family: Lato;
    font-size: .9rem; }

.checkbox-wrapper {
  display: inline-block;
  width: 100%; }
  .checkbox-wrapper label {
    padding-left: 5px;
    font-family: Lato;
    font-size: .9rem; }
  .checkbox-wrapper-head {
    margin-top: 40px; }

@media (max-width: 1280px) {
  .resources-body {
    width: 80vw; }
  .forms-hero-img {
    top: -175px; }
  .product-container {
    width: 80vw; }
  .body-content-wrap {
    width: 80vw;
    margin-top: 425px; }
  .glossary-body .wrap {
    width: 80vw; }
  #form-header-content {
    width: 80vw;
    margin-left: -40vw; }
    #form-header-content h3 {
      font-size: 1.35rem; }
    #form-header-content p {
      font-size: 1rem;
      line-height: 1.3rem; }
    #form-header-content img {
      width: 400px; }
  .form-header-content-text {
    margin-top: 90px;
    width: calc(80vw - 425px); }
  /*ENVIRONMENTAL*/
  .environmental-left {
    width: 50%; }
  .environmental-right {
    margin-left: 50px;
    width: 40%; }
  /*END ENVIRONMENTAL*/ }

@media (max-width: 1100px) {
  .input__label {
    font-size: .7rem;
    bottom: 80%; }
  .input__label-content--yoshiko::after {
    font-size: .6rem; }
  /*ENVIRONMENTAL*/
  .environmental-right h2 {
    font-size: 2.3rem; }
  /*END ENVIRONMENTAL*/ }

@media (max-width: 1000px) {
  #form-header-content h3 {
    font-size: 1.2rem; }
  #form-header-content p {
    line-height: 1.1rem; }
  #form-header-content p.smaller-text {
    font-size: .9rem; }
  #form-header-content img {
    width: 350px; }
  .form-header-content-text {
    width: calc(80vw - 400px);
    margin-top: 50px; } }

@media (max-width: 950px) {
  /*Links Pages*/
  .links-container .question {
    width: 30%; }
  /*End Links Pages*/
  /*Jobs*/
  .jobs-container {
    /*Start General*/
    /*End General*/ }
    .jobs-container h3 {
      font-size: 90%; }
    .jobs-container p {
      font-size: 90%; }
    .jobs-container .details-wrap {
      padding: 10px;
      font-size: 80%; }
    .jobs-container .Table .Table-row {
      margin-top: 10px; } }

@media (max-width: 850px) {
  #form-header-content h3 {
    font-size: 1.1rem;
    margin-bottom: 5px; }
  #form-header-content p.smaller-text {
    margin: 0;
    font-size: .85rem; }
  #form-header-content .form-header-content-text {
    width: 100%;
    margin-bottom: 30px; }
  #form-header-content img {
    display: none; }
  .fixed-header {
    font-size: 1rem;
    padding-top: 25px;
    height: 43px; }
    .fixed-header span {
      display: none; }
  .body-content-wrap {
    margin-top: 250px; }
  .forms-hero-img {
    top: -300px; }
  /*ENVIRONMENT*/
  .environmental-left {
    padding-bottom: 25px; }
  .environmental-right {
    width: 80%;
    padding-bottom: 50px; } }

@media (max-width: 750px) {
  .question {
    width: 55%; } }

@media (max-width: 730px) {
  /*Start General*/
  .Table-row-item {
    font-size: .6rem; }
  /*End General*/ }

@media (max-width: 750px) {
  .mobile-header-smaller {
    font-size: 90% !important; }
  .fixed-header {
    background-color: transparent;
    font-size: .9rem;
    padding-left: 0;
    padding-top: 0;
    width: 45%;
    display: inline-block;
    height: auto;
    top: 50%;
    transform: translateY(-50%);
    position: relative; }
  .contact-info {
    display: none; }
  .form-header-content-text {
    display: none; }
  .forms-hero-img {
    top: -400px; }
  .body-content-wrap {
    margin-top: 100px; }
  .body-content-wrap.product-comparison {
    margin-top: 100px; }
  /*Quote*/
  #quote-form-table-outer {
    border: 1px solid #282828;
    overflow-x: scroll; } }

/*STARTING SIZE FOR MOBILE*/
@media (max-width: 750px) {
  .mobile-margin {
    margin: auto 3vw; }
  .newsReleaseBack {
    display: none; }
  .news-release-header {
    top: 0 !important; }
  .news-release-page-wrap {
    margin-top: 95px !important; }
  /*HERO IMAGE*/
  .forms-hero-img {
    top: 0;
    height: 68px;
    background: #6ea2c8;
    background-image: none !important;
    z-index: 740; }
  .glossary-body-wrap {
    margin-top: 50px; }
  /*Form input effect shrink for mobile*/
  .input__label-content--yoshiko::after {
    font-size: .6rem;
    bottom: 40%; }
  .input {
    width: 100%; }
  #month-select {
    margin-left: 0; }
  /*Glossary Mobile*/
  .glossary-header-content .flexbox-container {
    width: 100%; }
    .glossary-header-content .flexbox-container div {
      padding: 3px; }
  .glossary-header-content a {
    font-size: .85rem; }
  /*Industry Links for mobile (FLEXBOX CONTAINER*/
  .flexbox-container {
    display: block; }
    .flexbox-container > div {
      width: 100%;
      margin-bottom: 10px;
      padding: 0; }
  #attribute-modal img {
    max-width: 90vw; }
  .mobile-on-inline {
    display: inline; }
  /*Newsletter*/
  .forms-textbox {
    box-sizing: border-box;
    width: 100%;
    padding-left: 10px;
    margin-bottom: 10px; } }

@media (max-width: 600px) {
  .presentation-checkbox {
    width: 100%; }
  .info-request-wrap .checkbox-wrapper .float-left,
  .info-request-wrap .checkbox-wrapper .float-right {
    float: none; } }

@media (max-width: 340px) {
  /*START GENERAL*/
  .fixed-header {
    font-size: .75rem; }
  /*END GENERAL*/ }

.tgp-table {
  border: none;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%; }
  .tgp-table-date {
    text-transform: uppercase; }

.tgp-table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em; }

.tgp-table tr {
  display: flex; }
  .tgp-table tr:nth-of-type(2n) {
    background-color: #F1F1F1; }

.tgp-table td {
  border-bottom: none; }

.tgp-table th,
.tgp-table td {
  padding: .625em;
  text-align: center;
  flex: 1;
  border-top: none; }
  .tgp-table th:first-of-type,
  .tgp-table td:first-of-type {
    max-width: 160px; }

.tgp-table th {
  font-size: 1rem;
  font-weight: normal; }

.tgp-table > th a {
  font-size: 1rem;
  font-weight: normal; }

.tgp-table td {
  padding: 30px;
  text-align: left;
  justify-content: flex-start;
  align-items: center;
  display: flex; }
  .tgp-table td:not(:last-of-type) {
    border-right: 5px solid white; }

@media screen and (max-width: 1150px) {
  .tgp-table td {
    padding: 10px; } }

@media screen and (max-width: 767px) {
  .tgp-table th:first-of-type,
  .tgp-table td:first-of-type {
    max-width: 100%; }
  .tgp-table td {
    text-align: center !important;
    border-right: none !important; }
  .tgp-table {
    border: 0; }
  .tgp-table caption {
    font-size: 1.3em; }
  .tgp-table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }
  .tgp-table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em; }
  .tgp-table td {
    border-bottom: none;
    display: block;
    font-size: .8em;
    text-align: right; }
  .tgp-table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a .tgp-table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase; }
  .tgp-table td:last-child {
    border-bottom: 0; } }

.aia-img {
  background-image: url(/resources/aia-ces-courses/on-demand-courses/img/hero.jpg); }

/*AIA*/
.course-wrapper {
  background-color: #ddd;
  height: 20px;
  margin: 0 0 10px 0;
  padding: 2%;
  position: relative;
  overflow: hidden;
  transition: all 0.2s ease-in, height 1s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  cursor: pointer; }

.course-wrapper:hover {
  background-color: #f2f2f2; }

.course-wrapper h2 {
  color: #66a2c6;
  margin: 0 0 19px 0 !important;
  padding-bottom: 25px;
  border-bottom: 1px solid #66a2c6;
  font-family: UniSansSemiBold;
  font-size: 1.3rem; }
  .course-wrapper h2 .small-off {
    font-size: 75%; }
  .course-wrapper h2 span:not(.small-off) {
    color: #66a2c6;
    font-size: .8rem;
    font-family: Arial, sans-serif;
    letter-spacing: 0.01em;
    margin-right: 40px;
    margin-top: 2px;
    float: right; }

.course-wrapper-open {
  background-color: #f5f5f5;
  height: 450px;
  /*Add more height if content in .course-wrapper isn't showing*/ }

.plus-sign {
  position: absolute;
  right: 20px;
  top: 25px;
  width: 20px;
  height: 20px;
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  transition: all .3s ease-in; }

.plus-sign-rotated {
  rotation: 90deg;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.course-l {
  width: 70%;
  margin-right: 2%; }

.course-r {
  width: 28%; }

.course-r img {
  border: 1px solid #444;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-top: 7px;
  -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  transition: all .2s ease-in; }

.course-r img:hover {
  opacity: .75; }

.course-link {
  margin: 15px 0 0 0;
  width: 303px; }

.course-link a:link,
.course-link a:visited {
  background-image: url(/resources/aia-ces-courses/on-demand-courses/img/plus-white@2x.png);
  background-position: 94% center;
  background-size: 10px 10px;
  background-repeat: no-repeat;
  background-color: #66a2c6;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #2d5369;
  color: #fff !important;
  display: block;
  font-size: 1.1em;
  font-weight: bold;
  text-align: left;
  text-transform: uppercase;
  text-decoration: none;
  padding: 10px 13px;
  -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  transition: all .2s ease-in; }

.course-link a:hover {
  background-color: #4890bb;
  background-size: 15px 15px;
  background-position: 95% center; }

.course-link a:active {
  background-color: #3d7da3; }

/*End AIA*/
/*WEBINAR EVENTS*/
.button-faded {
  border: 2px solid #bbb;
  padding: 15px;
  color: #bbb;
  display: inline-block; }

.webinar-events .top {
  border-top: 5px double #696969;
  border-bottom: 5px double #696969;
  padding: 15px 0;
  line-height: 1.65rem;
  margin-top: 0; }

.webinar-events.float-l {
  width: 60%; }

.webinar-events.float-r {
  width: 35%;
  margin-left: 25px; }

/*END WEBINAR EVENTS*/
@media (max-width: 1550px) {
  /*AIA Courses*/
  .course-wrapper h2 {
    font-size: 1rem; }
    .course-wrapper h2 span:not(.small-off) {
      font-size: .8rem; }
  .course-r img {
    width: 100%; }
  .course-link {
    width: 100%; }
  .plus-sign {
    top: 18px; }
  /*End AIA Courses*/ }

@media (max-width: 1280px) {
  .course-wrapper h2 {
    font-size: 1rem; }
    .course-wrapper h2 span:not(.small-off) {
      font-size: .7rem; }
  .plus-sign {
    top: 15px; }
  .course-link a:link {
    font-size: .8em; } }

@media (max-width: 950px) {
  .plus-sign {
    top: 12px; }
  .course-wrapper p, .course-wrapper ul {
    font-size: .8em; }
  .course-wrapper h3 {
    font-size: 1em; } }

@media (max-width: 950px) {
  .course-wrapper h2 {
    font-size: .7rem; }
    .course-wrapper h2 span:not(.small-off) {
      font-size: .7rem; }
  .small-off {
    display: none; } }

/*Mobile*/
@media (max-width: 750px) {
  /*AIA Courses*/
  .course-l, .course-r {
    float: none !important; }
  .course-r {
    float: none;
    width: 100%; }
    .course-r img {
      display: none; }
  .course-wrapper span, .course-wrapper .plus-sign {
    display: none; }
  /*End AIA Courses*/
  /*Webinar Events*/
  .webinar-events.float-l {
    width: 100%; }
  .webinar-events.float-r {
    margin-top: 25px;
    width: 100%;
    margin-left: 0; }
  /*End Webinar Events*/ }

@media (max-width: 550px) {
  /*AIA Courses*/
  .course-wrapper {
    height: 20px; }
    .course-wrapper h2 {
      font-size: .7rem; }
    .course-wrapper span:not(.small-off) {
      font-size: .5rem; }
    .course-wrapper p, .course-wrapper ul {
      font-size: .7em; }
    .course-wrapper h3 {
      font-size: .9em; }
  .course-wrapper-open {
    height: auto; }
  .plus-sign {
    width: 10px;
    height: 10px; }
  .course-link a {
    background-image: none !important; }
  /*End AIA Courses*/ }

.case-studies-img {
  background-image: url(/resources/design-ideas/case-studies/img/hero.jpg); }

.lookbook-img {
  background-image: url(/resources/design-ideas/look-book/img/hero.jpg); }

.leed-img {
  background-image: url(/resources/design-ideas/leed/img/hero.jpg); }

/*CASE STUDIES*/
.case-studies-left {
  /*max-width: 510px;
	width: 48%;
	margin-right: 1%;
	float: left;
	img {
		width: 100%;
	}*/ }

.case-studies-right {
  /*width: 50%;
	float: left;*/ }

.case-studies-button {
  border: 2px solid #66a2c6;
  color: #66a2c6;
  margin-top: 1rem;
  padding: .9rem 1.5rem;
  display: inline-block;
  transition: all 250ms ease; }

.case-studies-button:hover {
  background-color: #66a2c6;
  color: #fff; }

.case-studies-table {
  min-height: 100vh; }
  .case-studies-table h3 {
    font-size: 1rem;
    font-weight: 700;
    padding-right: 20px; }
  .case-studies-table select {
    margin-right: 50px; }
  .case-studies-table a {
    color: #000; }
    .case-studies-table a:hover {
      color: #66a2c6; }

/*END CASE STUDIES*/
/*LOOKBOOK*/
.lookbook-img-wrap {
  width: 100vw;
  position: relative;
  margin-top: 360px;
  transition: all 400ms ease, transform 1s ease; }
  .lookbook-img-wrap:hover {
    transform: scale(1.025); }
  .lookbook-img-wrap img {
    max-width: 100%;
    width: 100vw;
    height: auto;
    vertical-align: bottom; }

.dropdown {
  margin-left: 5px;
  width: 100%;
  margin-top: 20px; }
  .dropdown:focus, .dropdown:active {
    border: 2px solid #8db02e;
    outline: 0;
    box-shadow: none; }

.select-label {
  left: 5px;
  padding-bottom: 15px; }

.lookbook-text {
  width: 40%; }
  .lookbook-text h3 {
    font-family: 'UniSansSemiBold';
    font-size: 1.4rem;
    letter-spacing: .05rem;
    text-transform: uppercase;
    margin-top: 50px; }
  .lookbook-text p {
    font-family: Lato;
    font-size: 1.08rem;
    line-height: 1.6rem; }

/*END LOOKBOOK*/
/*FOR LEED*/
.leed-page {
  margin-bottom: 240px;
  overflow-x: hidden;
  background-color: #fff; }

.leed-body-wrap {
  display: inline-block;
  background-color: #e2e2e2;
  width: 100%;
  min-height: 0; }

.leed-header-content {
  width: 70vw;
  margin: 0 auto;
  display: flex;
  justify-content: space-around; }

.leed-left, .leed-right {
  display: inline-block;
  width: 47.5%; }

.leed-left img {
  width: 100%; }

/*.leed-right {
	width: calc(100% - 240px);
}*/
.leed-body {
  background-color: #fff;
  /*a {
		&:visited {
			color: #183140;
		}
	}*/ }
  .leed-body .producth3 {
    margin: 0;
    padding: 0;
    color: #66a2c6;
    font-family: UniSansSemiBold;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: .1rem;
    border: none;
    text-align: left;
    text-transform: uppercase; }
  .leed-body .text {
    width: 70vw;
    margin: 0 auto;
    padding: 40px 0;
    text-align: left; }
  .leed-body .leed-only {
    padding: 0;
    padding-bottom: 40px; }
  .leed-body h3 {
    font-weight: 900;
    margin-top: 10px; }
  .leed-body .flex-container {
    text-align: center;
    display: flex;
    flex-wrap: wrap; }
    .leed-body .flex-container .projects {
      text-align: left;
      width: 48%;
      height: auto;
      margin-bottom: 5rem;
      line-height: 1.1rem; }
      .leed-body .flex-container .projects h3 {
        margin-top: 0; }
      .leed-body .flex-container .projects p {
        font-size: .8rem;
        letter-spacing: 0.05rem;
        margin: 0;
        margin-bottom: .6rem; }
      .leed-body .flex-container .projects .projects-img-left {
        display: inline-block;
        float: left;
        width: 102px;
        height: 100%;
        margin-right: 15px; }
        .leed-body .flex-container .projects .projects-img-left img:first-of-type {
          height: 125px; }
        .leed-body .flex-container .projects .projects-img-left img:last-of-type {
          height: 85px;
          width: 85px; }
      .leed-body .flex-container .projects img {
        display: block;
        margin: auto; }
      .leed-body .flex-container .projects img:nth-of-type(2) {
        margin-top: 10px; }
    .leed-body .flex-container .projects:nth-of-type(odd) {
      margin-right: 25px; }
    .leed-body .flex-container .more-photos-button {
      background-color: #8ab83f;
      border: 2px solid #8ab83f;
      color: #fff;
      margin-top: 1rem;
      padding: .9rem;
      display: inline-block;
      transition: all 250ms ease; }
    .leed-body .flex-container .more-photos-button:hover {
      background-color: #fff;
      color: #8ab83f; }

/*END LEED*/
/*Media Queries*/
@media (max-width: 1280px) {
  .lookbook-img-wrap {
    margin-top: 365px; }
  /*LEED*/
  .leed-body .text, .leed-header-content {
    width: 70vw; } }

@media (max-width: 950px) {
  /*Pages with lower table (E.G. Case Studies)*/
  .case-studies-left, .case-studies-right {
    /*float: none;
		width: 100%;
		margin-right: 0;*/ }
  .case-studies-table h3 {
    font-size: .8rem;
    margin: 0;
    padding: 0; }
    .case-studies-table h3:nth-of-type(2) {
      margin-left: 20px; }
  .case-studies-table select {
    width: 30%;
    margin-right: 0; }
  .Table-row-item {
    font-size: .8rem; }
  /*END Pages with lower table (E.G. Case Studies)*/
  /*RESOURCES > LOOKBOOK*/
  .lookbook-text {
    width: 60%; }
  /*END RESOURCES > LOOKBOOK*/
  /*RESOURCES > LEED*/
  .leed-cert-img {
    width: 25%;
    margin-right: 25px;
    float: left; }
  .leed-body .flex-container .projects {
    width: 100%; }
  /*.leed-left, .leed-right {
		display: block;
		width: 100%;
	}

	.leed-left {
		float: none;
		width: auto;
		margin-right: 0;

		img {
			width: 100%;
		}
	}

	.leed-right {
		width: auto;
	}*/
  /*END RESOURCES > LEED*/ }

@media (max-width: 875px) {
  .leed-header-content {
    display: block; }
  .leed-left, .leed-right {
    width: 100%; } }

@media (max-width: 850px) {
  .lookbook-img-wrap {
    margin-top: 240px; } }

@media (max-width: 750px) {
  .case-studies-table .Table-row-item-medium {
    display: none; }
  /*Lookbook*/
  .lookbook-text {
    width: 100%; }
  .lookbook-img-wrap {
    margin-top: 68px; }
  /*Leed*/
  .leed-body .text {
    width: 100%; }
  .leed-body .leed-table {
    display: none; } }

.product-downloads-img {
  background-image: url(/resources/product-downloads/bim-3d-model/img/hero.jpg); }

/*BIM*/
#bim-backend-content {
  min-height: 75vh; }
  #bim-backend-content a:hover {
    color: #191919; }
  #bim-backend-content h3 {
    font-size: 1.75rem; }
  #bim-backend-content p {
    font-size: 1.1rem;
    line-height: 1.75rem; }
  #bim-backend-content .bim-info {
    font-style: italic; }

/*END BIM*/
/*DETAIL DRAWINGS */
.product-container {
  display: flex;
  flex-direction: column;
  margin: 0 auto; }
  .product-container h3 {
    font-weight: 800; }

.product-summary {
  height: 100px;
  width: 100%;
  flex: auto;
  margin-bottom: 20px;
  background-color: #ebebeb;
  transition: background-color 500ms ease;
  cursor: pointer;
  /*END DETAIL DRAWINGS */
  /*FACT SHEETS/CSI SPECS*/ }
  .product-summary a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center; }
  .product-summary .product-summary-elements-dd {
    display: inline-flex;
    top: 50%;
    transform: translatey(-50%);
    position: relative;
    vertical-align: middle; }
  .product-summary .product-summary-elements p {
    color: #282828;
    font-family: Lato, sans-serif;
    font-weight: bold;
    font-size: 1rem; }
  .product-summary .plus-left {
    padding: 0 35px;
    margin-right: 35px;
    border-right: 1px solid #cccccc;
    vertical-align: top; }
    .product-summary .plus-left p {
      font-size: 1.75rem; }
  .product-summary .doc-left {
    padding: 0 35px;
    margin-right: 35px;
    border-right: 1px solid #cccccc; }
    .product-summary .doc-left img {
      width: 25px; }
  .product-summary .product-name {
    width: 25%;
    margin-right: 50px;
    vertical-align: top; }
  .product-summary .product-description {
    width: calc(65vw - 25% - 150px - 55px); }

.fact-sheet-glass-wrap .product-description {
  top: 45%; }

.product-summary:hover {
  background-color: #696969; }
  .product-summary:hover p {
    color: white; }

.product-panel {
  background-color: #ebebeb;
  margin-top: -20px;
  margin-bottom: 20px;
  border-top: 1px solid #cccccc;
  transition: none;
  /*a:visited{
		color: #183140;
	}*/ }
  .product-panel a {
    font-size: 1rem;
    margin-left: 40px;
    transition: color 200ms ease; }
  .product-panel a:hover {
    color: #282828; }

.opened {
  background-color: #dddddd; }

/*END FACT SHEETS/CSI SPECS*/
@media (max-width: 1650px) {
  .product-summary .plus-left p {
    font-size: 1.25rem; } }

@media (max-width: 1100px) {
  .product-summary .product-summary-elements p {
    font-size: .65rem; }
  .product-summary .plus-left p {
    font-size: 1.25rem; } }

@media (max-width: 850px) {
  .product-summary .product-summary-elements p {
    font-size: .65rem; }
  .product-summary .plus-left p {
    font-size: 1.25rem; } }

@media (max-width: 750px) {
  /*BIM 3D Model*/
  .lower-input textarea {
    width: 100%; }
  /*Display Table*/
  .product-container .product-summary .product-name {
    margin-right: 0; }
  /*Expandable Tables Mobile Sizing*/
  .product-summary .product-summary-elements p {
    font-size: .85rem; }
  .product-summary .product-name {
    width: 40%;
    margin-right: 25px; }
  .product-summary .product-description {
    display: none; }
  .product-panel a {
    font-size: .75rem; } }

.news-media-img {
  background-image: url(/resources/news-media/news-releases/img/hero.jpg); }

/*ARTICLES*/
.articles-selects p {
  display: inline-block; }
  .articles-selects p:not(:first-child) {
    margin-left: 15px; }

.articles-table {
  width: 100%;
  border-collapse: collapse; }
  .articles-table tr td:nth-of-type(1) {
    min-width: 150px;
    padding-left: 15px; }
  .articles-table td {
    height: 50px; }
  .articles-table tr:nth-of-type(even) {
    background-color: #e2e2e2; }
  .articles-table a {
    color: black;
    text-decoration: underline; }
    .articles-table a:hover {
      color: #66a2c6; }

/*END ARTICLES*/
/*BLOG*/
.text-gray {
  color: #282828 !important; }

.blog-text {
  min-height: 75vh; }
  .blog-text .container {
    position: relative; }
  .blog-text .img-left, .blog-text .text-right {
    display: inline-block;
    float: left; }
  .blog-text .img-left {
    margin-right: 25px; }
  .blog-text .text-right {
    width: calc(100% - 250px); }
    .blog-text .text-right a {
      color: #282828;
      transition: color 150ms ease; }
      .blog-text .text-right a:hover {
        color: #ffffff; }
    .blog-text .text-right div {
      cursor: pointer;
      display: inline-block;
      border: 1px solid #282828;
      padding: 15px 40px;
      margin-top: 25px;
      transition: background-color 150ms ease; }
      .blog-text .text-right div:hover {
        background-color: #282828; }
  .blog-text h3 {
    font-weight: 800; }
  .blog-text p {
    font-family: Lato;
    font-size: .9rem; }

/*END BLOG*/
/*MEDIA INQUIRY*/
.media-inquiry-content {
  display: inline-block;
  float: left; }
  .media-inquiry-content .form {
    width: 95%; }

.media-inquiry-left {
  width: 50%; }
  .media-inquiry-left .input {
    width: 100%;
    margin-top: 15px; }
  .media-inquiry-left #ApplicationsDrawings {
    width: 100%;
    min-height: 200px;
    border: 1px solid #8fb02e;
    color: #696969; }
    .media-inquiry-left #ApplicationsDrawings:focus, .media-inquiry-left #ApplicationsDrawings:active {
      border: 1px solid #8db02e;
      outline: 0;
      box-shadow: none; }

.media-inquiry-right {
  margin-left: 100px; }
  .media-inquiry-right h3 {
    margin-top: 0;
    font-size: 1.4rem; }
  .media-inquiry-right p {
    font-size: 1.1rem;
    line-height: 1.75rem; }

/*END MEDIA INQUIRY*/
@media (max-width: 1100px) {
  .articles-table td {
    font-size: .8rem; } }

@media (max-width: 850px) {
  /*Media Inquiry*/
  .media-inquiry-content {
    display: block;
    float: none;
    width: 100%; }
  .media-inquiry-right {
    margin-top: 40px;
    margin-left: 0; } }

@media (max-width: 750px) {
  /*Articles*/
  .articles-table td {
    padding-right: 5px; }
  .articles-selects p {
    width: 80%;
    margin: 0;
    margin-bottom: 15px; }
    .articles-selects p:not(:first-child) {
      margin-left: 0; }
    .articles-selects p select {
      width: 100%;
      margin-top: 2.5px; }
  /*Blog*/
  .blog-text .img-left, .blog-text .text-right {
    display: block;
    float: none;
    width: 100%; } }

.desktop-calendar-img {
  background-image: url(/resources/reference-tools/desktop-calendar/img/hero.jpg); }

.faq-img {
  background-image: url(/resources/reference-tools/channel-glass-faq/img/hero.jpg); }

/*DESKTOP CALENDAR*/
.calendar-header {
  float: left;
  width: 39%; }
  .calendar-header h3 {
    font-family: Lato;
    font-weight: 800;
    color: #282828; }
  .calendar-header p {
    margin: 20px auto;
    font-weight: bold; }
  .calendar-header select {
    min-width: 300px; }
  .calendar-header .calendar-left {
    margin-right: 50px; }

a.calendar-link {
  font-family: Lato;
  font-weight: 600;
  color: black;
  margin-right: 25px; }

.calendar-body {
  display: inline-block;
  overflow: hidden; }
  .calendar-body .wrap {
    text-align: right;
    float: right;
    width: 60%;
    margin: 0 auto; }
  .calendar-body #thumb, .calendar-body .thumbImage {
    width: 100%; }

.instructions-modal-click {
  cursor: pointer; }

#instructions-modal {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: -5;
  opacity: 0; }
  #instructions-modal .instructions-modal-text {
    width: 50vw;
    height: auto;
    padding: 2rem;
    background-color: #fff;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    position: relative;
    text-align: left; }
  #instructions-modal .instructions-modal-close {
    position: absolute;
    top: -35px;
    right: -35px;
    color: #fff;
    cursor: pointer; }

/*END CALENDAR*/
/*FAQ*/
.question {
  width: 75%; }

.question-panel {
  width: 100%;
  position: relative;
  display: inline-flex;
  background-color: #ddd;
  top: -20px; }
  .question-panel p {
    transition: opacity 250ms ease; }
  .question-panel .plus-left {
    padding: 0 35px;
    display: inline-block;
    margin-right: 35px;
    border-right: 1px solid #cccccc;
    vertical-align: top; }

.faq-container .plus-left p {
  color: #0edc0e;
  font-weight: bold;
  font-size: 1.75rem;
  min-width: 30px; }

.faq-container .plus-left p.text-accent {
  color: #66a2c6; }

.faq-container p {
  padding-right: 30px; }

/*END FAQ*/
@media (max-width: 1650px) {
  /*FAQ*/
  .faq-container .plus-left p {
    font-weight: bold;
    font-size: 1.25rem;
    min-width: 30px; }
  .faq-container p {
    font-size: .8rem; } }

@media (max-width: 1100px) {
  /*FAQ*/
  .question {
    width: 65%; } }

@media (max-width: 950px) {
  /*DESKTOP CALENDAR*/
  .calendar-header {
    width: 100%; }
    .calendar-header h3 {
      font-family: Lato;
      font-weight: 800;
      color: #282828; }
    .calendar-header p {
      margin: 20px auto;
      font-weight: bold; }
    .calendar-header select {
      min-width: 300px; }
    .calendar-header .calendar-left {
      margin-right: 50px; }
    .calendar-header .calendar-small-off {
      display: none; }
  a.calendar-link {
    font-family: Lato;
    font-weight: 600;
    color: black;
    margin-right: 25px; }
  .calendar-body {
    overflow: hidden; }
    .calendar-body .wrap {
      text-align: left;
      width: 100%;
      margin: 0 auto; }
    .calendar-body #thumb {
      width: 100%; }
  /*END CALENDAR*/ }

@media (max-width: 850px) {
  /*CALENDAR*/
  .reference-tools-body-wrap {
    margin-top: 220px; }
  /*FAQ*/
  .question p {
    font-size: .7rem; }
  .faq-container .plus-left p {
    font-weight: bold;
    font-size: 1rem;
    min-width: 30px; }
  .faq-container p {
    font-size: .65rem; }
  /*End FAQ*/ }

@media (max-width: 750px) {
  /*Calendar*/
  .calendar-body {
    margin-top: 60px; }
  .screen-size-grid .calendar-link {
    font-size: .7rem;
    margin-right: 15px; }
  /*End Calendar*/
  /*FAQ*/
  .faq-container .product-summary .plus-left,
  .faq-container .question-panel .plus-left, .links-container .product-summary .plus-left,
  .links-container .question-panel .plus-left {
    padding: 0 5px;
    margin-right: 5px; }
    .faq-container .product-summary .plus-left p,
    .faq-container .question-panel .plus-left p, .links-container .product-summary .plus-left p,
    .links-container .question-panel .plus-left p {
      min-width: 0;
      padding: 0 10px; }
  .faq-container .product-summary .question,
  .faq-container .question-panel .question, .links-container .product-summary .question,
  .links-container .question-panel .question {
    width: 65%; }
    .faq-container .product-summary .question p,
    .faq-container .question-panel .question p, .links-container .product-summary .question p,
    .links-container .question-panel .question p {
      padding: 0;
      font-size: .65rem; }
  /*End FAQ*/ }

@media (max-width: 340px) {
  /*FAQ*/
  .faq-container .product-summary .question {
    width: 70%; }
    .faq-container .product-summary .question p {
      font-size: .6rem; }
  /*End FAQ*/ }

.videos-img {
  background-image: url(/resources/videos/img/hero.jpg); }

/*VIDEOS*/
.videos-header {
  font-family: "UniSansSemiBold";
  color: #4d4844; }

.videos-left {
  position: relative;
  width: 600px;
  display: inline-block;
  float: left;
  margin-right: 50px; }
  .videos-left .play-button {
    position: absolute;
    width: 100px;
    top: calc(50% - 50px);
    left: calc(50% - 50px); }

.videos-right {
  width: calc(100% - 675px);
  display: inline-block; }

.videos-body a {
  color: #282828;
  /*&:visited{
			color: #b7142c;
		}*/ }
  .videos-body a:hover {
    color: #323232; }

.videos-body .video-flexbox-container > div {
  width: 30%; }
  .videos-body .video-flexbox-container > div img {
    width: 100%; }

.videos-body .video-flexbox-container h3 {
  font-family: UniSansSemiBold;
  color: #4d4844; }

.videos-body .video-flexbox-container p {
  font-family: Lato;
  font-size: .9rem;
  line-height: 1.35rem; }

/*END VIDEOS*/
@media (max-width: 1100px) {
  /*Videos*/
  .videos-left, .videos-right {
    display: block;
    float: none; }
  /*.videos-left {
		margin-right: 0;
	}*/
  .videos-right {
    width: 100%; } }

@media (max-width: 750px) {
  /*Videos*/
  .videos-left {
    width: 80vw; }
    .videos-left img {
      width: 80vw; }
    .videos-left .play-button {
      left: calc(50% - 50px); }
  .videos-body .video-flexbox-container > div {
    width: 95%; }
  .videos-body .video-flexbox-container h3 {
    margin: 0;
    margin-top: 4px; }
  .videos-body .video-flexbox-container p {
    margin-top: 0;
    margin-bottom: 60px; }
  #video video {
    width: 100%; }
  /*End Videos*/ }

.care-warranty-img {
  background-image: url(/resources/care-warranty/img/hero.jpg); }

/*CARE & WARRANTY*/
.resources-body {
  width: 70vw;
  text-align: left;
  margin: 0 auto;
  padding: 30px 0;
  position: relative;
  display: table; }
  .resources-body a {
    /*&:visited {
			color: #b7142c;
		}*/ }
    .resources-body a:hover {
      color: #282828; }
  .resources-body select {
    margin: 0 15px;
    width: 75%; }
  .resources-body .body-left {
    width: 60%;
    display: table-cell;
    vertical-align: middle; }
    .resources-body .body-left p {
      padding-bottom: 20px; }
    .resources-body .body-left select {
      width: 55%; }
  .resources-body .body-right {
    width: 39%;
    display: table-cell;
    vertical-align: middle; }
    .resources-body .body-right img {
      max-width: 497px;
      width: 100%; }

.care-wrap {
  background-color: #e2e2e2; }

.care-warranty-container h3.section-head {
  text-transform: uppercase;
  font-size: 2rem;
  font-weight: 900; }

.care-warranty-container h4 {
  font-size: 1.5rem;
  font-weight: 800;
  color: #66a2c6;
  text-transform: uppercase;
  margin: 15px 0; }
  .care-warranty-container h4 small {
    font-size: 70%;
    color: #000;
    font-weight: 800; }
  .care-warranty-container h4 .extrasmall {
    font-size: 55%;
    font-weight: 500; }

.care-warranty-container .care-warranty-date {
  font-style: italic;
  font-size: 80%;
  margin-top: 75px; }

/*END CARE & WARRANTY*/
@media (max-width: 1100px) {
  /*Warranty*/
  .warranty-right-img img {
    width: 80% !important; } }

@media (max-width: 750px) {
  /*Warranty*/
  .warranty-right-img {
    display: none !important; } }

/* Variables */
/*Z-indexes*/
/* Colors */
/*Buttons*/
/* Mixins */
.home-bubble-nav {
  position: fixed;
  top: 50%;
  right: 50px;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  z-index: 700; }
  .home-bubble-nav > span {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background: #B2BCBC;
    margin: 10px 0;
    border: 1px solid white;
    position: relative; }
    .home-bubble-nav > span.home-bubble-nav-selected {
      background: #659EC8; }
    .home-bubble-nav > span:hover:before {
      opacity: 1; }
    .home-bubble-nav > span:before {
      opacity: 0;
      content: attr(data-caption);
      background: rgba(255, 255, 255, 0.75);
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 135%;
      min-width: 200px;
      text-align: center;
      padding: 10px;
      transition: opacity 500ms ease; }
  @media (max-width: 950px) {
    .home-bubble-nav {
      display: none !important;
      right: 20px; }
      .home-bubble-nav > span {
        width: 30px;
        height: 30px;
        margin: 5px 0; } }

.home-hero {
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative; }
  .home-hero h1 {
    color: white;
    font-size: 8rem;
    font-weight: 900;
    line-height: 7.5rem;
    padding: 0 15%; }
    @media (max-width: 1550px) {
      .home-hero h1 {
        font-size: 7rem;
        line-height: 6.5rem; } }
    @media (max-width: 1225px) {
      .home-hero h1 {
        font-size: 6rem;
        line-height: 5.5rem; } }
    @media (max-width: 768px) {
      .home-hero h1 {
        font-size: 4rem;
        line-height: 3.5rem;
        padding: 20px;
        box-sizing: border-box; } }
    @media (max-height: 680px) {
      .home-hero h1 {
        font-size: 4rem;
        line-height: 3.5rem; } }
    @media (max-width: 500px) {
      .home-hero h1 {
        font-size: 2.75rem;
        line-height: 2.5rem; } }
  @media (max-width: 750px) {
    .home-hero {
      height: 90vh; } }

@keyframes scroll {
  0% {
    transform: translateY(0); }
  30% {
    transform: translateY(100px); } }
  .home-hero svg {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    color: white; }
    .home-hero svg #wheel {
      animation: scroll ease 1.5s infinite; }

.home-intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: white;
  padding: 80px 12%; }
  .home-intro h2 {
    color: #659EC8;
    text-transform: uppercase;
    margin-bottom: 30px;
    font-weight: 900;
    font-size: 4rem;
    line-height: 3.8rem; }
    @media (max-width: 850px) {
      .home-intro h2 {
        font-size: 2.75rem;
        line-height: 2.5rem;
        margin: 0;
        min-width: auto;
        margin-right: 25px; } }
  .home-intro p {
    font-size: 1.3em;
    font-weight: 500;
    max-width: 1050px; }
  .home-intro > a > img {
    max-width: 100%; }
  @media (max-width: 850px) {
    .home-intro {
      padding: 80px 6%; } }

a.border-button {
  font-family: 'urw-din-semi-condensed', sans-serif !important;
  font-weight: 600;
  display: inline-block;
  min-width: 150px;
  padding: 15px;
  border-color: #000000;
  border-top: 2px solid;
  border-bottom: 2px solid;
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
  text-transform: uppercase;
  transition: all 250ms ease;
  color: black;
  text-align: center !important;
  margin-top: 40px; }
  a.border-button-yellow {
    border-color: #ffd900;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    color: #ffd900; }
  a.border-button:hover {
    border: 2px solid;
    letter-spacing: .04rem;
    font-weight: 900;
    padding: 15px 25px; }
  a.border-button-left {
    margin-left: 15px; }
    a.border-button-left:hover {
      margin-left: 0; }
  @media (max-width: 950px) {
    a.border-button {
      margin-top: 20px; } }

.home-whats-new {
  background-color: #B2BCBC;
  padding: 80px 12%; }
  .home-whats-new h2, .home-whats-new h3, .home-whats-new h4 {
    margin: 0;
    text-transform: uppercase; }
  .home-whats-new h2, .home-whats-new h3 {
    color: white;
    font-weight: 700; }
  .home-whats-new h2 {
    font-size: 2.5rem;
    margin-bottom: 40px; }
  .home-whats-new h3 {
    font-size: 1.5rem;
    line-height: 1.4rem;
    margin-top: 30px;
    margin-bottom: 4px; }
  .home-whats-new h4 {
    font-size: 1.1rem;
    color: black;
    margin-bottom: 25px; }
  .home-whats-new p {
    font-size: 1em;
    font-weight: 400; }
  .home-whats-new-pods {
    display: flex; }
    .home-whats-new-pods > div {
      width: 33%;
      padding: 0 40px; }
      .home-whats-new-pods > div > a > img {
        max-width: 230px;
        width: 100%;
        transition: opacity 250ms ease; }
        .home-whats-new-pods > div > a > img:hover {
          opacity: .75; }
  @media (max-width: 950px) {
    .home-whats-new-pods > div {
      padding: 0 20px; } }
  @media (max-width: 850px) {
    .home-whats-new {
      padding: 80px 6%; } }
  @media (max-width: 750px) {
    .home-whats-new-pods {
      flex-direction: column; }
      .home-whats-new-pods > div {
        width: 100%;
        padding: 15px 60px;
        box-sizing: border-box; } }

.home-two-columns {
  display: flex; }
  .home-two-columns > div {
    width: 50%; }
  @media (max-width: 767px) {
    .home-two-columns {
      flex-direction: column; }
      .home-two-columns > div {
        width: 100%;
        margin-top: 50px; } }

.home-basics {
  background: linear-gradient(130deg, #414EC8 0%, #659EC8 70%);
  padding: 80px 12%;
  justify-content: center; }
  .home-basics h2 {
    color: white;
    font-weight: 900;
    font-size: 6rem;
    line-height: 5.8rem;
    margin-top: 50px; }
    .home-basics h2 span {
      color: #ffd900; }
    @media (max-width: 1500px) {
      .home-basics h2 {
        font-size: 4rem;
        line-height: 3.8rem; } }
  .home-basics-text {
    text-align: left;
    color: white;
    max-width: 600px; }
    @media (max-width: 850px) {
      .home-basics-text h2 {
        font-size: 2.75rem;
        line-height: 2.5rem;
        margin: 0;
        min-width: auto;
        margin-right: 25px; } }
  .home-basics-model img {
    width: auto;
    max-height: 600px;
    max-width: 100%; }
  .home-basics-images img {
    max-width: 100%;
    margin-bottom: 10px; }
  .home-basics-image-container {
    width: 100%;
    height: 380px;
    background-size: cover;
    margin-bottom: 2em; }
  @media (max-width: 850px) {
    .home-basics {
      padding: 80px 6%; } }

.home-specify-portfolio h2 {
  color: white;
  font-weight: 900;
  font-size: 6rem;
  line-height: 5.3rem; }

.home-specify-portfolio p {
  font-family: 'urw-din-semi-condensed', sans-serif !important;
  color: white;
  max-width: 500px;
  margin-bottom: 40px; }

.home-specify-portfolio > div {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  position: relative; }
  .home-specify-portfolio > div:after {
    content: '';
    padding-top: 100%;
    display: block; }

.home-specify-portfolio-nested {
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  padding: 60px 100px;
  box-sizing: border-box; }

@media (max-width: 1320px) {
  .home-specify-portfolio h2 {
    font-size: 3.5rem;
    line-height: 3.3rem; } }

@media (max-width: 950px) {
  .home-specify-portfolio h2 {
    font-size: 2.75rem;
    line-height: 2.5rem; }
  .home-specify-portfolio-nested {
    padding: 40px; } }

.home-tgp-initiative-image {
  position: relative; }
  .home-tgp-initiative-image > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center; }

.home-tgp-initiative-text {
  background: white;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 0 120px 0 60px;
  box-sizing: border-box; }
  .home-tgp-initiative-text h2 {
    color: #659EC8;
    font-size: 6rem;
    line-height: 5.8rem;
    font-weight: 900; }
  .home-tgp-initiative-text p {
    max-width: 600px; }

@media (max-width: 1200px) {
  .home-tgp-initiative-text h2 {
    font-size: 4rem;
    line-height: 3.8rem; } }

@media (max-width: 950px) {
  .home-tgp-initiative-text {
    padding: 60px; }
    .home-tgp-initiative-text h2 {
      font-size: 3rem;
      line-height: 2.8rem;
      word-wrap: break-word; } }

.home-support {
  background: #41505F; }

/*TODO: Move this h2 to typography on updated site*/
h2 {
  margin-bottom: 22px; }

.voice-of-our-customer {
  padding: 40px 12%;
  background: white;
  display: flex;
  align-items: center;
  text-align: left;
  position: relative; }
  .voice-of-our-customer h2 {
    color: #659EC8;
    font-size: 6rem;
    line-height: 5.8rem;
    font-weight: 900;
    margin-right: 60px;
    min-width: 575px;
    font-family: 'urw-din-semi-condensed', sans-serif !important; }
  .voice-of-our-customer p {
    font-family: 'urw-din-semi-condensed', sans-serif !important;
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: 500; }
  .voice-of-our-customer:after {
    content: "";
    position: absolute;
    bottom: -40px;
    width: 0;
    height: 0;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-left: 40px solid white;
    z-index: 1000;
    right: 20%; }
  @media (max-width: 1500px) {
    .voice-of-our-customer h2 {
      font-size: 4rem;
      line-height: 3.8rem;
      min-width: 400px; } }
  @media (max-width: 850px) {
    .voice-of-our-customer h2 {
      font-size: 2.75rem;
      line-height: 2.5rem;
      margin: 0;
      min-width: auto;
      margin-right: 25px; }
    .voice-of-our-customer:after {
      right: 8%; } }
  @media (max-width: 625px) {
    .voice-of-our-customer {
      flex-direction: column;
      text-align: center;
      margin-bottom: 50px; } }

/* Variables */
/*Z-indexes*/
/* Colors */
/*Buttons*/
/* Mixins */
/************************************************************/
/*New Product Page Resets*/
.jumpmenu, #scroll-header-wrapper {
  display: none !important; }

.content.content.home {
  margin-top: 100vh; }

.product-page {
  overflow: hidden; }
  .product-page .viewport-container {
    position: relative;
    top: auto;
    left: auto; }

.content.content.home {
  margin-top: 0; }

/*END New Product Page Resets*/
/*New Resource Header Resets*/
.forms-hero-img, .form-header, .bim-form-img {
  position: relative !important;
  top: 0 !important;
  width: 100%;
  height: auto !important; }

.form-content-wrap, .leed-body-wrap, .specifire-wrap {
  margin-top: 0;
  padding-top: 50px; }

#form-header-content {
  position: relative;
  margin-left: 0;
  left: 0;
  bottom: auto; }

#form-header-content img {
  top: -175px !important;
  height: 367px !important; }

.form-header-content-text {
  margin-top: 120px !important; }
  .form-header-content-text h1 {
    font-size: 1.6rem;
    font-family: 'UniSansSemiBold';
    color: #ffd900;
    text-transform: uppercase;
    letter-spacing: .07rem; }

@media (max-width: 935px) {
  #form-header-content {
    bottom: -20px; }
  #form-header-content img {
    display: none !important; }
  .form-header-content-text {
    width: 100%;
    margin-bottom: 30px; } }

@media (max-width: 768px) {
  .forms-hero-img, .form-header, .bim-form-img {
    position: relative !important;
    top: 0 !important;
    height: auto; }
  #form-header-content {
    width: 80vw;
    margin-left: 0;
    margin-top: 100px;
    position: relative;
    left: auto;
    bottom: auto;
    top: auto;
    right: auto; }
    #form-header-content .form-header-content-text {
      margin-top: 0 !important;
      display: block; }
  .form-content-wrap {
    margin-top: 40px !important; } }

/*END New Resource Header Resets*/
/************************************************************/
.search-modal {
  width: 100vw;
  height: 100vh;
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  display: none;
  z-index: 99;
  transition: display 750ms ease; }
  .search-modal > form {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    .search-modal > form h3 {
      color: white; }
    .search-modal > form .search-textbox {
      padding: 10px; }
    .search-modal > form .search-button {
      margin-left: 5px; }

.subnav, nav, .megamenu-background {
  transition: margin-top 500ms ease; }

.is-scrolled {
  margin-top: -35px; }
  @media (max-width: 768px) {
    .is-scrolled {
      margin-top: 0 !important; } }

.subnav {
  position: fixed;
  top: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 100000;
  height: 35px;
  background: #41505F;
  padding: 0 6%;
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  .subnav a, .subnav p, .subnav h1, .subnav h2, .subnav h3, .subnav li, .subnav span, .subnav img {
    color: rgba(255, 255, 255, 0.6);
    margin-left: 15px;
    font-size: .9rem;
    transition: color 500ms ease; }
    .subnav a:hover, .subnav p:hover, .subnav h1:hover, .subnav h2:hover, .subnav h3:hover, .subnav li:hover, .subnav span:hover, .subnav img:hover {
      color: white; }
  .subnav .allegion-logo {
    margin-top: -5px; }
  @media (max-width: 768px) {
    .subnav {
      display: none !important; } }

nav {
  width: 100%;
  height: 100%;
  height: 70px;
  z-index: 1000000;
  position: fixed;
  top: 35px;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  box-sizing: border-box;
  padding: 0 6%;
  display: flex;
  align-items: center; }
  @media (max-width: 768px) {
    nav {
      background: black; } }
  nav .nav-logo {
    padding: 10px;
    height: 85%; }
    nav .nav-logo img {
      height: 100%;
      width: auto; }
  nav .nav-search {
    height: 20px;
    width: auto;
    margin-left: 20px; }
  nav ul.main-nav {
    display: flex;
    justify-content: flex-end;
    box-sizing: border-box;
    margin: 0;
    list-style-type: none;
    width: 100%;
    height: 100%; }
    nav ul.main-nav > li {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      color: white; }
      nav ul.main-nav > li > a {
        font-family: 'urw-din', sans-serif;
        font-weight: 500;
        font-size: .9rem;
        letter-spacing: .025rem;
        text-align: center;
        margin: 0 15px;
        color: white;
        transition: all 150ms ease;
        border-bottom: 4px solid transparent; }
        @media (max-width: 1075px) {
          nav ul.main-nav > li > a {
            margin: 0 10px; } }
        nav ul.main-nav > li > a:hover {
          border-bottom: 3px solid #ffd900; }
      nav ul.main-nav > li.is-open > a {
        border-bottom: 3px solid #ffd900; }
      nav ul.main-nav > li.is-open > .megamenu-content {
        visibility: visible;
        opacity: 1; }
        nav ul.main-nav > li.is-open > .megamenu-content .megamenu-content-container {
          padding-top: 40px; }
      nav ul.main-nav > li.is-open > .nav-link {
        background: #fff;
        color: #333; }
  @media (max-width: 768px) {
    nav {
      top: 0; }
      nav.is-active {
        height: auto;
        /*overflow-y: visible;*/ }
      nav ul.main-nav {
        width: auto;
        height: auto;
        max-height: 0;
        overflow: hidden;
        position: absolute;
        flex-direction: column;
        padding: 0;
        margin: 0;
        top: 70px;
        left: 0;
        width: 100%;
        background: black;
        transition: max-height 1000ms ease; }
        nav ul.main-nav p, nav ul.main-nav h3, nav ul.main-nav h2, nav ul.main-nav h1, nav ul.main-nav a, nav ul.main-nav span, nav ul.main-nav li {
          color: white; }
        nav ul.main-nav.is-active {
          max-height: 1500px; }
        nav ul.main-nav > li {
          flex-direction: column;
          justify-content: center;
          min-height: 50px; }
          nav ul.main-nav > li > a {
            width: 100%;
            justify-content: center; }
          nav ul.main-nav > li.is-parent > a, nav ul.main-nav > li.is-parent-small > a {
            min-height: 50px;
            display: flex;
            align-items: center;
            border-bottom: none !important;
            font-size: 1.1rem; }
          nav ul.main-nav > li.is-parent .small-menu, nav ul.main-nav > li.is-parent-small .small-menu {
            background: #191919 !important; }
            nav ul.main-nav > li.is-parent .small-menu li:first-of-type, nav ul.main-nav > li.is-parent-small .small-menu li:first-of-type {
              padding-top: 20px; }
            nav ul.main-nav > li.is-parent .small-menu li:last-of-type, nav ul.main-nav > li.is-parent-small .small-menu li:last-of-type {
              padding-bottom: 10px; }
          nav ul.main-nav > li.is-parent .megamenu-content, nav ul.main-nav > li.is-parent .small-menu, nav ul.main-nav > li.is-parent-small .megamenu-content, nav ul.main-nav > li.is-parent-small .small-menu {
            position: relative;
            top: 0;
            left: 0;
            padding: 0;
            width: 100%;
            margin: 0;
            transform: none;
            max-height: 0;
            opacity: 1;
            visibility: visible;
            transition: max-height 1000ms ease;
            overflow: hidden;
            background: transparent; }
            nav ul.main-nav > li.is-parent .megamenu-content.is-active, nav ul.main-nav > li.is-parent .small-menu.is-active, nav ul.main-nav > li.is-parent-small .megamenu-content.is-active, nav ul.main-nav > li.is-parent-small .small-menu.is-active {
              max-height: 1000px; }
            nav ul.main-nav > li.is-parent .megamenu-content a, nav ul.main-nav > li.is-parent .small-menu a, nav ul.main-nav > li.is-parent-small .megamenu-content a, nav ul.main-nav > li.is-parent-small .small-menu a {
              text-align: center; }
            nav ul.main-nav > li.is-parent .megamenu-content > .megamenu-content-container, nav ul.main-nav > li.is-parent .small-menu > .megamenu-content-container, nav ul.main-nav > li.is-parent-small .megamenu-content > .megamenu-content-container, nav ul.main-nav > li.is-parent-small .small-menu > .megamenu-content-container {
              flex-direction: column;
              align-items: center;
              text-align: center;
              background: #191919;
              padding: 20px 0 10px; }
              nav ul.main-nav > li.is-parent .megamenu-content > .megamenu-content-container .megamenu-content-image-container, nav ul.main-nav > li.is-parent .small-menu > .megamenu-content-container .megamenu-content-image-container, nav ul.main-nav > li.is-parent-small .megamenu-content > .megamenu-content-container .megamenu-content-image-container, nav ul.main-nav > li.is-parent-small .small-menu > .megamenu-content-container .megamenu-content-image-container {
                margin: 0;
                margin-bottom: 25px; }
              nav ul.main-nav > li.is-parent .megamenu-content > .megamenu-content-container .megamenu-subnav, nav ul.main-nav > li.is-parent .small-menu > .megamenu-content-container .megamenu-subnav, nav ul.main-nav > li.is-parent-small .megamenu-content > .megamenu-content-container .megamenu-subnav, nav ul.main-nav > li.is-parent-small .small-menu > .megamenu-content-container .megamenu-subnav {
                margin-right: 0;
                text-align: center; }
                nav ul.main-nav > li.is-parent .megamenu-content > .megamenu-content-container .megamenu-subnav a, nav ul.main-nav > li.is-parent .small-menu > .megamenu-content-container .megamenu-subnav a, nav ul.main-nav > li.is-parent-small .megamenu-content > .megamenu-content-container .megamenu-subnav a, nav ul.main-nav > li.is-parent-small .small-menu > .megamenu-content-container .megamenu-subnav a {
                  margin-bottom: 2px; }
                nav ul.main-nav > li.is-parent .megamenu-content > .megamenu-content-container .megamenu-subnav-list, nav ul.main-nav > li.is-parent .small-menu > .megamenu-content-container .megamenu-subnav-list, nav ul.main-nav > li.is-parent-small .megamenu-content > .megamenu-content-container .megamenu-subnav-list, nav ul.main-nav > li.is-parent-small .small-menu > .megamenu-content-container .megamenu-subnav-list {
                  margin: 0;
                  max-height: 0;
                  transition: max-height 1000ms ease;
                  overflow: hidden; }
                  nav ul.main-nav > li.is-parent .megamenu-content > .megamenu-content-container .megamenu-subnav-list-item, nav ul.main-nav > li.is-parent .small-menu > .megamenu-content-container .megamenu-subnav-list-item, nav ul.main-nav > li.is-parent-small .megamenu-content > .megamenu-content-container .megamenu-subnav-list-item, nav ul.main-nav > li.is-parent-small .small-menu > .megamenu-content-container .megamenu-subnav-list-item {
                    font-size: 1.1rem;
                    margin-bottom: 5px; }
                  nav ul.main-nav > li.is-parent .megamenu-content > .megamenu-content-container .megamenu-subnav-list.is-active, nav ul.main-nav > li.is-parent .small-menu > .megamenu-content-container .megamenu-subnav-list.is-active, nav ul.main-nav > li.is-parent-small .megamenu-content > .megamenu-content-container .megamenu-subnav-list.is-active, nav ul.main-nav > li.is-parent-small .small-menu > .megamenu-content-container .megamenu-subnav-list.is-active {
                    max-height: 750px;
                    margin-top: 10px; }
        nav ul.main-nav .megamenu-left-spotlight {
          display: none !important; } }

/*MegaMenu Styles*/
.small-menu {
  position: absolute;
  top: 70px;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  z-index: 9999;
  transition: all .3s ease-in-out;
  transition-delay: .15s;
  background: white;
  padding: 30px;
  width: 220px;
  margin-left: -80px;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15); }
  .small-menu h3 {
    color: #659EC8;
    font-size: 105%;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: left;
    text-transform: uppercase; }
    @media (max-width: 768px) {
      .small-menu h3 {
        text-align: center; } }
    .small-menu h3 a {
      font-weight: inherit;
      font-family: inherit;
      font-size: inherit; }
  .small-menu a {
    font-weight: 300;
    display: block;
    margin-left: 10px;
    margin-bottom: 7px;
    color: black;
    transition: color 150ms ease;
    text-align: left; }
    .small-menu a:hover {
      color: #659EC8; }

.megamenu-content {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 70px;
  overflow: visible;
  visibility: hidden;
  opacity: 0;
  z-index: 9999;
  transition: all .3s ease-in-out;
  transition-delay: .15s;
  width: 80%;
  background-color: white; }
  .megamenu-content .megamenu-content-container {
    display: flex;
    justify-content: flex-start;
    padding: 40px 80px;
    transition: padding-top .45s linear; }
  .megamenu-content p, .megamenu-content span, .megamenu-content div {
    color: black; }
  .megamenu-content h3 {
    font-family: 'urw-din'; }
  .megamenu-content-lower {
    width: 100%;
    height: 60px;
    background: #628196;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 90%; }
    .megamenu-content-lower h3 {
      color: white;
      font-weight: bold;
      margin-right: 30px; }
    .megamenu-content-lower a {
      color: white;
      font-size: 98%; }
      .megamenu-content-lower a:not(:last-child) {
        padding-right: 15px;
        border-right: 1px solid #659EC8;
        margin-right: 15px; }
  .megamenu-content .megamenu {
    /*    &-left-spotlight {
      max-width: 400px;
      margin: 0 40px;
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;

      &-image {
        margin-right: 10px;
        max-width: 300px;
        width: 100%;
        align-self: center;
      }

      &-content-logo {
        max-width: 175px;
        margin-right: 25px;
      }

      h3 {
        color: $blueText;
        margin-bottom: 10px;
      }

      p {
        font-size: 1rem;
      }

      .button {
        min-width: 150px;
      }

      @media(max-width: 1000px) {
        display: none;
      }

      @media(max-width: 768px) {
        display: flex;
        border-right: 0;
        margin-right: 0 !important;
        padding-right: 0 !important;
        margin-bottom: 25px;
      }
    }*/ }
    .megamenu-content .megamenu-lower-callout {
      display: flex;
      background-color: #53565A;
      height: 100px;
      position: absolute;
      left: 0;
      width: 100%; }
      .megamenu-content .megamenu-lower-callout * {
        margin: 0;
        padding: 0; }
      .megamenu-content .megamenu-lower-callout h4, .megamenu-content .megamenu-lower-callout p {
        color: white !important;
        text-align: left; }
      .megamenu-content .megamenu-lower-callout h4 {
        text-transform: uppercase;
        margin-bottom: 8px; }
      .megamenu-content .megamenu-lower-callout p {
        font-family: 'urw-din';
        font-weight: 300;
        font-size: 1em; }
      .megamenu-content .megamenu-lower-callout .megamenu-button {
        background: #B2BCBC;
        color: black;
        padding: 10px 20px;
        border-radius: 4px;
        transform: all 250ms ease; }
        .megamenu-content .megamenu-lower-callout .megamenu-button:hover {
          background: #C9D5D5; }
      .megamenu-content .megamenu-lower-callout > div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 20px 25px;
        align-items: center; }
      .megamenu-content .megamenu-lower-callout > div:first-of-type {
        background-color: #659EC8; }
      .megamenu-content .megamenu-lower-callout > div:nth-of-type(2) {
        max-width: 500px;
        align-items: flex-start; }
      @media (max-width: 1200px) {
        .megamenu-content .megamenu-lower-callout {
          display: none !important; } }
    .megamenu-content .megamenu-hover-panel {
      width: 100%;
      max-width: 300px;
      background: #F2F2F2;
      padding: 30px;
      box-sizing: border-box;
      opacity: 0;
      transition: opacity 500ms ease; }
      .megamenu-content .megamenu-hover-panel-active {
        opacity: 1; }
      .megamenu-content .megamenu-hover-panel p, .megamenu-content .megamenu-hover-panel h4 {
        margin: 0;
        margin-bottom: 5px; }
      .megamenu-content .megamenu-hover-panel-logo {
        width: 100%;
        max-width: 200px;
        min-height: 60px;
        margin-bottom: 5px; }
        .megamenu-content .megamenu-hover-panel-logo img {
          width: 100%; }
      .megamenu-content .megamenu-hover-panel-icons {
        margin-top: 25px;
        display: flex;
        align-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap; }
        .megamenu-content .megamenu-hover-panel-icons > span {
          width: 50%;
          display: none;
          justify-content: flex-start;
          align-items: center;
          margin-bottom: 4px;
          text-align: left;
          font-size: .6rem; }
          .megamenu-content .megamenu-hover-panel-icons > span.active {
            display: flex; }
          .megamenu-content .megamenu-hover-panel-icons > span img {
            max-width: 30px;
            margin-right: 3px; }
      @media (max-width: 1450px) {
        .megamenu-content .megamenu-hover-panel {
          display: none !important; } }
    .megamenu-content .megamenu-subnav {
      margin-right: 60px;
      text-align: left; }
      .megamenu-content .megamenu-subnav p, .megamenu-content .megamenu-subnav a, .megamenu-content .megamenu-subnav h3 {
        font-size: 90%;
        margin: 0; }
      .megamenu-content .megamenu-subnav h3 {
        color: #659EC8;
        font-size: 105%;
        font-weight: bold;
        margin-bottom: 10px; }
        .megamenu-content .megamenu-subnav h3 a {
          font-weight: inherit;
          font-family: inherit;
          font-size: inherit;
          text-transform: uppercase; }
      .megamenu-content .megamenu-subnav a {
        font-weight: 300;
        display: block;
        margin-bottom: 7px;
        color: inherit;
        transition: color 150ms ease; }
        .megamenu-content .megamenu-subnav a:hover {
          color: #659EC8; }
      .megamenu-content .megamenu-subnav-list {
        display: flex;
        flex-direction: column;
        list-style-type: none;
        padding-left: 0;
        margin-bottom: 20px; }
        .megamenu-content .megamenu-subnav-list-item-link {
          color: black; }
    .megamenu-content .megamenu-content-image-container {
      max-width: 300px;
      margin-right: 50px; }
      .megamenu-content .megamenu-content-image-container img {
        width: 100%; }
      .megamenu-content .megamenu-content-image-container p {
        color: #659EC8;
        margin-top: 5px; }

.megamenu-background {
  background: #fff;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  top: 105px;
  right: 0;
  height: 0;
  transition: all .3s ease-in-out;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
  z-index: 9998;
  display: flex;
  width: 80%; }

.megamenu-dim {
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 70px;
  visibility: hidden;
  opacity: 0;
  z-index: -9997;
  transition: all .3s ease-in-out; }
  body.megamenu-visible .megamenu-dim {
    z-index: 9997;
    visibility: visible;
    opacity: 1; }

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  display: none; }

@media (max-width: 768px) {
  .hamburger {
    padding: 15px 15px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: white; }
  .hamburger:hover {
    opacity: 0.7; }
  .hamburger.is-active:hover {
    opacity: 0.7; }
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: white; }
  .hamburger-box {
    width: 40px;
    height: 24px;
    display: inline-block;
    position: relative; }
  .hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: white;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
    bottom: -10px; }
  /*
   * Slider
   */
  .hamburger--slider .hamburger-inner {
    top: 2px; }
  .hamburger--slider .hamburger-inner::before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .hamburger--slider .hamburger-inner::after {
    top: 20px; }
  .hamburger--slider.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--slider.is-active .hamburger-inner::before {
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0; }
  .hamburger--slider.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-90deg); } }

/************************************************************/
/* Mobile Navigation*/
.mobile-nav {
  display: none;
  flex-direction: column;
  width: 100%;
  z-index: 1000000;
  position: fixed;
  top: 0;
  left: 0;
  transition: top 0.3s; }
  .mobile-nav .menu-banner {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 6%;
    height: 70px;
    background: #659ec8;
    box-sizing: border-box;
    align-items: center;
    max-width: 100%; }
  .mobile-nav .menu-content {
    height: 100vh;
    width: 100vw;
    background: white;
    position: fixed;
    top: 70px;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
    overflow: scroll;
    pointer-events: none; }
  .mobile-nav .checkbox {
    position: absolute;
    display: block;
    height: 32px;
    width: 32px;
    top: 20px;
    left: 20px;
    z-index: 5;
    opacity: 0;
    cursor: pointer; }
  .mobile-nav .mobile-submenu {
    height: 100vh;
    width: 100vw;
    background: white;
    position: fixed;
    top: 70px;
    left: 0;
    /*opacity: 0;*/
    transform: translate(150%);
    transition: transform 0.3s ease;
    overflow: scroll; }
  .mobile-nav .hamburger-lines {
    display: block;
    height: 26px;
    width: 32px;
    position: absolute;
    top: 22px;
    left: 25px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  .mobile-nav .menu-items {
    transform: translate(-100%);
    transition: transform 0.3s ease-in-out; }
  .mobile-nav ul {
    list-style-type: none;
    text-align: start;
    margin: 20px 0; }
  .mobile-nav li {
    margin: 20px 0;
    display: flex; }
    .mobile-nav li a {
      color: black;
      font-size: 1.2rem;
      font-weight: normal;
      font-family: 'urw-din-semi-condensed', sans-serif;
      text-transform: none; }
  .mobile-nav .hamburger-lines .line {
    display: block;
    height: 4px;
    width: 100%;
    border-radius: 10px;
    background: white; }
  .mobile-nav .hamburger-lines .line1 {
    transform-origin: 0% 0%;
    transition: transform 0.4s ease-in-out; }
  .mobile-nav .hamburger-lines .line2 {
    transition: transform 0.2s ease-in-out; }
  .mobile-nav .hamburger-lines .line3 {
    transform-origin: 0% 100%;
    transition: transform 0.4s ease-in-out; }
  .mobile-nav input[type="checkbox"]:checked ~ .menu-content {
    opacity: 1;
    pointer-events: auto;
    /*visibility: visible;*/ }
  .mobile-nav input[type="checkbox"]:checked ~ .menu-content .menu-items {
    transform: translateX(0); }
  .mobile-nav input[type="checkbox"]:checked ~ .hamburger-lines .line1 {
    transform: rotate(45deg); }
  .mobile-nav input[type="checkbox"]:checked ~ .hamburger-lines .line2 {
    transform: scaleY(0); }
  .mobile-nav input[type="checkbox"]:checked ~ .hamburger-lines .line3 {
    transform: rotate(-45deg); }
  .mobile-nav .secondary-menu-items {
    margin-bottom: 300px; }
    .mobile-nav .secondary-menu-items li {
      margin: 20px 0; }
      .mobile-nav .secondary-menu-items li a {
        font-weight: normal;
        text-transform: none;
        color: black; }
  .mobile-nav .mobile-menu-button {
    color: #659ec8;
    font-weight: bold;
    text-transform: uppercase;
    margin: 15px 0; }
  .mobile-nav .mobile-submenu ul {
    margin-bottom: 300px; }

.hamburger--slider, .hamburger.is-active:hover {
  opacity: 1 !important;
  background: transparent !important; }

.menu-items hr {
  margin: 0 30px;
  border-color: black;
  border-top-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px; }

#mobile-nav-logo {
  width: 80px; }

/*    .mobile-nav input[type="checkbox"]:not(checked) ~ .menu-content .mobile-submenu {
      transform: translateX(150%) !important;
    }*/
@media (pointer: coarse) and (orientation: portrait), (max-width: 769px) {
  .nav-container {
    display: none; }
  .mobile-nav {
    display: flex; } }

/*Helper Class*/
.forms-button-dark {
  display: inline-block;
  background: transparent;
  color: #282828;
  font-family: Lato;
  font-size: 1rem;
  margin-top: 25px;
  padding: 20px;
  border: solid #282828 2px;
  text-decoration: none;
  text-transform: capitalize;
  text-align: center;
  transition: background 250ms ease; }
  .forms-button-dark:hover {
    color: white;
    background: #282828; }

.forms-button-green {
  color: #8fb02e;
  font-weight: bold;
  padding: 15px 25px;
  border: solid #8fb02e 2px;
  text-transform: uppercase; }
  .forms-button-green:hover {
    background: #8fb02e; }

.float-left {
  float: left; }

.float-right {
  float: right; }

.distributors-hero-img {
  background-image: url(/contact/international/img/hero.jpg); }

.contact-background-wrapper {
  background-image: url(/contact/firelite-distributors/img/map-US.jpg);
  background-size: cover;
  background-position: center;
  transition: background-image 350ms ease; }

.contact-content-wrap {
  padding-top: 10px;
  background: transparent; }

.firelite-distributors-page-header .menu__link-distributors {
  width: 150px; }

.firelite-distributors-page-header .menu__link__long__wrap__firelite-dist {
  width: calc(100% - (150px + 150px + 150px));
  cursor: default; }

.firelite-distributors-wrapper-header .firelite-logo-img {
  padding-top: 35px;
  width: 180px; }

#distributorSearch {
  margin-top: 5px; }

.company-container, .company {
  display: inline-block;
  vertical-align: top;
  padding: 15px;
  width: calc(25% - 30px);
  font-family: Lato; }
  .company-container em, .company em {
    font-family: Lato; }
  .company-container h4, .company h4 {
    margin-top: 0;
    font-weight: 800;
    color: #66a2c6; }
  .company-container p, .company p {
    font-size: .9rem; }

#dropdowns .select-location {
  text-transform: none;
  display: inline-block;
  margin-right: 25px;
  font-family: Lato;
  font-size: 1.1rem; }

#resourceLinks #distributorList h3 {
  margin-top: 50px;
  font-weight: 800;
  color: #4d4844; }

#resourceLinks #distributorList a {
  color: #4e9de7; }

#ContentPlaceHolder1_UpdatePanel1 {
  background-color: transparent; }

#sharePhotoModal {
  display: none; }

/*TERRITORY MANAGERS*/
.territory-managers-page-header .menu__link-territory {
  width: 180px; }

.territory-managers-page-header .menu__link__long__wrap__territory-managers {
  width: calc(100% - (180px + 180px + 180px));
  cursor: default; }

.manager-results {
  display: inline-block;
  float: left;
  width: 45%; }
  .manager-results .manager-description {
    font-style: italic; }
  .manager-results p {
    line-height: 1.5rem; }

.territory-manager-h3 {
  margin-top: 50px;
  font-weight: 800;
  color: #4d4844 !important; }

.territory-tab h3 {
  font-weight: 800;
  color: #4d4844; }

.territory-tab p {
  line-height: 1.5rem; }

.territory-tab .manager-name {
  color: #66a2c6;
  font-family: Lato;
  font-weight: 900;
  font-size: 1.1rem; }

.territory-tab .foreign-header-text {
  margin-top: 50px; }

/*INTERNATIONAL*/
.international-page-header .menu__link-international {
  width: 200px; }

.international-page-header .menu__link__long__wrap__international {
  width: calc(100% - (200px + 200px + 200px));
  cursor: default; }

.international-tab {
  font-family: Lato;
  line-height: 1.25rem;
  color: #595552; }
  .international-tab .international-header {
    font-family: UniSansSemiBold;
    color: #4d4844;
    letter-spacing: .05rem; }
  .international-tab .text-accent {
    font-weight: bold; }

.middle-east-tab .side-by-side {
  width: 45%;
  float: left; }

.middle-east-tab img {
  margin-left: 50px;
  margin-top: 1em; }

.middle-east-tab h4 {
  margin-top: 0;
  margin-bottom: 0; }

/*LOCATION*/
.location-info-wrapper {
  width: 90%;
  margin: 0 auto; }

.location-content-wrap {
  font-family: Lato;
  line-height: 1.25rem;
  color: #595552; }
  .location-content-wrap .location-info-containers {
    display: inline-block;
    width: 33%;
    vertical-align: top; }
  .location-content-wrap h3 {
    font-family: UniSansSemiBold;
    letter-spacing: .05rem; }

.location-lower-info {
  margin-top: 40px; }

.us-map-link,
.canada-map-link,
.middle-east-map-link {
  cursor: pointer; }

/*Privacy-Legal*/
.privacy-legal {
  padding-top: 0; }
  .privacy-legal h2 {
    font-family: UniSansBold;
    font-size: 1.75rem;
    letter-spacing: 0.07rem;
    color: #66a2c6; }
  .privacy-legal h3 {
    font-size: 1rem; }
  .privacy-legal p {
    font-size: .9rem;
    line-height: 1.15rem; }

@media (max-width: 750px) {
  .distributors-hero-img {
    background-image: none; }
    .distributors-hero-img .fixed-header {
      font-size: .8rem;
      padding-left: 0;
      padding-top: 0;
      width: 45%;
      display: inline-block;
      height: auto;
      top: 50%;
      transform: translateY(-50%);
      position: relative; } }

@media (max-width: 750px) {
  /*General Mobile*/
  .contact-content-wrap .forms-button-dark {
    display: none; }
  /*END General Mobile*/
  /*FireLite Distributors Mobile*/
  .distributors-hero-img {
    background-image: none; }
    .distributors-hero-img .fixed-header {
      font-size: .8rem;
      margin-left: 55px; }
  .firelite-distributors-page-header .menu__link {
    width: 100%;
    border: none; }
    .firelite-distributors-page-header .menu__link::after {
      width: 0;
      height: 0;
      opacity: 0;
      transform: none;
      background: transparent; }
  .firelite-distributors-page-header .menu--ceres .menu__item {
    width: 100%;
    border-top: 1px solid #696969; }
    .firelite-distributors-page-header .menu--ceres .menu__item::after, .firelite-distributors-page-header .menu--ceres .menu__item::before {
      width: 0;
      height: 0;
      opacity: 0;
      transform: none;
      background: transparent; }
  .firelite-distributors-wrapper-header .firelite-logo-img {
    padding-top: 0; }
  .company-container, .company {
    display: block;
    width: 100%; }
  /*END FireLite Distributors Mobile*/
  /*TGP Locations Mobile*/
  .location-content-wrap .location-info-containers {
    width: 100%;
    display: block;
    text-align: center; }
  /*END TGP Locations Mobile*/
  /*TGP Territory Managers*/
  .manager-results {
    width: 100%; }
    .manager-results > p:nth-of-type(2) img {
      width: 100px !important;
      height: auto !important; }
  #account-manager {
    margin-bottom: 25px; }
  /*END TGP Territory Managers*/
  /*TGP International*/
  .middle-east-tab div {
    margin-left: 0 !important; }
  .middle-east-tab .side-by-side {
    float: none;
    width: 100%; }
    .middle-east-tab .side-by-side img {
      display: none; }
  .middle-east-tab .float-left,
  .middle-east-tab .float-right {
    float: none; }
    .middle-east-tab .float-left img,
    .middle-east-tab .float-right img {
      margin: 0;
      width: 100% !important;
      height: auto !important; }
  /*END TGP International*/ }

/**,
*:after,
*::before {
  box-sizing: border-box;
}*/
/* SEARCH */
.allegion-family-img {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%); }
  @media (max-width: 768px) {
    .allegion-family-img {
      display: none; } }

.notrans {
  transition: none !important; }

.page-mask-visible {
  z-index: 4 !important;
  opacity: 1 !important; }

.noscroll {
  overflow: hidden !important; }

.search-icon {
  position: absolute;
  top: 28px;
  left: 260px;
  z-index: 50; }
  @media (max-width: 768px) {
    .search-icon {
      right: 40px; } }

.site-search-form {
  display: none;
  position: absolute;
  top: 15px;
  left: 300px;
  white-space: nowrap; }

.search-textbox {
  padding: .9rem;
  font-family: Lato;
  font-size: 1em; }

.search-button {
  padding-left: 4px;
  vertical-align: middle; }

/*NAV QUICK INFO*/
#nav-quick-info-container {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 450px;
  z-index: -5;
  opacity: 0;
  transition: opacity 400ms ease; }

#nav-quick-info-wrap {
  position: fixed;
  top: 30%;
  transform: translateY(-50%);
  left: 475px;
  width: 400px;
  height: 250px;
  z-index: 10;
  transition: width 150ms ease;
  color: white;
  text-align: left; }
  #nav-quick-info-wrap #quick-prod-info-wrap {
    display: none;
    opacity: 0;
    margin-top: 20px;
    padding-left: 20px;
    transition: opacity 300ms ease; }
    #nav-quick-info-wrap #quick-prod-info-wrap h3 {
      color: #e51937;
      font-size: 1.6rem;
      font-weight: 800;
      margin: 0;
      margin-bottom: 15px; }
    #nav-quick-info-wrap #quick-prod-info-wrap h2 {
      color: white;
      font-size: 1.3rem;
      font-weight: 600;
      margin: 0; }
    #nav-quick-info-wrap #quick-prod-info-wrap p {
      color: white;
      font-size: 1.1rem; }
    #nav-quick-info-wrap #quick-prod-info-wrap #quick-prod-desc-frames {
      display: none;
      color: white;
      transition: opacity 300ms ease; }
  #nav-quick-info-wrap #img-placeholder {
    padding-left: 20px;
    display: none;
    opacity: 0; }
    #nav-quick-info-wrap #img-placeholder img {
      margin-right: 5px; }
  #nav-quick-info-wrap .hoverActive {
    transition: none; }

.container,
.scroller {
  height: 100%;
  overflow: auto; }

#body-wrapper {
  position: relative;
  margin-bottom: 250px; }

#page-mask {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.85);
  opacity: 0;
  z-index: -10;
  transition: opacity 400ms linear; }

#link-transition-overlay {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 1;
  z-index: 500;
  background-color: #000;
  transition: opacity .6s ease; }

.load-contain {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 501;
  width: 5%;
  left: 47.5%; }

.loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.4em solid rgba(255, 255, 255, 0.2);
  border-right: 1.4em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.4em solid rgba(255, 255, 255, 0.2);
  border-left: 1.4em solid #ffd900;
  /*-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);*/
  /*-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;*/ }

.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em; }

.breadcrumb-link {
  color: #ffd900;
  font-size: 17px; }

.nav-transform {
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease; }

[class*="ion-"]::before {
  margin: 0 0.6em 0 0; }

.scroller {
  position: relative; }

.container {
  position: relative; }

/*THINGS FOR NAVICON*/
.img-logo-container {
  background: url(/img/icons/menu-logo-home.jpg);
  background-position: center;
  height: 64px; }

.img-logo {
  z-index: 740; }

.nav-container {
  position: fixed;
  z-index: 739;
  top: 0;
  left: 0;
  transition: all 100ms ease-in-out; }

.nav-container-body {
  position: fixed;
  z-index: 739;
  top: 50%;
  left: 0;
  color: black;
  transform: translateY(-50%);
  transition: all 300ms ease-in-out; }

.stack {
  display: table;
  width: 64px;
  height: 64px; }

.stack-inner {
  display: table-cell;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  z-index: inherit; }

.top-image {
  position: fixed;
  top: 0;
  left: -450px;
  width: 450px;
  background-color: #161819;
  text-align: left;
  z-index: 739; }

.top-image img {
  display: inline-block; }

.close-x {
  top: 20px;
  font-family: "Ionicons";
  position: absolute;
  left: 90px;
  color: white;
  font-size: 1.8rem;
  padding-right: 25px;
  cursor: pointer;
  transition: transform 200ms ease;
  z-index: 4;
  display: none; }

.close-x:hover {
  transform: scale(0.9);
  transform-origin: center; }

.menu-trigger {
  padding: 0;
  margin: 0;
  font-size: 2.5rem;
  color: white;
  transition: color 2s ease; }

#triggerNew {
  z-index: 1000;
  cursor: pointer;
  position: absolute;
  top: 8px;
  left: 70px; }
  @media (max-width: 750px) {
    #triggerNew {
      position: absolute;
      top: 14px;
      left: 70px; } }

/*END NAVICON*/
@media (max-width: 750px) {
  /*Phone Icon*/
  .nav-container {
    width: 100vw; }
  .mobile-call-icon {
    position: absolute;
    top: 30%;
    right: 25px; } }

/*--------------------------------------------------------------
            ## Fullscreen navigation
            --------------------------------------------------------------*/
/*ADDED BY WESTIN*/
.close-mobile {
  display: none; }

.tgp-menu-item {
  padding-bottom: 10px; }

.tgp-menu-item a, .tgp.tgp-menu-item li, .sub-menu h6, .sub-nav-prod-details h5, .sub-nav-prod-details p {
  font-family: 'Cabin Condensed', sans-serif;
  letter-spacing: .05rem !important; }

.menu-header-margin-top {
  margin-top: 15px; }

.sub-menu h6 {
  font-size: 1rem;
  line-height: 1.25rem;
  color: #717171;
  margin: 0;
  margin-bottom: 15px;
  border-bottom: 1px solid rgba(148, 148, 148, 0.55);
  padding: 0;
  padding-bottom: 5px; }

.sub-nav-prod-details {
  position: fixed !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin-left: 25px;
  padding-left: 30px;
  display: none;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  height: 75%;
  flex-direction: column;
  justify-content: flex-start;
  transition: opacity 300ms ease, transform 300ms ease;
  opacity: 0;
  padding-top: 7%; }
  .sub-nav-prod-details img {
    width: 100%;
    flex-shrink: 0; }

.sub-nav-prod-details.show {
  opacity: 1; }

.fadeInText {
  transform: translateX(0) !important;
  opacity: 1 !important; }

.sub-nav-prod-details h5, .sub-nav-prod-details p {
  transition: opacity 450ms ease-in-out, transform 300ms ease;
  transform: translateX(-25px) translateZ(0);
  opacity: 0; }

.sub-nav-prod-details h5 {
  color: #ffd900;
  font-size: 1.25rem;
  line-height: 1.25rem;
  margin: 0;
  margin-top: 15px;
  margin-bottom: 25px; }

.sub-nav-prod-details p {
  margin: 0;
  margin-bottom: 10px;
  line-height: 1rem;
  font-size: 1rem; }

.fullscreen-navigation {
  background: rgba(34, 34, 34, 0.98);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  -webkit-transition-property: opacity, visibility;
  -o-transition-property: opacity, visibility;
  transition-property: opacity, visibility; }

.fullscreen-navigation:after {
  content: '';
  background: #1a1a1a;
  width: 300px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0; }

.fullscreen-navigation .menu-not-assigned {
  margin-left: 40px;
  font-size: 16px;
  color: #fff; }

.fullscreen-navigation .menu-not-assigned a {
  color: #ddd;
  text-decoration: underline; }

.fullscreen-navigation .menu-not-assigned a:hover {
  color: #ddd;
  opacity: .7; }

.fullscreen-navigation .site-branding {
  margin-left: 40px;
  margin-top: 80px;
  max-width: 310px;
  z-index: 5;
  opacity: 0;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  -webkit-transition-property: opacity, left;
  -o-transition-property: opacity, left;
  transition-property: opacity, left;
  opacity: 0;
  position: relative;
  z-index: 20; }

.fullscreen-navigation .site-branding a {
  font: 400 25px "Cabin Condensed", sans-serif;
  color: #a5a5a5;
  text-decoration: none; }

.fullscreen-navigation .fullscreen-menu-wrap {
  position: relative;
  z-index: 3;
  display: inline-block; }

.fullscreen-navigation ul.menu {
  width: 300px;
  padding: 10px 0 0 40px;
  position: relative;
  -webkit-transform: translateX(-40px);
  -ms-transform: translateX(-40px);
  transform: translateX(-40px);
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: -webkit-transform .3s ease-in-out;
  -o-transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; }

.fullscreen-navigation #fullscreen-tgp-menu-wrap ul {
  list-style: none; }

.fullscreen-navigation #fullscreen-tgp-menu-wrap > .tgp-menu-item {
  z-index: 3; }

.fullscreen-navigation #secondary-menu > li > a {
  padding: 0 75px 0 20px; }

@media (min-width: 1025px) {
  .fullscreen-navigation li {
    color: #ffffff;
    font-size: 20px;
    position: relative;
    -webkit-transform: translateX(-25px);
    -ms-transform: translateX(-25px);
    transform: translateX(-25px);
    opacity: 0;
    -webkit-transition: 0.25s cubic-bezier(0.45, 0.49, 0.44, 1);
    -o-transition: 0.25s cubic-bezier(0.45, 0.49, 0.44, 1);
    transition: 0.25s cubic-bezier(0.45, 0.49, 0.44, 1);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s; }
  .fullscreen-navigation li.showed {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 1; }
  .fullscreen-navigation li.has-submenu > a:after, .fullscreen-navigation li.has-submenu > a:before {
    content: '';
    width: 20px;
    height: 2px;
    border: 2px solid currentColor;
    border-top: none;
    border-bottom: none;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    right: 30px; }
  .fullscreen-navigation li.has-submenu > a:before {
    border-left: none;
    margin-right: 9px; }
  .fullscreen-navigation li a {
    width: 100%;
    vertical-align: middle;
    padding-left: 40px;
    color: #c5c5c5;
    font: 400 17.5px "Cabin Condensed", sans-serif;
    display: block;
    position: relative;
    z-index: 2;
    transition: color 125ms ease; }
  .fullscreen-navigation li a:hover, .fullscreen-navigation li a.open {
    color: #da1a32; }
  .fullscreen-navigation li a span {
    line-height: 1.2;
    display: inline-block; }
  .fullscreen-navigation li div.sub-nav,
  .fullscreen-navigation li .sub-sub-menu {
    background: none;
    width: auto;
    margin-left: 0;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 100%;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    -webkit-transition-property: opacity, visibility;
    -o-transition-property: opacity, visibility;
    transition-property: opacity, visibility; } }

.fullscreen-navigation li div.sub-nav li,
.fullscreen-navigation li .sub-sub-menu li {
  line-height: 40px;
  font-size: 16px;
  position: relative; }

.fullscreen-navigation li div.sub-nav a,
.fullscreen-navigation li .sub-sub-menu a {
  color: #c5c5c5;
  padding: 0 40px 0 0; }

.fullscreen-navigation li div.sub-nav a:after, .fullscreen-navigation li div.sub-nav a:before,
.fullscreen-navigation li .sub-sub-menu a:after,
.fullscreen-navigation li .sub-sub-menu a:before {
  margin-top: 0;
  right: 5px; }

.fullscreen-navigation li div.sub-nav.open,
.fullscreen-navigation li .sub-sub-menu.open {
  opacity: 1;
  visibility: visible; }

.fullscreen-navigation li div.sub-nav {
  position: absolute;
  width: 370px;
  padding-left: 70px;
  margin-left: -70px;
  z-index: 1000; }

.fullscreen-navigation li div.sub-nav ul {
  min-width: 210px;
  width: 300px;
  max-width: 300px;
  padding-left: 80px;
  margin-left: -50px;
  display: inline-block; }

.fullscreen-navigation li .sub-sub-nav {
  position: absolute;
  top: 0;
  left: 100%;
  width: 300px; }

.fullscreen-navigation li .sub-sub-nav ul {
  left: 0; }

.fullscreen-navigation li:hover > a.menu-link {
  color: #da1a32;
  opacity: 1; }

.fullscreen-navigation li:hover > .sub-sub-nav > .sub-sub-menu {
  opacity: 1;
  visibility: visible;
  position: absolute;
  z-index: 1000; }

.fullscreen-navigation .languages {
  position: relative;
  z-index: 2;
  padding: 35px 68px;
  font-family: "Cabin Condensed", sans-serif;
  font-size: 13px;
  opacity: 0;
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: .3s ease-in-out .2s;
  -o-transition: .3s ease-in-out .2s;
  transition: .3s ease-in-out .2s;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: transform, opacity;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform; }

.fullscreen-navigation .languages a {
  color: rgba(64, 64, 68, 0.7);
  font-weight: 500;
  font-size: 14px;
  padding: 0 12px;
  text-transform: capitalize;
  position: relative; }

.fullscreen-navigation .languages a:after {
  content: '/';
  color: rgba(64, 64, 68, 0.7);
  position: absolute;
  top: 3px;
  right: -5px;
  font-size: 12px;
  font-weight: 400; }

.fullscreen-navigation .languages a:hover {
  color: #404044;
  opacity: 1; }

.fullscreen-navigation .languages a.active span {
  color: #404044;
  padding: 1px 0;
  border-bottom: 1px solid #404044; }

.fullscreen-navigation .languages a:last-child:after {
  display: none; }

.fullscreen-navigation .nav-site-logo {
  background: url(/img/icons/menu-logo-home.jpg);
  background-position: center;
  height: 64px;
  background-repeat: no-repeat;
  z-index: 1000;
  position: fixed; }

.fullscreen-navigation .close {
  color: #d0d0d0;
  max-width: 400px;
  line-height: 0px;
  font-size: 46px;
  padding: 20px;
  position: absolute;
  top: -5px;
  left: 65px;
  z-index: 2;
  cursor: pointer;
  -webkit-transition: opacity .15s ease-in-out;
  -o-transition: opacity .15s ease-in-out;
  transition: opacity .15s ease-in-out; }

.fullscreen-navigation .close:hover {
  opacity: .5; }

.fullscreen-navigation .copyright {
  width: 300px;
  position: absolute;
  bottom: 35px;
  left: 0;
  z-index: 2;
  font-size: 14px;
  text-align: center; }

.fullscreen-navigation .copyright .content > a {
  color: #505cfd; }

.fullscreen-navigation .copyright .content > a:hover {
  text-decoration: underline; }

.fullscreen-navigation .copyright .socialbar {
  margin-top: 15px; }

.fullscreen-navigation .copyright .socialbar > a {
  color: currentColor;
  border-color: currentColor; }

.fullscreen-navigation .copyright .socialbar > a:hover {
  background-color: currentColor; }

.fullscreen-navigation .copyright .socialbar > a:hover span {
  color: #fff; }

.fullscreen-navigation.open {
  opacity: 1;
  visibility: visible; }

.fullscreen-navigation.open .site-branding {
  opacity: 1; }

.fullscreen-navigation.open ul.menu {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none; }

.fullscreen-navigation.open .languages {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  opacity: 1; }

.fullscreen-navigation.simple, .fullscreen-navigation.centered, .fullscreen-navigation.split {
  color: #fff; }

.fullscreen-navigation.simple .site-branding, .fullscreen-navigation.centered .site-branding, .fullscreen-navigation.split .site-branding {
  position: absolute;
  margin: 0; }

.fullscreen-navigation.simple .site-branding, .fullscreen-navigation.simple .site-branding a, .fullscreen-navigation.centered .site-branding, .fullscreen-navigation.centered .site-branding a, .fullscreen-navigation.split .site-branding, .fullscreen-navigation.split .site-branding a {
  color: #fff; }

.fullscreen-navigation.simple:after, .fullscreen-navigation.centered:after, .fullscreen-navigation.split:after {
  display: none; }

.fullscreen-navigation.simple .close, .fullscreen-navigation.centered .close, .fullscreen-navigation.split .close {
  color: #fff; }

.fullscreen-navigation.simple .copyright .content > a, .fullscreen-navigation.centered .copyright .content > a, .fullscreen-navigation.split .copyright .content > a {
  color: #fff; }

.fullscreen-navigation.simple .languages, .fullscreen-navigation.centered .languages, .fullscreen-navigation.split .languages {
  padding-left: 0;
  margin-left: -12px; }

.fullscreen-navigation.simple .languages a, .fullscreen-navigation.centered .languages a, .fullscreen-navigation.split .languages a {
  color: rgba(255, 255, 255, 0.6); }

.fullscreen-navigation.simple .languages a.active span, .fullscreen-navigation.centered .languages a.active span, .fullscreen-navigation.split .languages a.active span {
  color: #fff;
  border-color: #fff; }

.fullscreen-navigation.simple .languages a:after, .fullscreen-navigation.centered .languages a:after, .fullscreen-navigation.split .languages a:after {
  color: rgba(255, 255, 255, 0.6); }

.fullscreen-navigation.simple .languages a:hover, .fullscreen-navigation.centered .languages a:hover, .fullscreen-navigation.split .languages a:hover {
  color: #fff; }

.fullscreen-navigation.simple {
  padding: 0 15%; }

.fullscreen-navigation.simple .site-branding {
  position: static;
  margin-top: 18px; }

.fullscreen-navigation.simple .copyright {
  max-width: 300px;
  left: 15%;
  bottom: 80px; }

.fullscreen-navigation.simple #fullscreen-tgp-menu-wrap {
  margin: 0; }

.fullscreen-navigation.simple ul.menu {
  background: transparent;
  width: auto;
  min-width: 360px;
  padding: 60px 0 0 0;
  margin: 0;
  display: inline-block;
  position: relative;
  left: -40px; }

.fullscreen-navigation.simple ul.menu a {
  color: inherit;
  padding-left: 20px; }

.fullscreen-navigation.simple ul.menu a:after, .fullscreen-navigation.simple ul.menu a:before {
  border-color: currentColor;
  margin-top: -2px; }

.fullscreen-navigation.simple ul.menu li {
  width: auto;
  min-width: 100px; }

.fullscreen-navigation.simple ul.menu li:hover > a {
  color: #505cfd; }

.fullscreen-navigation.simple ul.menu li:hover > a:after, .fullscreen-navigation.simple ul.menu li:hover > a:before {
  border-color: #505cfd; }

.fullscreen-navigation.simple ul.menu .sub-menu, .fullscreen-navigation.simple ul.menu .sub-sub-menu {
  margin-top: -2px; }

.fullscreen-navigation.centered {
  padding: 0 14%; }

.fullscreen-navigation.centered .site-branding {
  position: static;
  margin-top: 18px; }

.fullscreen-navigation.centered .copyright {
  width: 400px;
  left: 50%;
  margin-left: -200px;
  text-align: center; }

.fullscreen-navigation.centered #fullscreen-tgp-menu-wrap {
  height: 100%; }

.fullscreen-navigation.centered .fullscreen-menu-wrap {
  width: 100%;
  height: 100%; }

.fullscreen-navigation.centered .fullscreen-menu-wrap #secondary-menu {
  width: 420px;
  background: transparent;
  height: -webkit-calc(100% - 200px);
  height: calc(100% - 200px);
  padding: 0 0 50px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none; }

.fullscreen-navigation.centered .fullscreen-menu-wrap #secondary-menu > li {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  text-align: center;
  line-height: 44px;
  font-size: 34px; }

.fullscreen-navigation.centered .fullscreen-menu-wrap #secondary-menu > li > a {
  padding: 0;
  color: #fff;
  font-size: inherit;
  line-height: inherit; }

.fullscreen-navigation.centered .fullscreen-menu-wrap #secondary-menu > li > a:hover {
  color: #505cfd; }

.fullscreen-navigation.centered .fullscreen-menu-wrap #secondary-menu > li > a:after, .fullscreen-navigation.centered .fullscreen-menu-wrap #secondary-menu > li > a:before {
  display: none; }

.fullscreen-navigation.centered .fullscreen-menu-wrap #secondary-menu > li .sub-menu {
  position: static;
  margin-top: 10px; }

.fullscreen-navigation.centered .fullscreen-menu-wrap li {
  -webkit-transform: translateY(25px) scale(0.95);
  -ms-transform: translateY(25px) scale(0.95);
  transform: translateY(25px) scale(0.95); }

.fullscreen-navigation.centered .fullscreen-menu-wrap li:after {
  content: ''; }

.fullscreen-navigation.centered .fullscreen-menu-wrap li.showed {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none; }

.fullscreen-navigation.centered .fullscreen-menu-wrap li .sub-menu, .fullscreen-navigation.centered .fullscreen-menu-wrap li .sub-sub-menu {
  -webkit-transition: height .4s ease-in-out;
  -o-transition: height .4s ease-in-out;
  transition: height .4s ease-in-out;
  text-align: left; }

.fullscreen-navigation.centered .fullscreen-menu-wrap li .sub-menu li, .fullscreen-navigation.centered .fullscreen-menu-wrap li .sub-sub-menu li {
  font-size: 20px;
  line-height: 30px; }

.fullscreen-navigation.centered .languages {
  padding: 0;
  position: absolute;
  top: 35px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

.fullscreen-navigation.centered .copyright {
  z-index: 20; }

.fullscreen-navigation.split .site-branding {
  position: static;
  margin: 23px auto 0;
  max-width: 1326px;
  padding: 0 15px; }

.fullscreen-navigation.split.with-panel-offset .site-branding .site-title {
  margin-left: 35px; }

.fullscreen-navigation.split .copyright {
  color: rgba(255, 255, 255, 0.3);
  max-width: 600px;
  left: 15%;
  bottom: 80px; }

.fullscreen-navigation.split .fullscreen-menu-wrap {
  width: 100%;
  position: absolute;
  top: 100px; }

.fullscreen-navigation.split #fullscreen-tgp-menu-wrap {
  margin: 0; }

.fullscreen-navigation.split:before {
  content: '';
  background: rgba(255, 255, 255, 0.2);
  width: 1px;
  height: -webkit-calc(100% - 250px);
  height: calc(100% - 250px);
  position: absolute;
  top: 130px;
  left: 50%; }

.fullscreen-navigation.split ul.menu {
  background: transparent;
  width: auto;
  height: 100%;
  min-width: 360px;
  padding: 20px 0 0 30px;
  margin: 0;
  display: inline-block;
  position: relative;
  left: 50%; }

.fullscreen-navigation.split ul.menu li {
  padding: 0; }

.fullscreen-navigation.split ul.menu a {
  color: rgba(255, 255, 255, 0.7);
  padding-left: 20px;
  padding-right: 20px;
  width: auto;
  line-height: 40px;
  display: inline-block; }

.fullscreen-navigation.split ul.menu a:after {
  display: none; }

.fullscreen-navigation.split ul.menu a span {
  position: relative;
  display: inline-block; }

.fullscreen-navigation.split ul.menu a span:after {
  content: '';
  background: currentColor;
  width: 0;
  height: 1px;
  border: none;
  left: 50%;
  position: absolute;
  top: 50%;
  opacity: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
  -webkit-transition-property: opacity, width, -webkit-transform;
  transition-property: opacity, width, -webkit-transform;
  -o-transition-property: opacity, transform, width;
  transition-property: opacity, transform, width;
  transition-property: opacity, transform, width, -webkit-transform; }

.fullscreen-navigation.split ul.menu a:before {
  display: none; }

.fullscreen-navigation.split ul.menu li {
  width: auto;
  min-width: 100px;
  cursor: pointer;
  padding-right: 60px; }

.fullscreen-navigation.split ul.menu li:after {
  width: 100%; }

.fullscreen-navigation.split ul.menu li:hover > a {
  color: #fff; }

.fullscreen-navigation.split ul.menu li:hover > a span:after {
  width: -webkit-calc(100% + 10px);
  width: calc(100% + 10px);
  opacity: 1; }

.fullscreen-navigation.split ul.menu li.has-submenu:after, .fullscreen-navigation.split ul.menu li.has-submenu:before {
  content: '';
  width: 20px;
  height: 2px;
  border: 2px solid currentColor;
  border-top: none;
  border-bottom: none;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  right: 40px; }

.fullscreen-navigation.split ul.menu li.has-submenu:before {
  border-left: none;
  margin-right: 9px; }

.fullscreen-navigation.split ul.menu .sub-menu, .fullscreen-navigation.split ul.menu .sub-sub-menu {
  margin-top: -5px; }

.fullscreen-navigation.split .languages {
  left: 50%;
  margin-left: 38px; }

.fullscreen-navigation.split .copyright {
  width: auto;
  padding-right: 40px;
  left: auto;
  right: 50%;
  bottom: 120px;
  text-align: right; }

.fullscreen-navigation .copyright .content {
  line-height: 2; }

.fullscreen-navigation .copyright .socialbar > a {
  margin-bottom: 0px; }

/*--------------------------------------------------------------
            ## Fixed header navigation
            --------------------------------------------------------------*/
.site-header.header-fixed {
  background: #fff;
  color: #404044;
  -webkit-border-radius: 0;
  border-radius: 0; }

.site-header.header-fixed .header-wrap .tgp-menu-item .without-divider > a.menu-link:after {
  display: none; }

.site-header.header-fixed.header-5 li > a.menu-link:after {
  color: rgba(0, 0, 0, 0.5); }

.site-header.header-fixed.header-3 .header-wrap {
  background: #ffffff; }

/*--------------------------------------------------------------
            ## Mobile navigation
            --------------------------------------------------------------*/
.close-menu {
  display: none; }

.mobile-wpml-select {
  display: none; }

.phone-menu-bottom,
.phone-menu-middle {
  display: none; }

@media screen and (max-width: 1024px) {
  .close-mobile {
    display: block; }
  div.content-right {
    margin: 0; }
  .subheader {
    padding-left: 10px;
    padding-right: 10px; }
  .subheader ul.social-bar {
    display: none; }
  .close-menu {
    display: block;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    right: -100%;
    z-index: 999;
    cursor: pointer; }
  #fullscreen-tgp-menu-wrap.main-nav {
    /*background: rgba(48, 48, 48, 0.97);*/
    color: rgba(255, 255, 255, 0.6);
    width: -webkit-calc(100vw - 60px);
    /*width: calc(100vw - 60px);*/
    height: 100vh;
    text-align: left;
    font-size: 20px;
    line-height: 52px;
    position: fixed;
    top: 125px;
    z-index: 99999999;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-transition: 0.4s cubic-bezier(0.45, 0, 0.3, 1);
    -o-transition: 0.4s cubic-bezier(0.45, 0, 0.3, 1);
    transition: 0.4s cubic-bezier(0.45, 0, 0.3, 1);
    -webkit-transition-property: opacity, visibility, left, right;
    -o-transition-property: opacity, visibility, left, right;
    transition-property: opacity, visibility, left, right;
    left: 0;
    opacity: 1;
    visibility: visible; }
  #fullscreen-tgp-menu-wrap.main-nav.slide-right {
    right: -100%;
    left: auto; }
  #fullscreen-tgp-menu-wrap.main-nav.slide-right.active {
    left: auto;
    right: 0; }
  #fullscreen-tgp-menu-wrap.main-nav.hidden {
    display: block; }
  #fullscreen-tgp-menu-wrap.main-nav .site-branding {
    display: none; }
  #fullscreen-tgp-menu-wrap.main-nav .close {
    color: inherit;
    font-size: 26px;
    line-height: 56px;
    padding: 10px 30px 5px;
    display: block;
    cursor: pointer; }
  #fullscreen-tgp-menu-wrap.main-nav .close:hover {
    color: #ffffff; }
  #fullscreen-tgp-menu-wrap.main-nav .close i.ion-ios-arrow-back:before {
    content: '\f3cf';
    font-family: "Ionicons";
    width: 20px;
    height: 20px; }
  #fullscreen-tgp-menu-wrap.main-nav #mega-toggle-block-1 {
    display: none !important; } }

@media screen and (max-width: 1024px) and (max-width: 768px) {
  #fullscreen-tgp-menu-wrap.main-nav #mega-toggle-block-1 {
    display: none !important; }
  #fullscreen-tgp-menu-wrap.main-nav .tgp-menu-toggle {
    display: none; }
  #fullscreen-tgp-menu-wrap.main-nav #tgp-menu-primary {
    display: block; } }

@media screen and (max-width: 1024px) {
  /*BC ADDS*/
  #fullscreen-menu-close {
    display: none; }
  #fullscreen-tgp-menu {
    display: none; }
  #fullscreen-tgp-menu.active {
    display: block; }
  .fullscreen-navigation:after {
    width: 100%; }
  /* END BC ADDS*/
  #fullscreen-tgp-menu-wrap.main-nav {
    margin: 0;
    display: block; }
  #fullscreen-tgp-menu-wrap.main-nav .sub-menu, #fullscreen-tgp-menu-wrap.main-nav .sub-sub-menu {
    color: inherit; }
  #fullscreen-tgp-menu-wrap.main-nav #secondary-menu {
    position: static;
    overflow: hidden; }
  #fullscreen-tgp-menu-wrap.main-nav #secondary-menu > li.has-submenu > a.menu-link:after {
    display: none; }
  #fullscreen-tgp-menu-wrap.main-nav #secondary-menu .menu-link span {
    position: relative;
    vertical-align: top; }
  #fullscreen-tgp-menu-wrap.main-nav #secondary-menu .tgp-menu-item {
    width: 100%;
    position: static; }
  #fullscreen-tgp-menu-wrap.main-nav #secondary-menu .tgp-menu-item > a.menu-link {
    width: 100%;
    color: #8e8e8f;
    border-color: transparent;
    padding: 0 60px 0 30px;
    display: block;
    text-decoration: none; }
  #fullscreen-tgp-menu-wrap.main-nav #secondary-menu .tgp-menu-item > a.menu-link:after {
    display: none; }
  #fullscreen-tgp-menu-wrap.main-nav #secondary-menu .tgp-menu-item > a.menu-link,
  #fullscreen-tgp-menu-wrap.main-nav #secondary-menu .tgp-menu-item a.menu-link.open {
    color: inherit;
    line-height: 1.4;
    padding-top: 6px;
    padding-bottom: 6px;
    text-transform: none;
    -webkit-transition: .05s ease-in-out;
    -o-transition: .05s ease-in-out;
    transition: .05s ease-in-out;
    -webkit-transition-property: background, color;
    -o-transition-property: background, color;
    transition-property: background, color;
    position: relative;
    font-weight: 600;
    font-size: 20px; }
  #fullscreen-tgp-menu-wrap.main-nav #secondary-menu .tgp-menu-item.current-menu-item > a.menu-link,
  #fullscreen-tgp-menu-wrap.main-nav #secondary-menu .tgp-menu-item.current-menu-ancestor > a.menu-link,
  #fullscreen-tgp-menu-wrap.main-nav #secondary-menu .tgp-menu-item a.menu-link:hover,
  #fullscreen-tgp-menu-wrap.main-nav #secondary-menu .tgp-menu-item a.menu-link.open {
    color: #fff;
    background: none; }
  #fullscreen-tgp-menu-wrap.main-nav #secondary-menu .tgp-menu-item.current-menu-item > a.menu-link span:before,
  #fullscreen-tgp-menu-wrap.main-nav #secondary-menu .tgp-menu-item.current-menu-ancestor > a.menu-link span:before,
  #fullscreen-tgp-menu-wrap.main-nav #secondary-menu .tgp-menu-item a.menu-link:hover span:before,
  #fullscreen-tgp-menu-wrap.main-nav #secondary-menu .tgp-menu-item a.menu-link.open span:before {
    display: block; }
  #fullscreen-tgp-menu-wrap.main-nav #secondary-menu .tgp-menu-item:hover ul.sub-menu {
    display: block; }
  #fullscreen-tgp-menu-wrap.main-nav #secondary-menu .tgp-menu-item.has-submenu {
    position: static; }
  #fullscreen-tgp-menu-wrap.main-nav #secondary-menu .tgp-menu-item.has-submenu > a.menu-link:after, #fullscreen-tgp-menu-wrap.main-nav #secondary-menu .tgp-menu-item.has-submenu > a.menu-link:before {
    content: '';
    background: currentColor;
    width: 2px;
    height: 2px;
    margin-top: 2px;
    font-size: 6px;
    line-height: 0px;
    letter-spacing: 6px;
    position: absolute;
    top: 42%;
    left: auto;
    right: 30px;
    display: block; }
  #fullscreen-tgp-menu-wrap.main-nav #secondary-menu .tgp-menu-item.has-submenu > a.menu-link:before {
    background: transparent;
    width: 10px;
    right: 38px;
    border-color: currentColor;
    border: 2px solid currentColor;
    border-top: 0px;
    border-bottom: 0px; }
  #fullscreen-tgp-menu-wrap.main-nav #secondary-menu .tgp-menu-item.has-submenu:after {
    display: none; }
  #fullscreen-tgp-menu-wrap.main-nav #secondary-menu .tgp-menu-item.mega-toggle-on a.menu-link {
    color: #ffffff;
    border-color: transparent; }
  #fullscreen-tgp-menu-wrap.main-nav #secondary-menu .tgp-menu-item.mega-toggle-on ul.sub-menu {
    display: block; }
  #fullscreen-tgp-menu-wrap.main-nav #secondary-menu .tgp-menu-item .sub-nav {
    position: static; }
  #fullscreen-tgp-menu-wrap.main-nav #secondary-menu .tgp-menu-item > .sub-sub-nav {
    position: static;
    max-width: none;
    width: 100%; }
  #fullscreen-tgp-menu-wrap.main-nav #secondary-menu .tgp-menu-item .sub-nav ul.sub-menu,
  #fullscreen-tgp-menu-wrap.main-nav #secondary-menu .tgp-menu-item .sub-nav ul.sub-sub-menu {
    background: rgba(26, 26, 26, 0.99);
    width: 100%;
    max-width: 100%;
    height: 0;
    min-height: -webkit-calc(100vh - 65px);
    min-height: calc(100vh - 65px);
    overflow: hidden;
    visibility: hidden;
    display: block;
    position: absolute;
    margin: 0;
    padding: 0;
    top: 0;
    left: -100%;
    z-index: 10;
    -webkit-transition: 0.4s cubic-bezier(0.45, 0, 0.3, 1);
    -o-transition: 0.4s cubic-bezier(0.45, 0, 0.3, 1);
    transition: 0.4s cubic-bezier(0.45, 0, 0.3, 1);
    -webkit-transition-property: opacity, visibility, left, right;
    -o-transition-property: opacity, visibility, left, right;
    transition-property: opacity, visibility, left, right; }
  #fullscreen-tgp-menu-wrap.main-nav #secondary-menu .tgp-menu-item .sub-nav ul.sub-menu.active,
  #fullscreen-tgp-menu-wrap.main-nav #secondary-menu .tgp-menu-item .sub-nav ul.sub-sub-menu.active {
    height: auto;
    visibility: visible;
    opacity: 1;
    left: 0px;
    overflow: visible;
    width: 100%;
    padding-left: 40px; }
  #fullscreen-tgp-menu-wrap.main-nav #secondary-menu .tgp-menu-item .sub-nav ul.sub-menu > .tgp-menu-item,
  #fullscreen-tgp-menu-wrap.main-nav #secondary-menu .tgp-menu-item .sub-nav ul.sub-sub-menu > .tgp-menu-item {
    position: static;
    opacity: 1 !important;
    transform: none !important; }
  #fullscreen-tgp-menu-wrap.main-nav #secondary-menu .tgp-menu-item .sub-nav ul.sub-menu > .tgp-menu-item .sub-sub-menu .tgp-menu-item,
  #fullscreen-tgp-menu-wrap.main-nav #secondary-menu .tgp-menu-item .sub-nav ul.sub-sub-menu > .tgp-menu-item .sub-sub-menu .tgp-menu-item {
    position: static;
    opacity: 1 !important;
    transform: none !important; }
  #fullscreen-tgp-menu-wrap.main-nav #secondary-menu ul.sub-menu > .tgp-menu-item > a.menu-link:hover {
    color: #fff; }
  #fullscreen-tgp-menu-wrap.main-nav #secondary-menu ul.sub-menu > li.has-subnav {
    height: 40px;
    position: static; }
  #fullscreen-tgp-menu-wrap.main-nav #secondary-menu ul.sub-menu > li.has-subnav ul.sub-menu {
    background: rgba(31, 32, 35, 0.95);
    width: 100%;
    height: 0;
    min-height: -webkit-calc(100vh - 65px);
    min-height: calc(100vh - 65px);
    visibility: hidden;
    display: block;
    position: absolute;
    top: 0;
    left: -100%;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    overflow: hidden;
    -webkit-transition-property: opacity, visibility, left;
    -o-transition-property: opacity, visibility, left;
    transition-property: opacity, visibility, left; }
  #fullscreen-tgp-menu-wrap.main-nav #secondary-menu ul.sub-menu > li.has-subnav ul.sub-menu.active {
    height: auto;
    visibility: visible;
    left: 0px;
    opacity: 1;
    overflow: visible; }
  #fullscreen-tgp-menu-wrap.main-nav #secondary-menu ul.sub-menu > li.has-subnav > a.menu-link:after, #fullscreen-tgp-menu-wrap.main-nav #secondary-menu ul.sub-menu > li.has-subnav > a.menu-link:before {
    margin-top: 24px; }
  #fullscreen-tgp-menu-wrap.main-nav.slide-right #secondary-menu .tgp-menu-item .sub-nav ul.sub-menu,
  #fullscreen-tgp-menu-wrap.main-nav.slide-right #secondary-menu .tgp-menu-item .sub-nav ul.sub-sub-menu {
    right: -100%;
    left: auto; }
  #fullscreen-tgp-menu-wrap.main-nav.slide-right #secondary-menu .tgp-menu-item .sub-nav ul.sub-menu.active,
  #fullscreen-tgp-menu-wrap.main-nav.slide-right #secondary-menu .tgp-menu-item .sub-nav ul.sub-sub-menu.active {
    left: auto;
    right: 0; }
  .menu-other,
  .header-6 .menu-other {
    position: static;
    padding: 0;
    width: auto;
    line-height: inherit; }
  .menu-other > li > a,
  .header-6 .menu-other > li > a {
    line-height: inherit; }
  .menu-other > li.languages,
  .header-6 .menu-other > li.languages {
    padding: 0; }
  .menu-other .cart,
  .header-6 .menu-other .cart {
    padding-right: 0; }
  .menu-other .wishlist,
  .menu-other .inside,
  .header-6 .menu-other .wishlist,
  .header-6 .menu-other .inside {
    display: none; }
  .without-mobile-search .header-wrap .search {
    display: none; }
  #hamburger-fullscreen-menu {
    display: none; }
  #hamburger-menu {
    display: block;
    float: right;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -webkit-transition-property: visibility, opacity, -webkit-transform;
    transition-property: visibility, opacity, -webkit-transform;
    -o-transition-property: visibility, opacity, transform;
    transition-property: visibility, opacity, transform;
    transition-property: visibility, opacity, transform, -webkit-transform; }
  #hamburger-menu .btn-toggle {
    width: 50px; }
  #hamburger-menu .btn-lines {
    background: #404044; }
  #hamburger-menu.hidden {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8); }
  .phone-menu-bottom {
    width: -webkit-calc(100% - 60px);
    width: calc(100% - 60px);
    position: absolute;
    bottom: 20px;
    left: 30px;
    list-style: none;
    display: block; }
  .phone-menu-bottom .socialbar a {
    border-color: rgba(255, 255, 255, 0.1);
    color: inherit; }
  .phone-menu-bottom .socialbar a:hover {
    background: rgba(255, 255, 255, 0.6);
    color: #404044; }
  .phone-menu-bottom .lang {
    font-size: 14px;
    font-weight: 400; }
  .phone-menu-bottom .lang a {
    color: inherit;
    display: inline-block;
    padding: 0 5px;
    text-transform: capitalize;
    position: relative; }
  .phone-menu-bottom .lang a.active, .phone-menu-bottom .lang a:hover {
    color: #fff; }
  .phone-menu-bottom .lang a + a {
    margin-left: 12px; }
  .phone-menu-bottom .lang a + a:after {
    content: '/';
    position: absolute;
    top: 0;
    left: -8px;
    font-weight: 300; }
  .phone-menu-middle {
    list-style: none;
    margin-top: 15px;
    display: block; }
  .phone-menu-middle a {
    color: inherit;
    width: 100%;
    padding: 0 30px;
    line-height: 40px;
    font-weight: 600;
    vertical-align: middle;
    display: inline-block; }
  .phone-menu-middle a:hover {
    color: #fff; }
  .phone-menu-middle li {
    padding: 0;
    line-height: 1; }
  .phone-menu-middle li img {
    margin-right: 5px;
    display: inline-block; }
  .phone-menu-middle li.has-submenu > a {
    position: relative; }
  .phone-menu-middle li.has-submenu > a:after, .phone-menu-middle li.has-submenu > a:before {
    content: '';
    border: 2px solid currentColor;
    border-top: none;
    border-bottom: none;
    height: 2px;
    width: 10px;
    position: absolute;
    top: 50%;
    right: 38px; }
  .phone-menu-middle li.has-submenu > a:before {
    background: currentColor;
    border: none;
    width: 2px;
    right: 30px; }
  .phone-menu-middle .submenu {
    background: rgba(51, 51, 51, 0.98);
    width: 100%;
    min-height: -webkit-calc(100vh - 65px);
    min-height: calc(100vh - 65px);
    position: absolute;
    top: 65px;
    left: -100%;
    opacity: 0;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -webkit-transition-property: opacity, left;
    -o-transition-property: opacity, left;
    transition-property: opacity, left;
    z-index: 10; }
  .phone-menu-middle .submenu ul {
    list-style: none; }
  .phone-menu-middle .submenu.active {
    left: 0;
    opacity: 1; }
  .phone-menu-middle .cart svg {
    vertical-align: middle;
    width: 18px;
    height: 23px;
    margin-top: -3px; } }

/*ADDED BY WESTIN*/
.fullscreen-navigation {
  text-align: left; }

.fullscreen-navigation *, .fullscreen-navigation *:before, .fullscreen-navigation *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-word-wrap: break-word;
  word-wrap: break-word; }

@media (max-width: 500px) {
  div.copyright {
    display: none !important; } }

.environmental-img {
  background-image: url(/about-us/environmental-statement/img/hero.jpg); }

.jobs-img {
  background-image: url(/about-us/jobs/img/hero.jpg); }

.text-yellow {
  color: #ffd900; }

.about-us-viewport-container {
  transition: top 450ms ease-out; }

.bg-img {
  opacity: 0;
  position: absolute;
  min-height: 100vh;
  top: 0;
  left: 0;
  z-index: 2;
  transition: all 500ms linear;
  min-width: 100vw; }

#bg-img-2 {
  opacity: 1; }

.header-svg {
  height: 2px;
  width: 38vw;
  margin-bottom: 5px; }

.bottom-box-wrap {
  position: absolute;
  width: 100vw;
  height: 20vh;
  bottom: 0;
  left: 0; }

.bottom-box {
  color: #fff;
  border: 4px solid white;
  display: inline-block;
  width: 40vw;
  margin: 5vh 0;
  padding: 16px;
  height: 6vh;
  background-color: rgba(0, 0, 0, 0.8); }

.bottom-box-text {
  position: relative;
  top: 50%;
  transform: translateY(-50%); }

.scroll-container .bottom-box-text p {
  margin: 0;
  padding: 0;
  padding-top: 7px;
  color: #fff;
  font-size: 1.2rem; }

.svg-about-us {
  z-index: 40;
  position: absolute;
  left: 20vw;
  top: 89.5vh;
  height: 112.5vh;
  width: 9vw;
  transition: height 450ms ease-out; }

.about-us-content {
  z-index: 4;
  position: relative;
  top: 50%;
  transform: translateY(-50%); }

.scroll-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow-y: scroll;
  overflow-x: hidden;
  z-index: 3; }
  .scroll-container h1 {
    margin: 0;
    margin-bottom: -10px;
    padding: 0;
    color: #ffd800;
    font-family: "UniSansBold";
    font-size: 4.7rem;
    font-weight: 900;
    letter-spacing: 0.5rem; }
  .scroll-container h2 {
    color: #fff;
    font-family: "UniSansRegular";
    font-weight: 400;
    font-size: 1.8rem;
    letter-spacing: .4rem;
    margin-top: 0; }
  .scroll-container p {
    font-size: 1rem;
    font-family: "Lato";
    line-height: 1.556;
    color: #fff;
    text-align: center;
    letter-spacing: .05rem;
    margin: 0 auto;
    margin-top: 4rem; }

.about-us-text-yellow {
  color: #ffd800;
  font-weight: 600; }

.slides {
  margin-bottom: 10vh;
  margin-left: 25vw;
  width: 50vw;
  height: 90vh;
  z-index: 5;
  font-family: Lato;
  text-align: left;
  display: block;
  overflow-y: auto;
  overflow-x: hidden; }
  .slides h1 {
    font-family: 'UniSansBold';
    font-size: 4.25rem; }
  .slides p {
    font-weight: 400;
    font-size: 1.4rem;
    text-align: left;
    margin: 0;
    margin-top: 20px; }
  .slides h3 {
    font-weight: 400;
    font-size: 2rem;
    font-style: italic;
    color: #c5c5c5; }

#slide-1 {
  position: absolute;
  background: url(/about-us/our-company/img/aboutUs-main.jpg);
  background-position: left;
  background-size: cover;
  width: 100vw;
  height: 100vh; }

.slide-1-content {
  position: relative;
  top: 40%;
  transform: translateY(-50%);
  width: 40vw;
  margin: 0 auto; }
  .slide-1-content .jeff-sig {
    margin-top: 25px;
    float: right; }

#slide-2 {
  margin-top: 150vh; }

.attribute-number {
  margin-top: 150vh;
  position: absolute;
  left: 17.5vw;
  z-index: 100;
  transition: opacity 250ms ease; }

.numicon {
  width: 5vw;
  height: 5vw; }

#slide-8 {
  height: 55vh; }

/*ENVIRONMENTAL STATEMENT*/
.text-green {
  color: #81b93f; }

.environmental-left {
  width: 55%;
  padding-bottom: 150px; }
  .environmental-left h3 {
    font-family: "UniSansSemiBold";
    letter-spacing: .08rem;
    margin: 0; }
  .environmental-left h3:not(:first-child) {
    margin-top: 50px; }
  .environmental-left p {
    margin-bottom: 30px; }

.environmental-right {
  width: 30%; }
  .environmental-right h2 {
    font-family: "UniSansSemiBold";
    font-size: 2.7rem;
    color: #4d4844;
    margin: 40px 0; }
  .environmental-right h2:first-child {
    margin-top: 0; }

/*END ENVIRONMENTAL STATEMENT*/
/*Jobs Accordion*/
.product-button {
  background-color: #e1e1e1;
  height: 50px;
  margin: 0 0 10px 0;
  padding: 10px;
  position: relative;
  overflow: hidden;
  transition: all 0.2s ease-in, height 1s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  cursor: pointer; }
  .product-button:hover {
    background-color: #ccc; }

.product-button-open {
  background-color: #ccc; }

@media (max-width: 1810px) {
  .slide-1-content {
    width: 55vw; }
  .scroll-container h1 {
    font-size: 4.5rem; } }

@media (max-width: 1400px) {
  .scroll-container h1 {
    font-size: 3.5rem; }
  .scroll-container h2 {
    font-size: 1.75rem; }
  .scroll-container p {
    font-size: 1rem; }
  .header-svg {
    width: 55vw; }
  .bottom-box-text p {
    font-size: .8rem; }
  .svg-about-us {
    width: 8.5vw; }
  .slides {
    width: 70vw;
    margin-left: 27vw; }
    .slides h1 {
      font-size: 3.5rem; }
    .slides h3 {
      font-size: 1.75rem; }
  .attribute-number {
    left: 16.25vw; }
  .numicon {
    width: 7.5vw;
    height: 7.5vw; } }

@media (max-width: 1280px) {
  .scroll-container .bottom-box-text p {
    font-size: 1rem;
    padding-top: 0; }
  .slides {
    width: 60vw; } }

@media (max-width: 1050px) {
  .slide-1-content {
    width: 70vw; }
  .header-svg {
    width: 70vw; }
  .about-us-content h1 {
    font-size: 4rem; }
  .svg-about-us {
    width: 7.9vw; } }

@media (max-width: 900px) {
  .slides h1 {
    font-size: 2.5rem; }
  .slides p {
    font-size: .85rem; }
  .slides h3 {
    font-size: 1.25rem; } }

@media (max-width: 850px) {
  .environmental-left, .environmental-right {
    width: 100%;
    padding-bottom: 0; } }

@media (max-width: 750px) {
  .svg-about-us {
    width: 7.5vw; }
  .about-us-content h1 {
    font-size: 3rem; }
  .about-us-content h2 {
    font-size: 1rem; }
  .jeff-sig {
    float: none !important;
    margin: 0 auto; }
  .slides {
    width: 65vw; }
  .scroll-container .bottom-box-text p {
    font-size: 1rem; } }

@media (max-width: 600px) {
  .slide-1-content {
    width: 85vw;
    top: 50%; }
  .svg-about-us {
    width: 7vw; }
  .scroll-container p {
    margin-top: 10px;
    font-size: .8rem; }
  .slides h1 {
    font-size: 1.5rem;
    letter-spacing: .2rem; }
  .slides p {
    font-size: .85rem; }
  .slides h3 {
    font-size: 1.25rem; }
  .scroll-container .bottom-box-text p {
    font-size: .7rem; } }

@media (max-width: 550px) {
  .about-us-content h1 {
    font-size: 2.5rem; }
  .about-us-content h2 {
    letter-spacing: .2rem; }
  .scroll-container p {
    font-size: .75rem; }
  .jeff-sig {
    width: 185px; }
  .svg-about-us {
    width: 6vw; } }

/* =====================================================================================================================
   Product Pages
   ===================================================================================================================== */
.pilkington-profilit-hero {
  background-image: url(/products/glass/pilkington-profilit-channel-glass/img/hero.jpg); }

.pilkington-profilit-scroll-wrapper {
  background: url(/products/glass/pilkington-profilit-channel-glass/img/hero-hh.jpg); }

.pilkington-profilit-ow-hero {
  background-image: url(/products/glass/pilkington-profilit-ow/img/hero.jpg); }

.pilkington-profilit-ow-scroll-wrapper {
  background: url(/products/glass/pilkington-profilit-ow/img/hero-hh.jpg); }

.pilkington-profilit-hurricane-hero {
  background-image: url(/products/glass/pilkington-profilit-hurricane/img/hero.jpg); }

.pilkington-profilit-hurricane-scroll-wrapper {
  background: url(/products/glass/pilkington-profilit-hurricane/img/hero-hh.jpg); }

.pilkington-profilit-insulation-hero {
  background-image: url(/products/glass/pilkington-profilit-insulation/img/hero.jpg); }

.pilkington-profilit-insulation-scroll-wrapper {
  background: url(/products/glass/pilkington-profilit-insulation/img/hero-hh.jpg); }

.pilkington-profilit-color-hero {
  background-image: url(/products/glass/pilkington-profilit-color/img/hero.jpg); }

.pilkington-profilit-color-scroll-wrapper {
  background: url(/products/glass/pilkington-profilit-color/img/hero-hh.jpg); }

.glass-ore-hero {
  background-image: url(/products/glass/glass-ore/img/hero.jpg); }

.glass-ore-scroll-wrapper {
  background: url(/products/glass/glass-ore/img/hero-hh.jpg); }

.veluna-hero {
  background-image: url(/products/glass/veluna/img/hero.jpg); }

.veluna-scroll-wrapper {
  background: url(/products/glass/veluna/img/hero-hh.jpg); }

.neoparies-hero {
  background-image: url(/products/glass/neoparies/img/hero.jpg); }

.neoparies-scroll-wrapper {
  background: url(/products/glass/neoparies/img/hero-hh.jpg); }

.neoparies-lt-hero {
  background-image: url(/products/glass/neoparies-lt/img/hero.jpg); }

.neoparies-lt-scroll-wrapper {
  background: url(/products/glass/neoparies-lt/img/hero-hh.jpg); }

.lx-hero {
  background-image: url(/products/glass/lx/img/hero.jpg); }

.lx-scroll-wrapper {
  background: url(/products/glass/lx/img/hero-hh.jpg); }

.lx-premium-hero {
  background-image: url(/products/glass/lx-premium/img/hero.jpg); }

.lx-premium-scroll-wrapper {
  background: url(/products/glass/lx-premium/img/hero-hh.jpg); }

.pro-gr-hero {
  background-image: url(/products/glass/pro-gr/img/hero.jpg); }

.pro-gr-scroll-wrapper {
  background: url(/products/glass/pro-gr/img/hero-hh.jpg); }

.steelbuilt-hero {
  background-image: url(/products/framing/steelbuilt-curtainwall/img/hero.jpg); }

.steelbuilt-scroll-wrapper {
  background-image: url(/products/framing/steelbuilt-curtainwall/img/hero-hh.jpg); }

.steelbuilt-infinity-hero {
  background-image: url(/products/framing/steelbuilt-curtainwall-infinity/img/hero.jpg); }

.steelbuilt-infinity-scroll-wrapper {
  background-image: url(/products/framing/steelbuilt-curtainwall-infinity/img/hero-hh.jpg); }

.steelbuilt-window-door-hero {
  background-image: url(/products/framing/steelbuilt-window-door/img/hero.jpg); }

.steelbuilt-window-door-scroll-wrapper {
  background-image: url(/products/framing/steelbuilt-window-door/img/hero-hh.jpg); }

/*GLOBAL STYLES---------------------------------------------*/
html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true)); }

.content {
  transition: left 300ms ease; }

.smalltext {
  font-size: 0.8rem;
  font-style: italic; }

.extrasmall {
  font-size: 70%; }

.content.home {
  padding-top: 0; }

.content.home.product-page-content p {
  letter-spacing: 0.02rem;
  line-height: 1.3rem; }

/*H3 Fix*/
.content.home .producth3, .content.home h2.producth3 {
  margin: 0;
  padding: 0;
  color: #66a2c6;
  font-family: UniSansSemiBold;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: .1rem;
  border: none;
  text-align: left;
  text-transform: uppercase; }
  .content.home .producth3 small, .content.home h2.producth3 small {
    font-family: "Lato";
    letter-spacing: normal; }
  .content.home .producth3.inner-header, .content.home h2.producth3.inner-header {
    font-size: 110%;
    letter-spacing: .05rem; }

/*Gray Background*/
.gray-wrapper {
  background-color: #e5e5e5; }

/*Section Padding*/
section {
  padding: 70px 0; }
  section hr {
    margin-bottom: 25px; }

/*Quarter Styles*/
.three-quarters {
  width: 75%; }

.one-quarter {
  width: 20%; }

/*Buttons*/
.button-blue {
  color: inherit;
  font-family: Lato; }
  .button-blue:hover {
    color: inherit; }
  .button-blue div {
    display: inline-block;
    border: 1px solid #66a2c6;
    padding: 10px 20px;
    transition: all 200ms ease; }
    .button-blue div:hover {
      background-color: #66a2c6;
      color: white; }

/*Text Styles*/
.text-dark {
  color: #33302d !important; }

.text-blue {
  color: #66a2c6 !important; }

/*END GLOBAL STYLES*/
.hide {
  visibility: hidden; }

.prod-header {
  position: absolute;
  top: 50%;
  text-align: center;
  width: 100%;
  color: #fff;
  position: inherit;
  transition: transform 750ms ease; }

@keyframes headerFade {
  0% {
    opacity: 0.95; }
  15% {
    opacity: 0.8; }
  30% {
    opacity: 0.65; }
  45% {
    opacity: 0.5; }
  60% {
    opacity: 0.35; }
  75% {
    opacity: 0.2; }
  100% {
    opacity: 0; } }

.svg-product-elements {
  position: relative;
  width: 800px;
  height: 2px;
  margin: 25px 0;
  margin-bottom: 20px; }

.prod-header h1 {
  font-family: "UniSansSemiBold", Lato, sans-serif;
  margin: 0;
  padding: 0;
  left: auto;
  transform: none;
  position: relative;
  display: block;
  opacity: 0;
  animation: fadeInAndUp 1.5s ease;
  animation-fill-mode: forwards;
  font-family: UniSansBold;
  font-size: 5rem;
  text-transform: uppercase;
  letter-spacing: 1.15rem;
  color: #ffffff;
  background-color: transparent !important;
  line-height: 3.75rem;
  white-space: initial !important; }
  .prod-header h1 span {
    font-family: "UniSansRegular";
    font-size: 2rem; }

.prod-header h3, .prod-header h1 span {
  font-family: Lato, sans-serif;
  font-style: italic;
  font-weight: 500;
  font-size: 1.75rem;
  letter-spacing: .05rem;
  color: #ffd900;
  margin: 0;
  padding: 0;
  display: block; }

#scroll-header-wrapper {
  background-color: black;
  background-position: center;
  position: fixed;
  width: 100vw;
  height: 130px;
  top: -130px;
  left: 0;
  z-index: 3;
  -moz-transition: top 400ms ease-in-out, left 400ms ease;
  -o-transition: top 400ms ease-in-out, left 400ms ease;
  -webkit-transition: top 400ms ease-in-out, left 400ms ease;
  transition: top 400ms ease-in-out, left 300ms ease; }

.hidden-header {
  height: 130px;
  text-align: center;
  /*span {
    font-family: "UniSansRegular";
    font-size: 1rem;
  }*/ }

.hidden-header .contact-info {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #d3d3d3;
  margin-right: 5%;
  font-family: Lato;
  font-weight: lighter;
  font-size: 1rem;
  letter-spacing: 0.2rem; }

.hidden-header .contact-info .vert-pipe {
  font-size: 1.5rem;
  margin-top: 80%;
  padding-right: 20px; }

.hidden-header .contact-info img {
  display: inline-block;
  vertical-align: middle;
  padding-right: 20px;
  padding-bottom: 5px; }

.hidden-header h1 {
  font-family: "UniSansSemiBold", Lato, sans-serif;
  font-size: 1.6rem;
  letter-spacing: .2rem;
  line-height: 1.3rem;
  margin: 0;
  padding: 0;
  color: #fff;
  padding-top: 35px; }

.hidden-header h2 {
  font-size: 1.45rem;
  font-weight: 500;
  font-style: italic;
  letter-spacing: .05rem;
  color: #ffd900;
  margin: 0;
  padding: 0;
  text-transform: none; }

.svg-hidden-header {
  width: 450px;
  height: 1px;
  padding-top: -5px; }

.jumpmenu {
  position: absolute;
  width: 100vw;
  height: 55px;
  background-color: #000000;
  margin: 0 auto;
  z-index: 4; }

.jumpmenu-content {
  color: white;
  position: relative;
  top: 50%;
  width: 70%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0 auto;
  text-align: center; }

.jumpmenu-content span {
  font-family: "UniSansRegular", Lato, sans-serif;
  text-transform: uppercase;
  text-align: center;
  font-size: .75rem;
  letter-spacing: .1rem;
  padding: 0; }

.jumpmenu a {
  color: white; }

.product-page-content.content.home {
  z-index: 3;
  margin-bottom: 230px; }

.product-body {
  width: 65vw;
  margin: 0 auto;
  overflow: auto; }
  .product-body a:hover {
    color: #282828; }

/*PRODUCT OVERVIEW*/
#product-overview {
  background-color: #e4e4e4;
  padding-bottom: 0; }

.product-overview {
  padding-top: 60px;
  overflow: hidden;
  width: 60vw; }
  .product-overview h1 {
    margin: 0;
    padding: 0;
    left: auto;
    transform: none;
    position: relative;
    display: block;
    font-family: UniSansBold;
    font-size: 2.5rem;
    text-transform: uppercase;
    letter-spacing: .35rem;
    color: #ffffff;
    background-color: transparent !important; }

.color-container {
  background-color: #282828;
  display: inline-block;
  position: relative;
  text-align: center;
  width: 100%; }

.header-container {
  width: 80%;
  margin: 0 auto; }

.product-page-content .contact-info {
  color: #fff;
  font-weight: 500; }

.product-page-content h4 {
  font-family: "UniSansSemiBold", sans-serif;
  font-size: 1.9rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.12rem;
  color: #ffd900;
  padding: 0;
  margin: 0;
  margin: 0 30px;
  text-align: center;
  padding-top: 10px; }

.content.home.product-page-content .product-overview p {
  font-family: Lato, sans-serif;
  font-size: 1.1rem;
  font-weight: 600;
  text-align: center;
  font-style: italic;
  line-height: 2rem; }

/*Image Slider*/
.overview-bottom {
  width: 100%;
  overflow: auto;
  position: relative; }
  .overview-bottom img {
    width: 100%;
    display: block; }

.unslider {
  overflow: auto;
  margin: 0;
  padding: 0; }

.unslider-wrap {
  position: relative; }

.unslider-wrap.unslider-carousel > li {
  float: left; }

.unslider-vertical > ul {
  height: 100%; }

.unslider-vertical li {
  float: none;
  width: 100%; }

.unslider-fade {
  position: relative; }

.unslider-fade .unslider-wrap li {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 8; }

.unslider-fade .unslider-wrap li.unslider-active {
  z-index: 10; }

.unslider li,
.unslider ol,
.unslider ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: none; }

.unslider-arrow {
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  cursor: pointer; }

.overview-left .arrowimg {
  width: 64px; }

.unslider-arrow.next {
  left: auto;
  right: 5px; }

/**
 *   Here's where everything gets included. You don't need
 *   to change anything here, and doing so might break
 *   stuff. Here be dragons and all that.
 */
/**
 *   Default variables
 *
 *   While these can be set with JavaScript, it's probably
 *   better and faster to just set them here, compile to
 *   CSS and include that instead to use some of that
 *   hardware-accelerated goodness.
 */
.unslider-nav ol {
  list-style: none;
  text-align: center; }

.unslider-nav ol li {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background: transparent;
  border-radius: 5px;
  overflow: hidden;
  text-indent: -999em;
  border: 2px solid #fff;
  cursor: pointer; }

.unslider-nav ol li.unslider-active {
  background: #fff;
  cursor: default; }

/*End Image Slider*/
.overview-top {
  width: 100%;
  height: 125px;
  position: relative;
  text-align: center; }
  .overview-top .ss-logo {
    height: 125px;
    float: right;
    box-sizing: border-box;
    padding: 0 25px;
    background-color: #45494d; }
    .overview-top .ss-logo img {
      position: relative;
      top: 50%;
      transform: translateY(-50%); }
  .overview-top h4 {
    float: left; }
  .overview-top .product-logo {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 30px;
    text-align: left;
    float: left; }
    .overview-top .product-logo img {
      position: relative;
      max-width: 280px; }
    .overview-top .product-logo span {
      font-family: "UniSansBook";
      font-size: 20px;
      letter-spacing: .05rem;
      margin: 0;
      padding: 0;
      display: block;
      color: #ffd900; }

.overview-link-button-container {
  display: inline-block;
  background-color: #d4d4d4;
  float: right;
  height: 125px;
  width: 20%; }
  .overview-link-button-container a {
    position: relative;
    display: inline-block;
    top: 50%;
    transform: translateY(-50%);
    color: #66a2c6; }
    .overview-link-button-container a span {
      font-weight: bold;
      font-size: 80%;
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      text-align: center;
      width: 100%;
      opacity: 0;
      transition: transform .15s linear, opacity 350ms ease; }
    .overview-link-button-container a svg {
      transition: all 650ms ease; }
    .overview-link-button-container a:hover {
      color: #448bb5;
      background-color: #ced3d6; }
      .overview-link-button-container a:hover span {
        opacity: 1;
        transform: translateY(-50%); }
      .overview-link-button-container a:hover svg {
        opacity: 0; }

.small-bottom-margin {
  margin-bottom: 10px; }

.gallery-button, .case-study-button {
  border: 2px solid #66a2c6;
  color: #65a2b8;
  display: inline-block;
  padding: 25px;
  position: relative;
  background-color: transparent;
  transition: background-color 250ms ease; }

.content.home.product-page-content .summary-info {
  padding: 40px 0;
  width: 100%;
  margin: 0 auto;
  opacity: 0;
  transform: scale(1.05);
  transition: opacity 1800ms ease, transform 2500ms ease; }
  .content.home.product-page-content .summary-info p {
    font-weight: 400; }

.quote-bar {
  height: 20vh;
  width: 100vw;
  background-color: #322f2c;
  opacity: 0;
  transition: opacity 250ms ease; }
  .quote-bar p {
    font-size: 2rem;
    font-style: italic; }

.content.home .yellow-left {
  float: left;
  display: inline-block;
  height: 100%;
  width: 0;
  background-color: #ffd900;
  margin: 0;
  padding: 0;
  transition: width 1050ms ease; }
  .content.home .yellow-left p {
    opacity: 0;
    color: #322f2c;
    vertical-align: middle;
    text-align: right;
    margin: 0;
    padding: 0;
    padding-right: 50px;
    line-height: 2.5rem;
    transition: opacity 1000ms ease; }

.yellow-left-inner {
  display: inline-block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 70%;
  float: right; }

.content.home .gray-right {
  float: left;
  display: inline-block;
  width: 0;
  height: 100%;
  background-color: #322f2c;
  margin: 0;
  padding: 0;
  z-index: 1;
  transition: width 1050ms ease; }
  .content.home .gray-right p {
    opacity: 0;
    color: #ffd900;
    font-size: 1rem;
    margin: 0;
    padding: 0;
    text-align: left;
    transition: opacity 1000ms ease; }

.gray-right-inner {
  display: inline-block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 50%;
  float: left;
  padding-left: 50px; }

/*KEY FEATURES*/
.key-features-wrap {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0c3551+1,00000e+100 */
  background: #4d4844;
  /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, #4d4844 1%, #100f0e 100%);
  /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, #4d4844 1%, #100f0e 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #4d4844 1%, #100f0e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4844', endColorstr='#100f0e',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }
  .key-features-wrap a {
    color: #ffd900; }
    .key-features-wrap a:hover {
      color: #fff; }
    .key-features-wrap a:visited {
      color: #ffd900; }
  .key-features-wrap h4 {
    font-family: Lato;
    font-weight: 700;
    letter-spacing: initial;
    text-align: left;
    text-transform: none;
    font-size: 1rem;
    margin: 0;
    margin-top: 15px; }

.key-features {
  color: #fff;
  opacity: 0;
  transform: scale(1.05);
  transition: opacity 1800ms ease, transform 2500ms ease;
  overflow: hidden; }
  .key-features ul {
    padding-left: 20px;
    margin-bottom: 0; }
    .key-features ul li {
      padding-bottom: 20px;
      line-height: 22px;
      padding-left: 0; }
      .key-features ul li:last-of-type {
        padding-bottom: 0; }
  .key-features td {
    font-family: Lato, sans-serif;
    font-size: 1rem;
    padding-left: 0;
    vertical-align: top; }
  .key-features img {
    vertical-align: middle; }
  .key-features a {
    color: #ffd900; }

.glance-table {
  width: 100%; }
  .glance-table li {
    font-family: Lato; }

.tdpadding {
  width: 7.5%; }

.glance-left, .glance-right {
  width: 25%; }

.glance-middle {
  width: 30%;
  position: relative;
  vertical-align: middle !important; }

.slider-contain {
  position: relative; }
  .slider-contain img {
    visibility: hidden; }

.slider2 {
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 auto;
  width: 100%;
  height: 350px;
  transition: opacity 200ms linear; }

.slider2-small {
  height: 200px; }

.slider2 li {
  position: absolute; }

.slider-buttons {
  position: relative;
  text-align: center;
  display: block;
  margin-top: 40px; }

.circle {
  border-radius: 50%;
  border: 1px solid white;
  width: 25px;
  height: 25px;
  background-color: rgba(83, 83, 83, 0.8);
  display: inline-block;
  margin-right: 20px;
  margin-top: 2px; }

.circle.circle-right {
  margin-right: 0; }

.content.home .producth3.text-yellow {
  color: #ffd900; }

.content.home .producth3.text-accent {
  color: #66a2c6; }

.text-accent {
  color: #66a2c6; }

/*Performance Data & General Table Format*/
#performance-data {
  padding-bottom: 40px; }

.table-wrapper {
  margin: 0 auto; }

.tgp-prod-page-table {
  font-family: Lato;
  text-align: left;
  width: 100%;
  padding-top: 15px;
  margin-top: 10px;
  border-collapse: collapse; }
  .tgp-prod-page-table thead tr {
    font-weight: bold;
    vertical-align: bottom; }
    .tgp-prod-page-table thead tr th {
      color: #002d44;
      font-size: .95rem;
      padding-bottom: 10px;
      text-align: left;
      padding-left: 25px;
      width: initial; }
  .tgp-prod-page-table tr {
    height: 55px; }
    .tgp-prod-page-table tr:nth-of-type(2n-1):not(.table-header), .tgp-prod-page-table tr .table-header + :not(.table-header) {
      background-color: #ebebeb; }
  .tgp-prod-page-table td {
    text-align: left;
    padding-left: 25px;
    width: initial;
    font-size: .85rem;
    color: #404040; }
  .tgp-prod-page-table.header-left td:first-of-type {
    font-weight: bold; }

.tgp-prod-page-table-gray tr:nth-of-type(2n-1):not(.table-header), .tgp-prod-page-table-gray tr .table-header + :not(.table-header) {
  background-color: #fff; }

.inner-table {
  width: 100%; }
  .inner-table tr, .inner-table td {
    height: auto !important;
    width: auto !important;
    margin: 0;
    padding: 0; }
  .inner-table td:first-of-type {
    font-weight: normal !important; }

.table-equal-widths-4 td {
  width: 25%; }

.content.home .footnotes {
  font-size: 0.8rem;
  line-height: 1rem; }

/*END Performance Data & General Table Format*/
/*TESTING*/
#testing {
  padding-top: 40px; }

.testing-content-below {
  padding-bottom: 40px; }

/*END TESTING*/
/*MULLIONS Section*/
#mullions {
  padding-top: 0; }

.mullions div {
  display: inline-block;
  margin-right: 3%;
  width: 30%; }
  .mullions div img {
    max-width: 100%; }
  .mullions div p {
    text-align: center; }

.mullions img {
  max-width: 300px; }

/*END MULLIONS Section*/
/*INSULATION*/
.insulation-images img {
  width: 70%; }

/*END INSULATION*/
/*DESIGN IDEAS*/
#design-ideas {
  /*padding-top: 40px;*/ }

.design-ideas-wrapper img {
  width: 45%;
  margin-right: 2%; }

.design-ideas-wrapper .design-ideas-text {
  width: 50%;
  display: inline-block;
  vertical-align: top; }

/*END DESIGN IDEAS*/
/*Comparison*/
#comparison .Table .Table-row:nth-of-type(even) {
  background-color: #fff; }

#comparison .Table .Table-row-item:first-child {
  font-weight: bold; }

/*End Comparison*/
/*TOOLS & DOWNLOADS SECTION*/
.tools-and-downloads-tables {
  overflow: auto;
  margin-bottom: 25px; }
  .tools-and-downloads-tables a {
    font-size: .9rem;
    position: relative;
    display: inline-block;
    outline: none;
    color: #4c4743;
    text-decoration: none;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
    text-shadow: none;
    padding-bottom: 4px; }
  .tools-and-downloads-tables a:after {
    content: '';
    position: absolute;
    left: 40px;
    bottom: 0;
    width: calc(100% - 40px);
    height: 2px;
    background: #4c4743;
    opacity: 0;
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    transform: translateY(5px);
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    pointer-events: none; }
  .tools-and-downloads-tables a:hover, .tools-and-downloads-tables a:focus {
    color: #4c4743; }
  .tools-and-downloads-tables a:hover::after,
  .tools-and-downloads-tables a:focus::after {
    opacity: 1;
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    transform: translateY(-5px); }

.tools-and-downloads-tables img {
  padding-right: 15px; }

.tools-table, .documents-table {
  margin-top: 40px; }

.tables-left {
  float: left;
  width: 47%; }

.tables-right {
  float: left;
  width: 47%;
  margin-left: 50px;
  text-wrap: none; }

.tools-features td {
  font-family: Lato, sans-serif;
  font-size: 1rem;
  padding-bottom: 30px; }

.tools-features img {
  vertical-align: middle; }

.lower-tables span {
  font-family: Cabin, "Lato", sans-serif;
  font-weight: bold;
  color: #e51937; }

.features-table td {
  vertical-align: top;
  width: auto; }

.features-table img {
  padding-right: 10px;
  padding-top: 4px; }

.feature-right {
  padding-top: 14px; }

/*ARROWS*/
.arrows-p {
  position: absolute; }

/*MEDIA QUERIES*/
@media (max-width: 1715px) {
  .product-body {
    width: 80vw; }
  .jumpmenu-content {
    font-size: 0.9rem; }
  .jumpmenu-content span {
    font-size: 0.9rem;
    padding-right: 35px; }
  .product-overview p {
    font-family: Lato, sans-serif;
    font-size: .85rem;
    font-weight: 500;
    line-height: 1.3rem; }
  .summary-info {
    margin-top: 20px;
    font-size: 0.85rem; }
  .summary-info span {
    padding-right: 10px; }
  .content.home .yellow-left p.smaller-screens-small {
    font-size: 1.3rem; } }

@media (max-width: 1450px) {
  .product-overview {
    padding-bottom: 10px; } }

@media (max-width: 1280px) {
  .product-overview {
    width: 70vw; }
    .product-overview p {
      font-family: Lato, sans-serif;
      font-size: .8rem;
      font-weight: 500;
      line-height: 1.3rem; }
  .summary-info {
    width: 65vw;
    margin-top: 15px;
    font-size: 0.80rem;
    padding: 0; }
  #patent-info {
    width: 110px;
    height: 35px; }
  .content.home.product-page-content .product-overview p {
    font-size: .9rem;
    margin-top: 0; }
  .content.home .yellow-left p {
    font-size: 1.3rem; }
  .key-features li {
    font-family: Lato, sans-serif;
    font-size: .85rem;
    padding-bottom: 15px;
    padding-left: 0; }
  .glance-left, .glance-right {
    width: 35%; }
  .glance-middle {
    width: 10%;
    max-width: 400px; }
  .slider-buttons {
    margin-top: 6px; }
  .circle {
    width: 15px;
    height: 15px;
    margin-right: 8px; }
  .tgp-prod-page-table-half td {
    font-size: .7rem; }
  .content.home .yellow-left p.smaller-screens-small {
    font-size: 1rem; } }

@media (max-width: 1144px) {
  h2.longer-header {
    font-size: 3rem;
    margin-top: 2.3rem; }
  .fire-rating-info {
    font-size: 0.8rem;
    margin-top: 5px; }
  .content.home.product-page-content .yellow-left p {
    font-size: 1.2rem; }
  .slider-buttons {
    width: 40%; }
  .tdpadding {
    width: 1%; }
  .select-td img {
    width: 50px;
    height: 50px; }
  .insulation td {
    font-size: 0.75rem; }
  .content.home.product-page-content p {
    font-size: 0.8rem; }
  .tools-features-wrap .tables-left, .tools-features-wrap .tables-right {
    width: 46%; }
  .tools-features-wrap .tables-right {
    width: 45%;
    margin-left: 10px; } }

@media (max-width: 900px) {
  .prod-header h2 {
    font-size: 3.5rem; }
  .prod-header h3 {
    font-size: 1.3rem; }
  h2.longer-header {
    font-size: 2.5rem;
    margin-top: 1.2rem; }
  .svg-product-elements {
    top: -25px; }
  .product-overview {
    width: 50vw; }
  .glance-middle {
    display: none; }
  .quote-bar, .summary-info, .product-overview, .color-container {
    overflow: hidden; } }

@media (max-width: 840px) {
  .hidden-header .contact-info {
    visibility: hidden; } }

/*START OF MOBILE MEDIA QUERIES*/
@media (max-width: 768px) {
  .product-page-content.content.home {
    margin-top: 100vh; }
  .svg-product-elements {
    width: 100%; }
  .key-features li {
    font-size: .75rem;
    padding-bottom: 15px;
    padding-left: 0; }
  .product-page p, .product-page li, .product-page span, .tools-features td {
    font-size: 0.7rem; }
  .tgp-prod-page-table td {
    font-size: .7rem; }
  .content.home .producth3 {
    font-size: .8rem; }
  .tools-and-downloads-tables a {
    font-size: .75rem; } }

@media (max-width: 750px) {
  section {
    padding: 50px 0; }
  /*Top Header for Mobile*/
  #prod-header {
    position: relative;
    width: 80%;
    margin: 0 auto; }
    #prod-header h1 {
      padding-left: 6px;
      line-height: 2.5rem; }
  #scroll-header-wrapper {
    height: 68px;
    background: #66a2c6;
    z-index: 740;
    top: 0; }
  .hidden-header h1 {
    font-size: 1rem;
    color: white;
    margin-left: 140px;
    position: absolute;
    top: 50%;
    width: 45%;
    transform: translateY(-50%);
    padding: 0; }
  .hidden-header svg {
    display: none; }
  .hidden-header h2 {
    display: none; }
  .svg-product-elements {
    top: -5px; }
  .arrows {
    bottom: 75px; }
  #trigger {
    position: absolute;
    top: 14px;
    left: 70px; }
  /*Jumpmenu for Mobile*/
  .jumpmenu {
    position: relative;
    height: auto;
    background-color: black;
    z-index: 1; }
    .jumpmenu .jumpmenu-content {
      width: 100%;
      transform: none; }
      .jumpmenu .jumpmenu-content span {
        /*TYMPANUS Menu - this controls font size*/
        font-size: .8rem; }
      .jumpmenu .jumpmenu-content .menu__list {
        position: relative;
        display: inline-block;
        overflow: visible;
        flex-wrap: nowrap;
        width: 100%; }
        .jumpmenu .jumpmenu-content .menu__list li {
          float: none;
          margin: 0;
          /*NEW STYLE*/
          font-size: 1rem; }
        .jumpmenu .jumpmenu-content .menu__list .menu__link {
          padding: 0;
          height: auto;
          /*NEW STYLE*/
          font-size: 1rem;
          padding: 10px 0;
          border-bottom: 1px solid #696969; }
          .jumpmenu .jumpmenu-content .menu__list .menu__link::before {
            opacity: 0; }
  /*Overview Section*/
  .overview-top .ss-logo {
    display: none; }
  .overview-top .product-logo {
    float: none;
    width: 100%; }
  .overview-top .overview-link-button-container {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 15%; }
    .overview-top .overview-link-button-container a {
      display: inherit;
      top: auto;
      transform: none;
      height: 50%; }
    .overview-top .overview-link-button-container .gallery-button, .overview-top .overview-link-button-container .case-study-button {
      display: inherit;
      padding: 15px;
      height: 100%;
      box-sizing: border-box; }
  /*Key Features*/
  .key-features h4 {
    margin: 10px 0 !important; }
  .key-features td {
    display: block;
    box-sizing: border-box;
    width: 80%;
    padding-bottom: 0; }
    .key-features td ul {
      margin: 0; }
  .key-features .tdpadding {
    display: none; }
  .key-features .glance-middle {
    display: none; }
  /*Product Page Table Format*/
  .tgp-prod-page-table tr {
    height: 60px !important; }
  /*Italic Text Below Product Slider*/
  .content.home.product-page-content .product-overview p {
    padding: 5px;
    font-size: .8rem; }
  /*TURN ON FADED ITEMS*/
  .content.home.product-page-content .summary-info {
    opacity: 1;
    padding: 20px 0; }
    .content.home.product-page-content .summary-info p {
      line-height: 1.5rem; }
  .key-features-wrap .key-features {
    opacity: 1;
    padding: 20px;
    box-sizing: border-box; }
  /*SPECIALINFO PADDING*/
  #insulation .float-left, #insulation .float-right {
    float: none;
    width: 100%; }
  #insulation .insulation-images {
    display: none; }
  /*Comparison*/
  #comparison .page-modal img {
    width: 100%; }
  /*Design Ideas*/
  #design-ideas .design-ideas-wrapper img {
    width: 100%;
    margin: 0; }
  #design-ideas .design-ideas-wrapper .design-ideas-text {
    width: 100%;
    margin-bottom: 20px; }
  /*TOOLS & DOWNLOADS TEXT WRAP FIX*/
  .tools-features {
    padding-bottom: 0; }
    .tools-features td {
      padding-bottom: 10px; }
  .tools-and-downloads-tables .tools-table,
  .tools-and-downloads-tables .documents-table {
    margin-top: 15px; }
  .tools-and-downloads-tables h3 {
    font-size: .9rem !important; }
  .tools-and-downloads-tables .tables-left,
  .tools-and-downloads-tables .tables-right {
    display: block;
    width: 100%;
    margin: 0; }
  .tools-and-downloads-tables .tables-right {
    margin-top: 30px; }
  .tools-and-downloads-tables img {
    float: left; } }

@media (max-width: 550px) {
  /*No Quote Bar small screen*/
  .quote-bar {
    display: none; } }

@media (max-width: 500px) {
  .product-body.product-overview {
    padding-top: 0;
    width: 100vw; }
  .product-body {
    width: 95vw; }
  .prod-header h1 {
    font-size: 2rem;
    letter-spacing: 10px; }
  .svg-product-elements {
    width: 90%; }
  .svg-hidden-header {
    width: 225px; }
  .content.home.product-page-content .summary-info {
    width: 80%; }
  .yellow-left-inner {
    width: 90%; }
  .content.home.product-page-content .yellow-left p {
    font-size: .9rem;
    line-height: 1.3rem; }
  .glance-right {
    vertical-align: top; }
  .select-td {
    width: 100%;
    display: block; }
  .tgp-prod-page-table .asymmetrical-right {
    padding: 10px 0; }
  .tools-and-downloads-tables a {
    font-size: .65rem; } }

@media (max-width: 380px) {
  .content.home.product-page-content .yellow-left p {
    font-size: .85rem;
    line-height: 20px; }
  /*Hidden Header Mobile*/
  .hidden-header h2 {
    font-size: 1rem;
    margin-top: 0;
    color: white;
    margin-left: 120px;
    text-align: left;
    width: 45%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
  #trigger {
    left: 60px; } }

@media (max-width: 360px) {
  /*Overview Section*/
  .overview-top .product-logo {
    width: 100%; }
  .overview-top .overview-link-button-container {
    display: none; } }

@media (max-width: 350px) {
  .content.home.product-page-content .yellow-left p {
    font-size: .75rem;
    line-height: 20px; }
  .content.home .producth3 {
    font-size: .6rem; }
  .key-features td {
    width: 60%; } }

/* Gallery ----------------------------------------------------------------------------------- */
/* Variables */
/*Z-indexes*/
/* Colors */
/*Buttons*/
/* Mixins */
span[data-pin-log='button_pinit_floating'] {
  top: 105px !important; }

.gallery-mobile-info-notice-wrapper {
  width: 100vw;
  height: 100vh;
  position: absolute;
  left: 0;
  top: 0; }

.gallery-mobile-info-notice {
  color: white;
  display: inline-block;
  top: 50%;
  transform: translateY(-50%);
  position: relative;
  box-sizing: border-box;
  padding: 25px; }
  .gallery-mobile-info-notice h3 {
    font-size: 1.1rem; }
  .gallery-mobile-info-notice a {
    color: #ffd900;
    font-size: 1.1rem; }

.gallery-scroller #body-wrapper {
  margin-bottom: 0; }

.gallery-container {
  width: 100vw;
  height: 100vh;
  overflow: hidden; }

.scroller.gallery-scroller {
  overflow: hidden; }

.gallery-top-bar {
  position: absolute;
  z-index: 10;
  width: 100vw;
  height: 63px;
  margin: 0px;
  text-align: left;
  background: #1f1e1d;
  border-top: 1px solid #1f1e1d; }

.gallery-top-bar h1 {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 0 0 125px;
  font-family: UniSansRegular;
  font-size: 1.2em;
  color: #fefefe;
  text-transform: uppercase;
  letter-spacing: .2em; }

.gallery-top-bar h1 a:link, .gallery-top-bar h1 a:visited {
  color: #ffffff;
  text-decoration: none; }

.gallery-top-bar h1 span {
  display: none;
  color: #ffd900; }

.gallery-filter-toggle {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  display: inline-block;
  padding: 22px;
  border-left: 1px solid #3b3836; }

.gallery-filter-toggle:link, .gallery-filter-toggle:visited {
  color: #b3ada7; }

.gallery-filter-toggle:hover {
  color: #ffffff; }

.gallery-filter-close {
  display: none;
  line-height: 1;
  font-family: UniSansThin;
  font-size: 1.5rem; }

.gallery-top-level-container {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.gallery-filter-container {
  position: absolute;
  top: 0;
  right: -500px;
  z-index: 5;
  width: 500px;
  height: 100%;
  padding-top: 20px;
  padding-bottom: 1rem;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.9);
  text-align: left; }

.gallery-filter-container h3 {
  margin-left: 2rem;
  text-align: left;
  text-transform: uppercase; }

.gallery-filter-open {
  right: 0;
  transition-property: right;
  transition-duration: .5s; }

.gallery-filter-closed {
  right: -500px;
  transition-property: right;
  transition-duration: .5s; }

.gallery-filter-sections {
  display: inline-block;
  vertical-align: top;
  margin-top: 60px; }

.gallery-filter-container h4 {
  display: block;
  color: #ffffff;
  margin: 0 2rem;
  padding: .875rem 0;
  text-align: left;
  text-transform: uppercase; }

.gallery-filter-container h4 label {
  padding-left: .5rem;
  cursor: pointer; }

.gallery-filter-container h4:hover {
  cursor: pointer; }

.sub-filter {
  display: none;
  margin: -.5rem 0 2rem 1.25rem;
  text-align: left; }

.gallery-filter-container p {
  margin: .5rem 0 .5rem 2rem;
  font-size: .875rem; }

.gallery-filter-container p a:link, .gallery-filter-container p a:visited {
  color: #ffffff; }

.gallery-filter-container p a:hover, .gallery-filter-container p a.current {
  color: #ffd900; }

.gallery-filter-strip {
  position: relative;
  display: inline-block;
  margin-top: 48px;
  width: 204px;
  height: calc(100% - 64px);
  /*height: 100%;*/
  /*background-color: #252423;*/
  background-color: #ffffff;
  overflow-y: scroll; }

/*.gallery-filter-strip-previous, .gallery-filter-strip-next
{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: block;
  width: 190px;
  height: 30px;
  background-color: #121111;
}

.gallery-filter-strip-previous
{
  display: none;
}

.gallery-filter-strip-next
{
  top: auto;
  bottom: 0;
}

.gallery-filter-strip-previous span, .gallery-filter-strip-next span
{
  position:relative;
  display:inline-block;
  height: 24px;
  left: 45%;
  margin-top: -4px;
}

.gallery-filter-strip-next span
{
  margin-top: 10px;
}

.gallery-filter-strip-previous span:before,
.gallery-filter-strip-previous span:after, 
.gallery-filter-strip-next span:before,
.gallery-filter-strip-next span:after{
    position:absolute;
    display:block;
    content:"";
    border:12px solid transparent;
}

.gallery-filter-strip-previous span:before{
    bottom:0;
    border-bottom-color:#999999;
}
.gallery-filter-strip-previous span:after{
    bottom: -2px;
    border-bottom-color:#121111;
}

.gallery-filter-strip-next span:before{
    top:0;
    border-top-color:#999999;
}
.gallery-filter-strip-next span:after{
    top:-2px;
    border-top-color:#121111;
}
*/
.gallery-filter-thumbs {
  padding-top: 10px;
  padding-bottom: 30px; }

.gallery-filter-thumbs img {
  padding: 8px 0 8px 25px; }

.gallery-filter-thumbs img:hover {
  opacity: .5; }

/* */
.section {
  flex: 1;
  height: 100%;
  background-size: cover;
  background-position: center; }

.section.glass {
  background-image: url(/gallery/img/section-glass.jpg); }

.section.framing {
  background-image: url(/gallery/img/section-framing.jpg); }

.section.all {
  background-image: url(/gallery/img/section-all.jpg); }

.gallery-content {
  position: relative;
  top: 50%;
  transform: translateY(calc(-50% + 18px)); }

.section h2 {
  display: inline-block;
  padding: 1em 2em;
  border: 1px solid #ffffff;
  color: #ffffff;
  transition: transform ease-in-out .25s; }

.section a {
  display: inline-block;
  width: 100%;
  height: 100%; }

.section a:link p, .section a:visited p {
  color: #ffffff;
  text-decoration: none; }

.section a:hover h2 {
  transform: scale(1.2); }

.section a:link {
  text-decoration: none; }

/* */
.image-detail-container {
  display: none;
  width: 100vw;
  height: 100vh; }

.main-image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center; }

.project-detail-images {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: none;
  width: 1000%;
  /*white-space: nowrap;*/
  /*height: calc(67vh - 18px);*/
  height: 67vh;
  /*padding-bottom: 18px;*/
  overflow: hidden;
  background-color: #1f1e1d; }

.project-detail-images img {
  width: auto;
  height: 67vh; }

.project-detail-images-next, .project-detail-images-previous, .main-image-next, .main-image-previous {
  position: absolute;
  top: 40%;
  z-index: 2;
  display: none;
  transform: translateY(-40%); }

.main-image-next, .main-image-previous {
  top: 50%;
  transform: translateY(-50%); }

.main-image-next {
  display: block; }

.project-detail-images-next, .main-image-next {
  right: 3%; }

.project-detail-images-previous, .main-image-previous {
  left: 3%; }

.project-detail-images-next a, .project-detail-images-previous a, .main-image-next a, .main-image-previous a {
  display: inline-block;
  /*padding: .5rem 1rem;*/
  /*font-size: 2em;
  border: 2px solid #ffffff;
  background-color: rgba(0, 0, 0, .25);
  box-shadow: 0 0 .5em rgba(0, 0, 0, .5);
  text-shadow: 0 0 .5em rgba(0, 0, 0, .5);*/ }

.project-detail-images-next a:link, .project-detail-images-next a:visited, .project-detail-images-previous a:link, .project-detail-images-previous a:visited, .main-image-next a:link, .main-image-next a:visited, .main-image-previous a:link, .main-image-previous a:visited {
  /*color: #ffffff;*/
  text-decoration: none; }

/*.project-detail-images-next a:hover, .project-detail-images-previous a:hover, .main-image-next a:hover, .main-image-previous a:hover
{
  color: #ffffff;
  background-color: rgba(0, 0, 0, .5);
  box-shadow: none;
  text-shadow: none;
}*/
.nav-circlepop a:hover::before {
  display: none; }

nav-circlepop a {
  position: absolute;
  top: 50%;
  display: block;
  outline: none;
  text-align: left;
  z-index: 1000;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

nav-circlepop a.prev {
  left: 0; }

nav-circlepop a.next {
  right: 0; }

nav-circlepop a svg {
  display: block;
  margin: 0 auto;
  padding: 0; }

.nav-circlepop a {
  margin: 0 5px;
  width: 50px;
  height: 50px; }

.nav-circlepop a::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #fff;
  content: '';
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transform: scale(0.9);
  transform: scale(0.9); }

.nav-circlepop .icon-wrap {
  position: relative;
  display: block;
  margin: 15% 0 0 10%;
  width: 90%;
  height: 90%;
  background: rgba(0, 0, 0, 0.6); }

.nav-circlepop a.next .icon-wrap {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.nav-circlepop .icon-wrap::before,
.nav-circlepop .icon-wrap::after {
  position: absolute;
  left: 35%;
  width: 3px;
  height: 50%;
  background: #fff;
  content: '';
  -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
  transition: transform 0.3s, background-color 0.3s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.nav-circlepop .icon-wrap::before {
  -webkit-transform: translateX(-50%) rotate(30deg);
  transform: translateX(-50%) rotate(30deg);
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%; }

.nav-circlepop .icon-wrap::after {
  top: 50%;
  -webkit-transform: translateX(-50%) rotate(-30deg);
  transform: translateX(-50%) rotate(-30deg);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0; }

.nav-circlepop a:hover::before {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }

.nav-circlepop a:hover .icon-wrap::before,
.nav-circlepop a:hover .icon-wrap::after {
  background: #fff; }

.nav-circlepop a:hover .icon-wrap::before {
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg); }

.nav-circlepop a:hover .icon-wrap::after {
  -webkit-transform: translateX(-50%) rotate(-45deg);
  transform: translateX(-50%) rotate(-45deg); }

/* */
.plus-more-info, .image-number {
  position: absolute;
  bottom: 20px;
  display: none;
  margin-bottom: 0;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.6); }

.plus-more-info {
  left: 20px;
  padding: .1em .4em;
  font-size: 1.75em;
  cursor: pointer; }

.image-number {
  right: 20px;
  padding: 1rem 1rem;
  font-family: UniSansSemiBold;
  font-size: 1em;
  text-align: right;
  line-height: 1.75rem;
  color: #ffd900; }

.current-section {
  font-family: UniSansBold;
  font-size: 1rem;
  text-transform: uppercase;
  color: #ffffff; }

.more-info {
  display: none;
  position: absolute;
  bottom: 20px;
  left: 20px;
  height: auto;
  margin-bottom: 0;
  padding: 10px 20px;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.8);
  text-align: left; }

.more-info-close {
  float: right;
  cursor: pointer; }

.more-info-product {
  font-family: Lato;
  font-size: .9rem;
  margin-right: 40px;
  white-space: nowrap;
  letter-spacing: .01rem; }

.project-details-link {
  font-family: Lato;
  font-size: 1rem;
  font-weight: 800;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: .02rem; }

.project-details-link a:link, .project-details-link a:visited {
  color: #ffd900;
  text-decoration: none; }

/* */
.project-details-container {
  position: absolute;
  top: 100vh;
  left: 0;
  width: 100%;
  height: 33vh;
  color: #000000;
  background-color: #eaeaea;
  text-align: left;
  transition: top .5s; }

.project-details-container-open {
  top: 67vh; }

.project-details-nav-buttons {
  position: absolute;
  top: 0;
  right: 0; }

.project-details-nav-buttons div {
  display: inline-block; }

.project-details-nav-buttons a:link, .project-details-nav-buttons a:visited {
  display: inline-block;
  padding: .875em 1.5em;
  color: #595552;
  text-decoration: none;
  font-size: .8em; }

.project-details-nav-buttons a:hover {
  color: #000000;
  background-color: #dddddd; }

.project-details-nav-buttons span {
  font-size: 1.1em;
  font-weight: bold; }

.close-project-details {
  background: #66a2c6;
  transition: all 250ms ease; }
  .close-project-details:hover {
    background: #366e90; }
  .close-project-details a {
    color: white !important; }
    .close-project-details a:hover {
      background: inherit;
      background-color: inherit;
      border: none;
      height: 100%; }

.close-project-details span {
  display: inline-block;
  vertical-align: middle; }

.project-details-container h3, .project-details-container p {
  margin-left: 60px; }

.download, .share-project, .leed-logo {
  display: inline-block;
  vertical-align: top; }

.leed-logo {
  margin-top: -8px; }

.download a, .share-project a {
  padding-left: 40px;
  padding-bottom: 10px;
  background: url(/products/img/icons/basic_elaboration_document_download.svg) 0 0 no-repeat;
  background-size: 25px; }

.download a:link, .download a:visited, .share-project a:link, .share-project a:visited {
  color: #000000;
  text-decoration: none; }

.download a:hover, .share-project a:hover {
  color: #000000;
  text-decoration: underline; }

.share-project a {
  background: url(/img/icons/basic_mail.png) 0 0 no-repeat;
  background-size: 22px; }

#social-links {
  display: none; }

.display-social-links {
  display: block !important; }

.project-summary, .project-overview {
  display: inline-block;
  width: 50%;
  padding-top: 50px;
  vertical-align: top; }

.project-overview {
  width: 40%; }

.project-summary {
  margin-right: 40px;
  padding-right: 40px;
  padding-top: 10px;
  border-right: 1px solid #cbcbcb; }

.project-summary p {
  line-height: 1.7;
  font-size: .8rem; }

.project-overview h4 {
  line-height: 1.7;
  font-size: .9rem;
  font-weight: 400; }

.project-overview span.title {
  width: 5rem;
  font-weight: 600;
  color: #66a2c6; }

.project-overview span {
  display: inline-block;
  vertical-align: top;
  width: 75%; }

.project-overview a:hover {
  color: #000000;
  text-decoration: underline; }

/* Share modal */
.share-modal {
  position: absolute;
  top: 64px;
  left: 0;
  z-index: 100;
  display: none;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.75); }

.share-modal-content {
  position: relative;
  width: 50%;
  margin-top: 15%;
  margin-left: 20%;
  padding: 1% 2%;
  text-align: left;
  background-color: #ffffff; }

.share-modal-content h3, .share-modal-content p {
  /*color: #bebebe;*/ }

.close-share-modal {
  position: absolute;
  top: 1rem;
  right: 1rem; }

.close-share-modal a {
  font-size: .875rem; }

.close-share-modal a span {
  font-size: 1.25rem; }

.close-share-modal a:link, .close-share-modal a:visited {
  color: #222222;
  text-decoration: none; }

.gallery-share-icons img {
  margin-right: 20px; }

.share-modal-content button {
  font-family: UniSansSemiBold; }

.project-detail-images .gallery-share {
  display: none;
  position: absolute;
  top: 40%;
  left: 50%;
  z-index: 5;
  transform: translate(-50%, -50%);
  background-color: rbga(0, 0, 0, 0.25); }

.project-detail-images .gallery-share img {
  float: none;
  width: 60px;
  height: 60px; }

.project-image {
  position: relative;
  display: block;
  float: left;
  margin-right: 40px;
  background-color: #000000;
  height: calc(100% - 18px); }

.project-detail-images .project-image:hover .gallery-share {
  display: block;
  color: #ffffff; }

.project-detail-images .project-image:hover img {
  opacity: .75; }

@media (max-width: 1024px) {
  .project-summary, .project-overview {
    display: block;
    width: 95%;
    border: none; }
  .project-overview {
    margin-left: 20px;
    padding-top: 20px; }
  .project-details-container h3, .project-details-container p {
    margin-left: 20px; }
  .project-details-container-open {
    top: 60vh;
    height: 40vh;
    overflow-x: hidden;
    overflow-y: scroll; }
  .project-detail-images, .project-detail-images img {
    height: 60vh; }
  .project-overview span {
    display: inline;
    width: auto !important; } }

@media (max-width: 750px) {
  .gallery-top-bar h1 {
    margin-left: 125px;
    margin-right: 60px; }
  .share-modal-content {
    width: 75%;
    margin-left: 10%; } }

@media (max-width: 600px) {
  .gallery-top-level-container {
    flex: none;
    display: block; }
  .section {
    flex: none;
    display: block;
    width: 100%;
    height: calc(33% - (68px / 3));
    background-size: cover;
    background-position: center; }
  .section.all {
    margin-top: 64px; }
  .section a {
    display: block; }
  .gallery-content {
    transform: translateY(-50%); }
  .project-details-container-open {
    top: 50vh;
    height: 50vh; }
  .project-detail-images, .project-detail-images img {
    height: 50vh; }
  .gallery-filter-container {
    width: 100%;
    padding-top: 16px; }
  .gallery-filter-toggle {
    font-size: 80%;
    top: 50%;
    padding: 19px;
    transform: translateY(-50%);
    color: white; }
    .gallery-filter-toggle:visited, .gallery-filter-toggle:link {
      color: white; }
  .gallery-filter-close {
    color: white !important;
    fill: white !important;
    z-index: 50; }
  .project-summary {
    padding-top: 40px; }
  .project-detail-images-next, .project-detail-images-previous {
    top: 27.5%; } }

@media (max-width: 500px) {
  .gallery-top-bar h1 {
    font-size: 75%;
    max-width: 50%; }
  .gallery-filter-sections {
    font-size: 80%; }
  .gallery-filter-container p {
    font-size: .8rem; }
  .gallery-filter-strip {
    width: 140px; }
  .gallery-filter-thumbs img {
    padding: 4px 0 4px 12px; }
  .more-info-product {
    font-size: .8rem;
    white-space: normal; }
  .more-info {
    max-width: 67.5vw;
    bottom: 60px;
    left: 0; }
  .project-details-link {
    font-size: .9rem; }
  .image-number {
    right: 0;
    bottom: 60px;
    padding: 5px 10px; }
  .share-modal-content {
    width: 90%;
    margin-left: 5%; }
  .share-modal-content h3 {
    font-size: .8rem; } }

@media (max-width: 350px) {
  .gallery-filter-container h3, .gallery-filter-container h4 {
    margin-right: 0;
    margin-left: .75rem; } }

/* ========================================================================================================================
   Hover effects
   ======================================================================================================================== */
.grid {
  position: relative;
  text-align: center; }

/* Common style */
.grid figure {
  position: relative;
  overflow: hidden;
  margin: 0;
  text-align: center;
  cursor: pointer; }

.grid figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
  opacity: 0.8; }

.grid figure figcaption {
  color: #fff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.grid figure figcaption::before,
.grid figure figcaption::after {
  pointer-events: none; }

.grid figure figcaption,
.grid figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  /*width: 100%;*/
  height: 85%; }

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0; }

.grid figure h4 {
  letter-spacing: .3rem;
  text-transform: uppercase;
  word-spacing: -0.15em; }

.grid figure h4,
.grid figure p {
  margin: 0; }

.content.home .grid figure p {
  letter-spacing: 1px;
  line-height: 1.5rem;
  color: #ffffff;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.75); }

/*---------------*/
/***** Jazz *****/
/*---------------*/
figure.effect-jazz {
  background: -webkit-linear-gradient(-45deg, #f3cf3f 0%, #f33f58 100%);
  background: linear-gradient(-45deg, #f3cf3f 0%, #f33f58 100%); }

figure.effect-jazz img {
  opacity: 0.9; }

figure.effect-jazz figcaption::after,
figure.effect-jazz img,
figure.effect-jazz p {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s; }

figure.effect-jazz figcaption::after {
  position: absolute;
  top: 0;
  left: 5%;
  width: 150%;
  height: 220%;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  content: '';
  opacity: 0;
  -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
  transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
  -webkit-transform-origin: 35% 40%;
  transform-origin: 35% 40%; }

figure.effect-jazz h4,
figure.effect-jazz p {
  opacity: 1;
  -webkit-transform: scale3d(0.8, 0.8, 1);
  transform: scale3d(0.8, 0.8, 1); }

figure.effect-jazz h4 {
  padding-top: 34%;
  font-family: UniSansSemiBold;
  font-size: 2.25rem;
  -webkit-transition: -webkit-transform 0.35s;
  transition: all 0.35s; }

figure.effect-jazz p {
  padding: 0 2em;
  text-transform: none;
  font-size: 1rem;
  opacity: 0; }

figure.effect-jazz:hover img {
  opacity: 0.7;
  -webkit-transform: scale3d(1.05, 1.05, 1);
  transform: scale3d(1.05, 1.05, 1); }

figure.effect-jazz:hover figcaption::after {
  opacity: 1;
  -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
  transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1); }

figure.effect-jazz:hover h4 {
  padding-top: 30%; }

figure.effect-jazz:hover h4,
figure.effect-jazz:hover p {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1); }

figure.effect-jazz:hover h4 {
  -webkit-transform: scale3d(0.65, 0.65, 0.65);
  transform: scale3d(0.65, 0.65, 0.65); }

@media screen and (max-width: 50em) {
  .content {
    padding: 0 10px; }
  .grid figure {
    display: inline-block;
    float: none;
    margin: 10px auto;
    width: 100%; } }

@media screen and (max-width: 50em) and (orientation: landscape) {
  figure.effect-jazz h4 {
    padding-top: 25%; }
  .grid figure {
    width: auto; } }

.scroller {
  overflow-x: hidden; }

#body-wrapper {
  margin-bottom: 0 !important; }

.content.home {
  margin-bottom: 0 !important; }

footer {
  position: relative;
  height: auto;
  background: #53565A; }
  footer p, footer a, footer span, footer li {
    font-family: 'urw-din', sans-serif;
    color: white; }
  footer h1, footer h2, footer h3, footer h4 {
    font-family: 'urw-din-semi-condensed', sans-serif !important;
    color: white; }
  footer h3 {
    font-size: 1.5rem;
    font-weight: 500; }
  footer h4 {
    font-size: 1rem; }

.footer-newsletter {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
  padding: 30px 8%;
  margin-bottom: 30px; }
  .footer-newsletter > h3 {
    margin: 0; }
  .footer-newsletter > a {
    background: #66A337;
    border-radius: 20px;
    padding: 10px 20px;
    color: white;
    font-family: 'urw-din-semi-condensed', sans-serif !important;
    margin-left: 20px; }
  @media (max-width: 400px) {
    .footer-newsletter {
      flex-direction: column; }
      .footer-newsletter > h3 {
        margin-bottom: 10px; } }

.footer-content {
  padding: 0 8%;
  display: flex; }

.footer-logo-social {
  width: 300px; }
  .footer-logo-social-image {
    width: 100%; }
    .footer-logo-social-image img {
      width: 100%; }
  .footer-logo-social-icons img {
    max-width: 30px;
    margin: 0 7px;
    transition: opacity 250ms ease; }
    .footer-logo-social-icons img:hover {
      opacity: .6; }

.footer-links-container {
  width: 60%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  margin-left: 40px; }

.footer-links-container-links {
  width: 33.33333%;
  margin-bottom: 40px;
  padding: 10px;
  box-sizing: border-box; }

.footer-links-container-links h4 {
  color: white !important;
  text-transform: uppercase;
  font-weight: 900;
  text-align: left;
  margin-top: 0; }

.footer-links-container-links a {
  color: #d0d0d0 !important;
  transition: color 250ms ease;
  margin-top: 8px;
  font-size: .9rem;
  text-align: left;
  text-decoration: none; }

.footer-links-container-links a:hover {
  color: #e51937 !important; }

.footer-links-container-links h4, .footer-links-container-links a {
  display: block; }

.footer-social-links {
  margin-top: 0;
  padding-top: 40px;
  text-align: center;
  display: flex;
  flex-wrap: wrap; }

.footer-social-links a {
  width: 33.3%;
  margin-bottom: 20px;
  opacity: .8;
  transition: opacity 250ms ease; }

.footer-social-links a:hover {
  opacity: 1; }

.footer-social-links a img {
  width: 30px;
  height: 30px; }

.footer-social-links-phone {
  width: 100% !important;
  color: white !important;
  font-size: 1.25rem;
  text-align: center; }

.footer-copyright {
  padding: 0 8%;
  background: #2F3133;
  display: flex;
  align-items: center; }
  .footer-copyright img {
    max-width: 130px;
    margin-right: 30px; }
  .footer-copyright a {
    color: white; }

footer .copyright {
  padding-bottom: 0;
  color: #9C9C9C;
  font-size: .8rem;
  line-height: 1.25rem;
  text-align: left; }

@media (max-width: 1000px) {
  .footer-logo-social {
    width: 250px; }
  .footer-links-container-links {
    width: 50%; } }

@media (max-width: 750px) {
  footer h3 {
    text-align: left; }
  .footer-content {
    flex-direction: column-reverse; }
  .footer-logo-social {
    max-width: 400px;
    width: 100%;
    align-self: flex-start;
    justify-self: flex-start;
    padding-bottom: 40px; }
    .footer-logo-social-icons {
      text-align: left; }
  .footer-links-container {
    width: 100%;
    margin-left: 0;
    margin-bottom: 40px; }
    .footer-links-container-links {
      margin-bottom: 0; }
  .footer-copyright {
    flex-wrap: wrap; }
    .footer-copyright .footer-flex-container-entry {
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      width: 50%; }
    .footer-copyright .copyright {
      width: 100%; } }

@media (max-width: 550px) {
  .footer-social-links {
    margin: 0; } }

/* Buttons */
/* Variables */
/*Z-indexes*/
/* Colors */
/*Buttons*/
/* Mixins */
.inline-block {
  display: inline-block; }

button,
.button {
  color: #fff;
  text-transform: uppercase;
  background-color: #2c343b;
  font-family: Nexa-Bold;
  font-size: .9em;
  margin-right: .6em;
  padding: .4em .8em;
  text-decoration: none;
  white-space: nowrap; }

.medium {
  padding: .4rem .8rem; }

.large {
  padding: .8em 1.6em; }

.wide {
  padding: 0 1.2rem; }

.button:link, .button:visited {
  color: #fff; }

button:hover, .button:hover {
  background-color: #000; }

.blue:link, .blue:visited {
  background-color: #2c343b; }

.webinar-button {
  background: #8db50c;
  color: #fff;
  border: 2px solid #8db50c;
  font-family: Lato;
  font-size: 1.35rem;
  padding: 20px 20px 20px 20px;
  transition: all 150ms ease;
  width: 75%;
  text-align: center; }
  .webinar-button:hover {
    background: #fff;
    color: #8db50c; }

.blue:hover {
  background-color: #66a2c6; }

.red:link, .red:visited {
  background-color: #66a2c6; }

.red:hover {
  background-color: #2c343b; }

.cta {
  display: inline-block;
  border: 1px solid #ffffff;
  text-transform: uppercase;
  padding: 1em 2em;
  background-color: none;
  transition: all .5s ease;
  letter-spacing: .1em; }

.cta:link, .cta:visited {
  color: #beb5af;
  text-decoration: none; }

.cta:hover {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.25); }

.cta.border-yellow {
  border-color: #ffd900; }

.cta.border-yellow:hover {
  border-color: rgba(255, 255, 255, 0.25); }

input, textarea {
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }

/*input[type="submit"] {
  background-color: $blue;
}

input[type="submit"]:hover {
  background-color: $blue-dark;
}*/
#ContentPlaceHolder1_ProcessRequestButton, .forms-button {
  background: #fff;
  color: #8db50c;
  font-family: Lato;
  font-size: 1rem;
  padding: 10px 20px 10px 20px;
  border: solid #8db50c 2px;
  text-decoration: none;
  text-transform: capitalize; }

.forms-button-red {
  font-family: Lato;
  color: #e51937;
  background-color: transparent;
  border: solid #e51937 2px;
  padding: 15px 25px; }

.forms-button-red:hover {
  background-color: #e51937;
  color: #fff; }

#ContentPlaceHolder1_ProcessRequestButton:hover, .forms-button:hover {
  background: #8db50c;
  color: #ffffff;
  text-decoration: none; }

/* Common styles for all menus */
.menu__list {
  position: relative;
  display: -webkit-flex;
  display: inline-block;
  overflow: hidden;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none; }

.menu__list li {
  float: left; }

.menu__item {
  display: block;
  margin: 1em 0; }

.menu__link {
  font-size: 1.05em;
  font-weight: bold;
  display: block;
  cursor: pointer;
  height: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -webkit-tap-highlight-color: transparent;
  padding-top: 20px; }

.menu__link:hover,
.menu__link:focus {
  outline: none; }

/* Trinculo */
.menu--trinculo .menu__item {
  margin: 0 1.75em; }

.menu--trinculo .menu__link {
  position: relative;
  text-align: center;
  color: #b5b5b5;
  -webkit-transition: color 0.3s;
  transition: color 0.3s; }

.menu--trinculo .menu__link:hover,
.menu--trinculo .menu__link:focus {
  color: #929292; }

.menu--trinculo .menu__link::before {
  content: '';
  position: absolute;
  bottom: 7px;
  left: 0;
  width: 100%;
  height: 2px;
  opacity: 0;
  background: #ffd900;
  -webkit-transform: scale3d(0, 1, 1);
  transform: scale3d(0, 1, 1);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition: -webkit-transform 0s 0.2s, opacity 0.2s;
  transition: transform 0s 0.2s, opacity 0.2s; }

.menu--trinculo .menu__item--current .menu__link::before {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 0.2s, opacity 0.1s;
  transition: transform 0.2s, opacity 0.1s;
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }

.menu--trinculo .menu__helper {
  display: block;
  pointer-events: none; }

.menu--trinculo .menu__item--current .menu__helper {
  -webkit-animation: anim-trinculo 0.6s forwards;
  animation: anim-trinculo 0.6s forwards; }

@-webkit-keyframes anim-trinculo {
  50% {
    opacity: 0;
    color: #929292;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  51% {
    opacity: 0;
    color: #ffd900;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  75% {
    opacity: 1;
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  100% {
    opacity: 1;
    color: #ffd900;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes anim-trinculo {
  50% {
    opacity: 0;
    color: #929292;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  51% {
    opacity: 0;
    color: #ffd900;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  75% {
    opacity: 1;
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  100% {
    opacity: 1;
    color: #ffd900;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

/* Ceres */
.menu--ceres .menu__item {
  position: relative; }

.menu--ceres .menu__link {
  position: relative;
  min-width: 115px;
  text-align: center;
  color: #4d4844;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  padding-top: 15px;
  font-family: "UniSansSemiBold";
  text-transform: uppercase;
  letter-spacing: 0.05rem; }

.comparison-menu-list {
  width: 100%; }

.menu__link__long__wrap {
  width: calc(100% - (115px + 115px));
  cursor: default; }

.menu__link__long {
  cursor: default; }

.menu__link.menu__link-ceres {
  width: 115px; }

.menu--ceres .menu__link:hover,
.menu--ceres .menu__link:focus {
  color: #929292; }

.menu--ceres .menu__item--current .menu__link {
  color: #e51937; }

.menu--ceres .menu__item::before,
.menu--ceres .menu__item::after,
.menu--ceres .menu__link::after {
  content: '';
  position: absolute;
  bottom: 0;
  background: #000; }

.menu--ceres .menu__item::before,
.menu--ceres .menu__item::after {
  width: 1px;
  height: 110%;
  opacity: 0;
  -webkit-transform: scale3d(1, 0, 1);
  transform: scale3d(1, 0, 1);
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-transition: -webkit-transform 0s 0.1s, opacity 0.1s;
  transition: transform 0s 0.1s, opacity 0.1s; }

.menu--ceres .menu__item::before {
  left: 0; }

.menu--ceres .menu__item::after {
  right: 0; }

.menu--ceres .menu__item--current::before,
.menu--ceres .menu__item--current::after {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }

/* bottom line */
.menu--ceres .menu__link::after {
  left: 0;
  width: 100%;
  height: 1px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s; }

.menu--ceres .menu__item--current .menu__link::after {
  -webkit-transform: translate3d(0, -48px, 0);
  transform: translate3d(0, -48px, 0);
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }

@media (max-width: 1776px) {
  .jumpmenu-content span {
    padding: 0;
    font-size: 0.8rem; } }

@media (max-width: 1580px) {
  .menu__link {
    font-size: 0.8rem;
    height: 30px;
    margin: 0;
    padding: 0;
    padding-top: 20px; }
  .menu__item {
    display: block;
    margin: 0;
    padding: 0; }
  .jumpmenu-content span {
    padding: 0;
    font-size: 0.70rem;
    letter-spacing: 0.05rem; }
  .menu--trinculo .menu__link::before {
    bottom: 15px; }
  .menu--trinculo .menu__item {
    margin: .8rem; }
  .menu--ceres .menu__item--current .menu__link::after {
    -webkit-transform: translate3d(0, -44px, 0);
    transform: translate3d(0, -44px, 0); } }

@media (min-width: 1590px) and (max-width: 1720px) {
  .jumpmenu-content span {
    padding: 0;
    font-size: 0.78rem;
    letter-spacing: 0.05rem; }
  .menu--trinculo .menu__item {
    margin: .77rem; } }

@media (max-width: 1216px) {
  .jumpmenu-content span {
    padding: 0;
    font-size: 0.65rem;
    letter-spacing: 0.05rem; }
  .menu--trinculo .menu__item {
    margin: .75rem; }
  .jumpmenu-content {
    width: 95%; } }

@media (max-width: 1020px) {
  .jumpmenu-content span {
    font-size: .5rem; } }

@media (max-width: 897px) {
  .jumpmenu-content span {
    padding: 0;
    font-size: 0.5rem;
    letter-spacing: 0.05rem; }
  .menu--trinculo .menu__item {
    margin: .5rem; }
  .jumpmenu-content {
    width: 80%; }
  .content {
    padding: 0; } }

/* ========================================================================================================================
   HELPER CLASSES
   ======================================================================================================================== */
.mobile-on {
  display: none; }

.clear {
  clear: both; }

.clear-l {
  clear: left; }

.clear-r {
  clear: right; }

.clear-b {
  clear: both; }

.full-width {
  width: 100% !important;
  height: auto; }

.float-l {
  float: left; }

.float-r {
  float: right; }

.float-l-img {
  float: left;
  margin: 0 30px 30px 0; }

.float-r-img {
  float: right;
  margin: 0 0 30px 30px; }

.transition {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease; }

.hidden {
  display: none; }

@media (max-width: 600px) {
  .mobile-on {
    display: block; } }

/*Flexbox Table*/
.Table {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -moz-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  font-size: 1rem;
  margin: 0.5rem;
  line-height: 1.5;
  font-family: Lato, sans-serif;
  font-size: .9rem; }

.Table-header {
  display: none; }

@media (min-width: 500px) {
  .Table-header {
    font-weight: 700;
    background-color: #f2f2f2; } }

.Table-row {
  width: 100%; }

@media (min-width: 300px) {
  .Table-row {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    flex-flow: row nowrap; }
  .Table-row:nth-of-type(odd) {
    background-color: transparent; }
  .Table-row:nth-of-type(even) {
    background-color: #ebebeb; } }

.Table-row-item {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  -webkit-flex-basis: 0;
  -moz-flex-basis: 0;
  flex-basis: 0;
  -ms-flex-preferred-size: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  padding: 1.5em;
  align-items: center; }

.Table-row-item:before {
  content: attr(data-header);
  width: 30%;
  font-weight: 700; }

@media (min-width: 300px) {
  .Table-row-item {
    padding: 1.5em; }
  .Table-row-item-small {
    flex-grow: .25; }
  .Table-row-item-medium {
    flex-grow: .35; }
  .Table-row-item-medium-large {
    flex-grow: .5; }
  .Table-row-item:before {
    content: none; }
  .case-studies-table .Table-row {
    cursor: pointer;
    transition: background-color 500ms ease; } }

@media (max-width: 950px) {
  .Table-row-item-small {
    flex-grow: .35; }
  .Table-row-item-medium {
    flex-grow: .35; }
  .Table-row-item-medium-large {
    flex-grow: .4; } }

@media (max-width: 600px) {
  /*Case Studies Mobile*/
  .Table-row-item:before {
    min-width: 105px; }
  .Table-row-item {
    font-size: 60%; } }

@media print {
  * {
    margin: 0;
    padding: 0; }
  #viewport-container, #asterisk-modal, #instructions-modal, #footer {
    display: none !important; } }

#attribute-modal, #firelite-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  text-align: center;
  background-color: white;
  z-index: -10;
  transition: all 250ms ease;
  opacity: 0; }

.md-modal {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50%;
  max-width: 630px;
  min-width: 320px;
  height: auto;
  z-index: 200000;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%); }

.firelite-modal-wrap {
  margin: 0 auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%); }

#firelite-modal-title {
  color: #e41936;
  margin-bottom: 30px; }

.modal-img, #modal-desc {
  margin-bottom: 30px; }

.modal-close {
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 500;
  letter-spacing: .05rem;
  background-color: #e41936; }

.firelite-modal-close {
  display: inherit;
  margin: 0 auto; }

.md-content {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

.md-content-active {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

button {
  color: #ffffff;
  border-width: 0; }

/*Modal Boxes*/
.modal-box {
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: white;
  z-index: 10000;
  transition: all 250ms ease;
  /*Opacity for fade-in added in JS*/
  opacity: 0; }

.modal-close-x {
  left: 50px;
  top: 35px;
  color: #000000;
  z-index: inherit;
  display: block; }

.modal-content {
  position: relative;
  top: 50%;
  transform: translateY(-50%); }
  .modal-content img {
    max-width: 700px; }

.modal-text {
  font-size: 1.35rem;
  color: #66a2c6;
  font-weight: bold; }
  .modal-text small {
    font-weight: 500;
    color: #33302d;
    font-size: 70%; }

/*Span Attributes*/
.page-modal {
  cursor: pointer;
  color: #ffd900;
  transition: color 150ms ease; }
  .page-modal:hover {
    color: #696969; }
  .page-modal img {
    max-width: 600px; }

@media (max-width: 650px) {
  .modal-img {
    width: 75%; }
  .modal-text {
    font-size: 1rem; } }

@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group;
    /* h5bp.com/t */ }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  #nav-asset-container {
    display: none; }
  /*PRODUCT PAGES*/
  /*#prod-header {display:none;}*/
  #scroll-header-wrapper {
    display: none; }
  .jumpmenu {
    display: none; }
  #body-wrapper * {
    display: block; }
  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; } }