@import url("https://use.typekit.net/ktn2ndy.css");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input, textarea, select, button, main {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, picture {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

body {
  font-size: 18px;
  color: #fff;
  font-family: "industry", sans-serif;
  background-color: #000; }

h1 {
  font-size: 7.778em;
  font-weight: 900; }

h2 {
  font-size: 3.611em;
  font-weight: 700; }

h3 {
  font-size: 2.667em;
  font-weight: 700; }

h4 {
  font-size: 1.944em;
  font-weight: 700; }

h5 {
  font-size: 1.222em;
  font-weight: 700; }

strong {
  font-weight: 700; }

em {
  font-style: italic; }

sup {
  font-size: .5em;
  line-height: 1em; }

a {
  text-decoration: none; }

a[href^="tel"] {
  color: inherit;
  text-decoration: none; }

ol {
  list-style-type: decimal; }
  ol li {
    margin-top: 1em; }

.container {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 20px; }

.cf {
  clear: both; }

.top-bar {
  background-color: #D7282F;
  height: 7px;
  width: 100%; }

.navbar-nav {
  text-transform: uppercase; }

.navbar-nav a,
.secondary-nav a {
  -webkit-transition: all .25s ease-out;
  transition: all .25s ease-out; }

.current {
  border-bottom: 2px solid #D7282F;
  padding-bottom: 2px; }

.navbar-nav a:hover,
.secondary-nav a:hover {
  color: #fff; }

.slick-arrow {
  height: 30px;
  width: 35px; }

.slick-prev:before,
.slick-next:before {
  font-size: 25px;
  padding: 0 5px;
  z-index: 10; }

.full-divider {
  background-color: #D7282F;
  width: 100%;
  height: 3px;
  margin: 100px auto; }

.uppercase {
  text-transform: uppercase; }

@media screen and (max-width: 1000px) {
  body {
    font-size: 12px; }
  .top-bar {
    display: none; } }

@media screen and (max-width: 450px) {
  .container {
    padding: 0 15px; } }

#search {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(0, 0, 0, 0.975);
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0;
  position: fixed;
  -webkit-transition: all .5s;
  transition: all .5s;
  width: 100vw;
  will-change: transform, opacity;
  z-index: -1;
  left: 0;
  font-weight: 300; }
  #search .close-btn {
    display: block; }

#search-form {
  width: 75%;
  text-align: center;
  z-index: 50; }

#searchbox {
  background: transparent;
  border: solid #fff;
  border-width: 0 0 1px 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  font-size: 2rem;
  height: 2rem;
  width: 100%;
  outline: 0;
  padding: 2rem 1rem; }

.close-btn {
  display: none;
  color: #fff;
  font-size: 2rem;
  position: absolute;
  top: 1.25rem;
  right: 2.5rem; }

.desktop-header {
  height: 160px;
  background-image: url("../img/bg_texture-blk.png");
  background-size: cover;
  background-position: left top; }

.logo {
  width: 310px;
  position: relative;
  top: 50px; }

.svg-logo {
  display: inline-block;
  position: relative;
  top: 50px;
  height: 50px; }
  .svg-logo a {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 20; }
  .svg-logo svg {
    height: 50px; }
  .svg-logo .line-one {
    position: relative;
    left: -25px; }
  .svg-logo .line-two {
    position: relative;
    left: -50px; }
  .svg-logo .logo-text {
    height: 35px;
    position: relative;
    left: -50px;
    top: -10px; }

.secondary-nav {
  font-size: 0.722em;
  float: right;
  position: relative;
  top: 25px;
  font-family: "korolev", sans-serif; }
  .secondary-nav a {
    color: #8E8E8E; }
  .secondary-nav ul li {
    display: inline-block;
    margin-left: 2.5em; }
    .secondary-nav ul li img {
      width: 12px; }

.main-nav {
  float: right;
  position: relative;
  top: 12px; }
  .main-nav ul li {
    display: inline-block;
    font-size: 1.22em;
    font-weight: 900;
    margin-left: 4em; }
    .main-nav ul li a {
      color: #838383; }

.sticky {
  position: fixed;
  top: 0;
  left: 0;
  background: #000;
  height: 90px;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 16px;
  z-index: 1000;
  -webkit-transition: all 250ms cubic-bezier(0, 0, 0.58, 1);
  transition: all 250ms cubic-bezier(0, 0, 0.58, 1);
  -webkit-transform: translateY(-100px);
          transform: translateY(-100px); }
  @media (max-width: 1000px) {
    .sticky {
      display: block;
      position: fixed;
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
      margin-bottom: 20px; } }
  .sticky .menu-button {
    position: absolute;
    top: 0;
    right: 30px;
    height: 100%;
    padding-top: 27px;
    cursor: pointer; }
    .sticky .menu-button img {
      width: 30px;
      height: 30px; }
  .sticky .sticky-logo {
    display: inline-block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
    .sticky .sticky-logo img {
      height: 45px; }

.sticky-menu {
  background-color: #000;
  position: fixed;
  border-left: 6px solid #D7282F;
  top: 0;
  right: 0;
  width: 320px;
  height: 100vh;
  list-style: none;
  overflow-x: visible;
  padding: 32px;
  z-index: 20000;
  -webkit-transition: all 250ms cubic-bezier(0, 0, 0.58, 1);
  transition: all 250ms cubic-bezier(0, 0, 0.58, 1);
  -webkit-transform: translateX(400px);
          transform: translateX(400px);
  text-align: center; }
  .sticky-menu--active {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  .sticky-menu .sticky-menu-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-image: url("../img/mobile-menu-bg.jpg");
    background-size: cover; }
  .sticky-menu .menu-close {
    color: #fff;
    position: absolute;
    font-size: 3em;
    left: -70px;
    top: 40px;
    display: inline-block;
    padding: 10px;
    font-weight: 100;
    font-family: "industry", sans-serif;
    cursor: pointer; }
  .sticky-menu .mobile-nav {
    text-align: left; }
    .sticky-menu .mobile-nav li a {
      font-size: 3.75em;
      text-transform: uppercase;
      color: #fff;
      font-weight: 900;
      line-height: 1.7em; }
  .sticky-menu .mobile-footer-links {
    text-align: left;
    position: absolute;
    bottom: 15%; }
    .sticky-menu .mobile-footer-links li a {
      color: #8E8E8E;
      line-height: 2em; }
  .sticky-menu .social-links {
    width: 100%;
    position: absolute;
    bottom: 50px; }
    .sticky-menu .social-links a {
      float: left;
      padding: 0 15px; }
      .sticky-menu .social-links a img {
        width: 30px;
        height: 30px; }
  .sticky-menu .open-search img {
    height: 15px;
    width: 15px; }
  @media (min-width: 1001px) {
    .sticky-menu {
      display: none; } }

.mobile-menu-overlay {
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  width: 100%;
  height: calc(100% + 90px);
  z-index: 15000;
  display: none;
  top: -90px; }

@media screen and (max-width: 1000px) {
  .desktop-header {
    display: none; }
  .sticky-menu--active {
    width: 50%; } }

@media screen and (max-width: 700px) {
  .sticky-menu--active {
    width: 80%; } }

@media screen and (max-width: 450px) {
  .sticky .sticky-logo img {
    height: 30px; } }

footer {
  margin-top: 100px;
  background-image: url("../img/footer-bg.png");
  background-size: cover;
  background-repeat: no-repeat; }

.footer-text {
  font-size: 1.944em;
  text-align: center;
  padding: 55px 0; }
  .footer-text p {
    font-weight: 900; }
    .footer-text p .plus-sign {
      color: #D7282F; }

.footer-links {
  border-top: 1px solid rgba(73, 73, 73, 0.5);
  width: 90%;
  margin: 0 auto;
  padding-top: 40px;
  position: relative; }
  .footer-links .footer-main-nav {
    display: inline-block; }
    .footer-links .footer-main-nav li {
      padding: 10px 0; }
      .footer-links .footer-main-nav li a {
        color: #fff; }
  .footer-links .footer-link {
    display: inline-block;
    font-family: "korolev", sans-serif;
    position: relative;
    font-size: 0.833em;
    vertical-align: top;
    color: #8E8E8E; }
    .footer-links .footer-link li {
      padding: 10px 0; }
      .footer-links .footer-link li a {
        color: #8E8E8E; }
    .footer-links .footer-link.footer-link-col2 {
      left: 10%; }
    .footer-links .footer-link.footer-link-col3 {
      left: 20%; }
  .footer-links .footer-right {
    position: relative;
    display: inline-block;
    float: right;
    padding: 10px 0; }
  .footer-links .footer-link-terms span {
    padding: 8px; }
    .footer-links .footer-link-terms span a {
      color: #8E8E8E; }
  .footer-links .footer-link-terms .link-divider {
    padding: 0; }
  .footer-links .social-links {
    display: inline-block;
    position: absolute;
    bottom: 5px;
    right: 0; }
    .footer-links .social-links img {
      display: inline-block;
      width: 30px;
      height: 30px;
      margin: 0 10px; }

.footer-bottom {
  margin-top: 50px;
  background-image: url("../img/footer-email.png");
  background-size: cover;
  background-repeat: no-repeat;
  height: 115px;
  width: 100%; }
  .footer-bottom .footer-email {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
    .footer-bottom .footer-email .science-of {
      display: inline-block;
      position: relative;
      height: 53px; }
    .footer-bottom .footer-email .mailing-list {
      position: absolute;
      right: 0;
      display: inline-block;
      padding-right: 20px; }
      .footer-bottom .footer-email .mailing-list .mailing-cta {
        display: inline-block;
        vertical-align: bottom;
        padding-right: 30px; }
        .footer-bottom .footer-email .mailing-list .mailing-cta p {
          color: #fff;
          font-weight: 700; }
        .footer-bottom .footer-email .mailing-list .mailing-cta p:nth-child(2) {
          padding-top: 10px; }
      .footer-bottom .footer-email .mailing-list .email-submit {
        display: inline-block; }
        .footer-bottom .footer-email .mailing-list .email-submit div {
          display: inline-block; }
        .footer-bottom .footer-email .mailing-list .email-submit input {
          height: 50px;
          padding: 0 20px;
          border-radius: 0; }
        .footer-bottom .footer-email .mailing-list .email-submit input[type="submit"] {
          background-color: #000;
          color: #fff;
          margin-left: -8px;
          -webkit-appearance: none;
          border-radius: 0; }

@media screen and (max-width: 1000px) {
  footer {
    background-image: none; }
  .footer-text p {
    line-height: 1.5em; }
  .footer-links {
    border-top: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    padding-top: 0; }
    .footer-links .footer-link-col2,
    .footer-links .footer-link-col3 {
      display: none !important; }
    .footer-links .social-links {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      position: relative; }
      .footer-links .social-links img {
        margin: 0 15px; }
    .footer-links .footer-main-nav {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      font-size: 2.5em;
      font-weight: 700;
      margin: 25px 0; }
    .footer-links .footer-right {
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3;
      font-size: 1.5em; }
      .footer-links .footer-right .link-divider {
        display: none; }
  .footer-bottom {
    background-image: none;
    background-color: #D7282F;
    text-align: center;
    height: 100%; }
    .footer-bottom .footer-email {
      top: 0;
      -webkit-transform: none;
              transform: none; }
      .footer-bottom .footer-email .science-of {
        margin: 20px 0;
        font-size: 3em; }
      .footer-bottom .footer-email .mailing-list {
        display: block;
        position: relative;
        padding-right: 0; }
        .footer-bottom .footer-email .mailing-list .mailing-cta {
          padding-right: 0;
          margin-bottom: 20px; }
          .footer-bottom .footer-email .mailing-list .mailing-cta p {
            display: inline-block;
            font-size: 2em; }
        .footer-bottom .footer-email .mailing-list #mc_embed_signup {
          display: block !important;
          margin-bottom: 20px; }
          .footer-bottom .footer-email .mailing-list #mc_embed_signup form {
            width: 100%; }
            .footer-bottom .footer-email .mailing-list #mc_embed_signup form #mc_embed_signup_scroll {
              width: 100%; }
              .footer-bottom .footer-email .mailing-list #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group {
                width: 70%; }
                .footer-bottom .footer-email .mailing-list #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group input[type="email"] {
                  width: 100%; }
            .footer-bottom .footer-email .mailing-list #mc_embed_signup form .submit-div {
              width: 20%; }
              .footer-bottom .footer-email .mailing-list #mc_embed_signup form .submit-div input[type="submit"] {
                width: 100%;
                margin-left: -10px;
                padding: 0 10px; } }

@media screen and (max-width: 500px) {
  .footer-bottom .footer-email .science-of {
    width: 90%;
    height: unset; } }

.hero-slider {
  height: 775px;
  width: 100%;
  position: relative; }
  .hero-slider .slider-container {
    height: 100%;
    width: 100%;
    position: relative; }
  .hero-slider .slick-next {
    right: 45px;
    z-index: 2000; }
  .hero-slider .slick-next:before {
    content: '';
    background-image: url("../img/forward-arrow.svg");
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center right;
    z-index: 10000;
    padding: 15px 16px; }
  .hero-slider .slick-prev {
    left: 45px;
    z-index: 2000; }
  .hero-slider .slick-prev:before {
    content: '';
    background-image: url("../img/back-arrow.svg");
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center left;
    z-index: 10000;
    padding: 15px 16px; }
  .hero-slider .slide {
    text-align: center;
    position: relative;
    height: 675px;
    background-size: cover;
    background-position: center top; }
    .hero-slider .slide .hero-slider-bg {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-size: cover;
      background-position: center top; }
    .hero-slider .slide .hero-link {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 100%;
      display: block;
      z-index: 500; }
    .hero-slider .slide .slide-content {
      width: 80%;
      margin: 0 auto;
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      overflow: hidden;
      position: relative; }
      .hero-slider .slide .slide-content h1 {
        text-transform: uppercase;
        line-height: .85em;
        font-size: 7em;
        position: relative; }
      .hero-slider .slide .slide-content sup {
        line-height: 1em; }
      .hero-slider .slide .slide-content div {
        background-image: url(../img/home/white-btn.svg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        width: 33%;
        min-width: 350px;
        margin: 55px auto 0;
        height: 55px;
        color: #000;
        text-transform: uppercase; }
        .hero-slider .slide .slide-content div p {
          position: relative;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
          font-size: 1.111em;
          font-weight: 800;
          text-transform: uppercase; }
        .hero-slider .slide .slide-content div a {
          color: #000;
          position: absolute; }
  .hero-slider .slider-nav {
    background-color: #D7282F;
    height: 100px;
    width: 100%;
    text-align: center; }
    .hero-slider .slider-nav .slide-nav {
      height: 100px;
      cursor: pointer; }
      .hero-slider .slider-nav .slide-nav .nav-content {
        position: relative;
        top: 50%;
        left: 13%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
        .hero-slider .slider-nav .slide-nav .nav-content .slide-nav-img {
          height: 42px;
          width: 73px;
          -webkit-box-sizing: content-box;
                  box-sizing: content-box;
          float: left;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%); }
          .hero-slider .slider-nav .slide-nav .nav-content .slide-nav-img img {
            width: 100%;
            height: 100%; }
        .hero-slider .slider-nav .slide-nav .nav-content p {
          position: relative;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
          width: 50%;
          float: left;
          text-align: left;
          text-transform: uppercase;
          padding-left: 15px;
          font-weight: 700;
          font-size: .85em; }
    .hero-slider .slider-nav .slick-slide {
      opacity: .75; }
    .hero-slider .slider-nav .slick-slide .slide-nav-img {
      border: 5px solid #320709; }
    .hero-slider .slider-nav .slick-current .slide-nav-img {
      border: 5px solid #D0021B; }
    .hero-slider .slider-nav .slick-current {
      opacity: 1; }

.section-nav {
  height: 90px;
  background-color: #2f2f2f; }
  .section-nav a {
    color: #8E8E8E;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out; }
  .section-nav a:hover {
    color: #fff; }
  .section-nav ul {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    text-align: center; }
    .section-nav ul li {
      display: inline-block;
      text-transform: uppercase;
      padding: 0 1.5em;
      font-weight: 800;
      font-size: 0.889em;
      line-height: 2.2em; }

.section-nav-mobile,
.details-nav-mobile {
  display: none;
  font-size: 1.5em; }
  .section-nav-mobile select,
  .details-nav-mobile select {
    display: none; }
  .section-nav-mobile .select-selected,
  .details-nav-mobile .select-selected {
    background-color: #2f2f2f;
    text-transform: uppercase; }
  .section-nav-mobile .select-selected:after,
  .details-nav-mobile .select-selected:after {
    position: absolute;
    content: "";
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 20px;
    width: 15px;
    height: 20px;
    background-image: url("../img/arrow-down.png");
    background-size: 100%;
    background-repeat: no-repeat; }
  .section-nav-mobile .select-selected.select-arrow-active:after,
  .details-nav-mobile .select-selected.select-arrow-active:after {
    background-image: url("../img/arrow-up.png"); }
  .section-nav-mobile .select-items div, .section-nav-mobile .select-selected,
  .details-nav-mobile .select-items div,
  .details-nav-mobile .select-selected {
    color: #fff;
    padding: 20px 40px 20px 20px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    font-weight: 700;
    text-transform: uppercase; }
  .section-nav-mobile .dropdown-link,
  .details-nav-mobile .dropdown-link {
    color: #8E8E8E !important; }
  .section-nav-mobile .select-items,
  .details-nav-mobile .select-items {
    position: absolute;
    background-color: #2f2f2f;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 200; }
  .section-nav-mobile .select-hide,
  .details-nav-mobile .select-hide {
    display: none; }
  .section-nav-mobile .select-items div:hover, .section-nav-mobile .same-as-selected,
  .details-nav-mobile .select-items div:hover,
  .details-nav-mobile .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1); }

.hero-container {
  position: relative;
  padding-top: 35%; }
  .hero-container .hero-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; }
  .hero-container .hero-text {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-align: center;
    position: absolute;
    width: 90%;
    z-index: 100;
    margin: 0 auto; }
    .hero-container .hero-text h1 {
      text-transform: uppercase;
      font-weight: 900;
      line-height: .8em; }
    .hero-container .hero-text h5 {
      text-transform: uppercase;
      padding-bottom: 15px; }
    .hero-container .hero-text h6 {
      font-size: 0.65em;
      padding-bottom: 20px;
      text-transform: uppercase; }
    .hero-container .hero-text p {
      width: 55%;
      margin: 0 auto;
      padding-top: 15px;
      line-height: 1.7em; }

#featured-header {
  width: 90%;
  margin: -100px auto 0;
  border: 10px solid white;
  background-color: #000;
  height: 600px; }
  #featured-header h3 {
    font-size: 1.944em; }
  #featured-header h1 {
    font-size: 4.8em;
    font-weight: 900; }
  #featured-header .featured-bg {
    opacity: .65;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
  #featured-header .btn a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10; }
  #featured-header .btn a:hover .bevel,
  #featured-header .btn a:hover .content {
    border-color: #fff; }
  #featured-header .btn a:hover .content {
    background-color: #fff;
    color: #000; }

.details-nav {
  font-family: "korolev", sans-serif;
  height: 90px; }
  .details-nav a {
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    color: #8E8E8E;
    line-height: 2.25em; }
  .details-nav a:hover {
    color: #fff; }
  .details-nav ul {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    text-align: center; }
    .details-nav ul li {
      display: inline-block;
      text-transform: uppercase;
      padding: 0 1em;
      font-size: 0.833em; }
      .details-nav ul li sup {
        font-size: .75em; }

.mobile-nav-container {
  display: none; }

.fabrics-detail {
  padding: 0; }
  .fabrics-detail .hero {
    width: 100%;
    height: 790px;
    background-size: cover;
    position: relative; }
    .fabrics-detail .hero .hero-bg {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-size: cover;
      background-position: center top; }
    .fabrics-detail .hero .hero-left {
      width: 55%;
      float: left;
      height: 100%; }
      .fabrics-detail .hero .hero-left .left-content {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        width: 100%;
        padding-left: 55px; }
      .fabrics-detail .hero .hero-left img {
        width: 60%; }
      .fabrics-detail .hero .hero-left .intro-text {
        padding-top: 30px;
        font-weight: 600;
        font-size: 1.25em;
        line-height: 1.5em; }
      .fabrics-detail .hero .hero-left .body-text {
        color: #A7A7A7;
        line-height: 1.7em;
        padding-top: 20px; }
      .fabrics-detail .hero .hero-left .closing-text {
        text-transform: uppercase;
        font-size: 1.45em;
        font-weight: 800;
        padding-top: 30px; }
      .fabrics-detail .hero .hero-left .fabric-title {
        margin-left: -7px;
        text-transform: uppercase;
        line-height: .8em;
        padding-top: 10px;
        font-size: 7em; }
        .fabrics-detail .hero .hero-left .fabric-title sup {
          font-size: .25em;
          position: relative;
          top: -.75em;
          line-height: 1em; }
      .fabrics-detail .hero .hero-left h3 {
        margin-left: -3px; }
    .fabrics-detail .hero .hero-right {
      width: 45%;
      float: right;
      height: 100%; }
      .fabrics-detail .hero .hero-right .slider,
      .fabrics-detail .hero .hero-right .slide {
        height: 100%; }
      .fabrics-detail .hero .hero-right img {
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        width: 80%;
        padding-top: 80px; }
    .fabrics-detail .hero .slick-dots {
      bottom: 85px; }
      .fabrics-detail .hero .slick-dots li button:before {
        color: #fff;
        font-size: 10px; }
      .fabrics-detail .hero .slick-dots li.slick-active button:before {
        color: #fff; }

@media screen and (max-width: 1275px) {
  .section-nav ul li {
    padding: 0 1em;
    font-size: .78em; } }

@media screen and (max-width: 1250px) {
  .fabrics-detail .hero {
    height: 650px; }
    .fabrics-detail .hero .hero-left .left-content .intro-text {
      font-size: 1em;
      line-height: 1.2em; }
    .fabrics-detail .hero .hero-left .left-content .body-text {
      font-size: .8em; }
    .fabrics-detail .hero .hero-left .left-content .closingText {
      font-size: .95em; }
    .fabrics-detail .hero .hero-left .left-content .fabric-title {
      font-size: 6.2em; }
    .fabrics-detail .hero .hero-left .left-content h3 {
      font-size: 2.2em; } }

@media screen and (max-width: 1000px) {
  .hero,
  .hero-slider,
  .fabrics-detail {
    margin-top: 90px; }
  .hero-slider {
    height: 600px; }
    .hero-slider .slide {
      height: 500px; }
    .hero-slider .slick-next {
      right: 20px; }
    .hero-slider .slick-next:before {
      background-size: 40%; }
    .hero-slider .slick-prev {
      left: 20px; }
    .hero-slider .slick-prev:before {
      background-size: 40%; }
  .section-nav,
  .details-nav {
    display: none; }
  .section-nav-mobile,
  .details-nav-mobile,
  .mobile-nav-container {
    display: block; }
  .mobile-nav-container .back-link {
    color: white;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
  .mobile-nav-container a {
    color: #fff; }
  .mobile-nav-container .details-nav-mobile {
    width: 80%;
    float: left; }
  .mobile-nav-container .back {
    float: left;
    width: 20%;
    font-size: 1.5em;
    font-weight: 700;
    vertical-align: bottom;
    height: 60px;
    position: relative; }
    .mobile-nav-container .back img {
      height: 15px;
      width: 25px;
      display: inline-block;
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      float: left;
      padding-left: 5px;
      left: 5px; }
    .mobile-nav-container .back p {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      text-transform: uppercase;
      display: inline-block;
      padding-left: 15px;
      width: 50%;
      float: left; }
  .fabrics-detail .hero {
    height: 550px;
    margin-top: 20px; }
    .fabrics-detail .hero .hero-left .left-content .intro-text {
      font-size: 1.25em; }
    .fabrics-detail .hero .hero-left .left-content .body-text {
      line-height: 1.6em;
      font-size: 1em; }
    .fabrics-detail .hero .hero-left .left-content .closing-text {
      font-size: 1.25em; }
    .fabrics-detail .hero .hero-left .left-content .fabric-title sup {
      top: -.5em; }
  .hero-container {
    padding-top: 40%;
    margin-top: 20px; }
    .hero-container p {
      font-size: 1.2em; }
  #featured-header {
    height: 400px;
    margin-top: -50px; } }

@media screen and (max-width: 767px) {
  .hero-slider {
    height: 395px; }
    .hero-slider .slick-next {
      right: 10px; }
    .hero-slider .slick-prev {
      left: 10px; }
    .hero-slider .slide {
      height: 295px; }
      .hero-slider .slide .slide-content {
        width: 85%; }
        .hero-slider .slide .slide-content h1 {
          font-size: 4.5em; }
        .hero-slider .slide .slide-content div {
          background-image: none;
          background-color: #fff;
          min-width: 100px;
          margin: 25px auto;
          font-size: 1.2em;
          height: 35px;
          visibility: visible !important;
          opacity: 1 !important; }
          .hero-slider .slide .slide-content div svg {
            height: 100% !important; }
    .hero-slider .slider-nav .slide-nav .nav-content {
      left: unset;
      padding: 0 30px; }
      .hero-slider .slider-nav .slide-nav .nav-content p {
        font-size: 1em;
        width: 75%;
        line-height: 1.25em; }
    .hero-slider .slick-dots {
      bottom: 35px; }
      .hero-slider .slick-dots li button:before {
        color: white;
        content: '-';
        font-size: 55px; }
    .hero-slider .slick-dotted.slick-slider {
      margin-bottom: 0; }
  .hero .hero-container {
    padding-top: 55%; }
    .hero .hero-container .hero-text p {
      width: 88%; }
  .mobile-nav-container .details-nav-mobile {
    width: 65%; }
  .mobile-nav-container .back {
    width: 35%; }
  .section-nav-mobile .select-selected:after,
  .details-nav-mobile .select-selected:after {
    right: 15px; }
  .fabrics-detail .hero {
    margin-bottom: 75%; }
    .fabrics-detail .hero .hero-right {
      width: 65%;
      float: none;
      height: unset;
      position: absolute;
      top: 100%;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      z-index: 200; }
      .fabrics-detail .hero .hero-right .slide {
        height: unset; }
        .fabrics-detail .hero .hero-right .slide img {
          width: 100%;
          padding-top: 25px; }
    .fabrics-detail .hero .hero-left {
      width: 90%; }
      .fabrics-detail .hero .hero-left .left-content img {
        width: 235px; }
    .fabrics-detail .hero .slick-dots {
      bottom: unset; }
  #featured-header .btn {
    margin-top: 10px; } }

@media screen and (max-width: 500px) {
  .fabrics-detail .hero .hero-left .left-content .fabric-title {
    font-size: 4.75em; } }

@media screen and (max-width: 450px) {
  .hero-slider {
    height: 320px; }
    .hero-slider .slick-next:before {
      background-size: 25%; }
    .hero-slider .slick-prev:before {
      background-size: 25%; }
    .hero-slider .slide {
      height: 245px; }
      .hero-slider .slide .slide-content h1 {
        font-size: 3em; }
    .hero-slider .slider-nav {
      height: 75px; }
      .hero-slider .slider-nav .slide-nav {
        height: 75px; }
        .hero-slider .slider-nav .slide-nav .nav-content {
          padding: 0 15px; }
          .hero-slider .slider-nav .slide-nav .nav-content p {
            font-size: 1em;
            width: 70%;
            line-height: 1.25em; }
  .hero-container {
    margin-top: 15px; }
    .hero-container .hero-text {
      margin: -10px auto; }
      .hero-container .hero-text p {
        font-size: 1em;
        line-height: 1.5em;
        padding-top: 10px; }
      .hero-container .hero-text h1 {
        font-size: 5.5em; }
      .hero-container .hero-text h5 {
        font-size: 1em;
        padding-bottom: 8px; }
  #featured-header {
    margin-top: -15px; }
    #featured-header h3 {
      font-size: 1.5em;
      line-height: 2em; }
    #featured-header h1 {
      font-size: 3.3em;
      line-height: .8em; }
    #featured-header .btn {
      margin-top: 20px; }
  .mobile-nav-container .details-nav-mobile {
    font-size: 1em; }
  .mobile-nav-container .back {
    font-size: 1em;
    height: 50px; }
  .fabrics-detail .hero {
    margin-top: 15px;
    height: 475px; }
    .fabrics-detail .hero .hero-left {
      width: 100%; }
      .fabrics-detail .hero .hero-left .left-content {
        padding: 20px;
        width: 100% !important; } }

/* bevel size, left offset and color settings next 3 lines */
.bevel, .content {
  border-width: 9px; }

.bevel, .content {
  border-color: #D7282F;
  border-style: solid; }

.content {
  background-color: #D7282F;
  text-transform: uppercase;
  font-weight: 700;
  padding: 0 30px;
  color: #fff; }

.bvc {
  width: auto;
  /* width of overall box, variable or fixed */
  display: inline-block;
  margin: 0 auto;
  position: relative;
  margin-bottom: 15px; }

.bvc .tr, .bvc .tl, .bvc .br, .bvc .bl {
  height: 0px;
  width: 100%; }

.bvc .tr, .bvc .tl {
  border-top: 0; }

.bvc .br, .bvc .bl {
  border-bottom: 0; }

.bvc .tr, .bvc .br {
  border-right-color: transparent !important; }

.bvc .tl, .bvc .bl {
  border-left-color: transparent !important; }

.no_bevel {
  height: 0px;
  width: 100%;
  border-bottom: 0; }

.btn {
  width: 290px;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 50px auto 0;
  height: 55px;
  position: relative; }
  .btn .bevel,
  .btn .content {
    -webkit-transition: all .5s;
    transition: all .5s; }
  .btn .btn-fill {
    fill: #D7282F; }
  .btn p {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    -webkit-transition: color .4s ease;
    transition: color .4s ease;
    position: relative;
    top: -32px; }

.content-blocks {
  width: 100%;
  position: relative;
  margin-top: 65px;
  z-index: 100; }

.block:nth-child(odd) {
  margin-right: 1.9%; }

.block:nth-child(even) {
  margin-left: 1.9%; }

.block__3col:nth-child(odd) {
  margin-right: 0; }

.block__3col:nth-child(even) {
  margin-left: 0; }

.divider {
  background-color: #D7282F;
  width: 25px;
  height: 3px;
  margin: 20px auto 25px; }

.desaturate:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: inherit;
  /*grayscale for background image*/
  -webkit-filter: grayscale(1) brightness(0.5);
  -webkit-filter: grayscale(100%) brightness(50%);
  -moz-filter: grayscale(100%) brightness(50%);
  filter: url("../img/gray.svg#grayscale");
  -webkit-filter: gray;
          filter: gray;
  filter: grayscale(100%) brightness(50%);
  -webkit-transition: -webkit-filter .4s ease;
  transition: -webkit-filter .4s ease;
  transition: filter .4s ease;
  transition: filter .4s ease, -webkit-filter .4s ease;
  display: block; }

.desaturate:hover:before {
  -webkit-filter: grayscale(0);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -ms-filter: grayscale(0);
  filter: none;
  filter: grayscale(0%); }

.block {
  width: 48%;
  border-bottom: 2px solid #D7282F;
  height: 560px;
  float: left;
  text-align: center;
  background-size: cover;
  margin-top: 1.85%;
  margin-bottom: 1.85%;
  position: relative;
  background-position: top center;
  overflow: hidden; }
  .block .block-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: center top; }
  .block a {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10; }
  .block .text-container {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 75%;
    margin: 0 auto;
    color: #fff; }
    .block .text-container h2 {
      text-transform: uppercase;
      font-weight: 900; }
    .block .text-container p {
      font-size: 1.222em;
      color: #C5C5C5;
      line-height: 1.6em; }
    .block .text-container sup {
      font-size: .75em; }
    .block .text-container .btn {
      width: 75%; }
      .block .text-container .btn svg {
        width: 100%; }
      .block .text-container .btn p {
        color: #fff;
        font-size: 1em; }
  .block__3col {
    width: 31%;
    margin-left: 0;
    margin-right: 0; }
    .block__3col .text-container {
      width: 80%; }
      .block__3col .text-container h3 {
        text-transform: uppercase;
        font-weight: 900;
        font-size: 2.5em; }
      .block__3col .text-container p {
        font-size: 1.1em; }

.block:hover .btn .bevel,
.block:hover .btn .content {
  border-color: #fff; }

.block:hover .btn .content {
  background-color: #fff;
  color: #000; }

.content-blocks__3col a:nth-child(3n+2) .block__3col {
  margin-left: 3.5%;
  margin-right: 3.5%; }

.news-preview {
  text-align: center;
  padding-top: 160px; }
  .news-preview h2 {
    font-weight: 900;
    text-transform: uppercase; }
  .news-preview .news-link {
    padding-top: 25px;
    font-weight: 700; }
  .news-preview a {
    color: #D7282F; }
  .news-preview .block {
    text-align: center;
    width: 32%;
    background-size: cover;
    margin: 75px 0 0;
    position: relative;
    background-repeat: no-repeat; }
    .news-preview .block .text-container {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
      .news-preview .block .text-container h5 {
        color: #8E8E8E;
        text-transform: uppercase; }
      .news-preview .block .text-container p {
        color: #fff;
        font-family: "korolev", sans-serif;
        font-size: 1.611em;
        font-weight: 600;
        line-height: 1.3em; }
      .news-preview .block .text-container a {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%; }
    .news-preview .block a:hover + .desaturate:before {
      -webkit-filter: grayscale(0);
      -webkit-filter: grayscale(0%);
      -moz-filter: grayscale(0%);
      -ms-filter: grayscale(0%);
      -ms-filter: grayscale(0);
      filter: none;
      filter: grayscale(0%); }
  .news-preview .block:nth-child(2n) {
    margin: 75px 2%; }

.home-video {
  width: 100%;
  padding-bottom: 65%;
  height: 0;
  margin-top: 110px;
  position: relative; }
  .home-video iframe {
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    left: 0;
    top: 0; }

.learn-more {
  width: 100%;
  height: 750px;
  margin-top: 75px;
  text-align: center; }
  .learn-more .learn-more-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: center top; }
  .learn-more .content-wrapper {
    width: 80%;
    margin: 0 auto;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
    .learn-more .content-wrapper h1 {
      text-transform: uppercase;
      font-size: 5em;
      font-weight: 900;
      margin-bottom: 15px; }
    .learn-more .content-wrapper h3 {
      text-transform: uppercase;
      font-size: 1.944em; }
    .learn-more .content-wrapper p {
      margin: 0 auto;
      width: 60%;
      line-height: 1.4em; }
    .learn-more .content-wrapper .btn:hover .bevel,
    .learn-more .content-wrapper .btn:hover .content {
      border-color: #fff; }
    .learn-more .content-wrapper .btn:hover .content {
      background-color: #fff;
      color: #000; }

.learn-more-sm {
  height: 500px !important; }
  .learn-more-sm .content-wrapper h1 {
    font-size: 4.333em; }
  .learn-more-sm .content-wrapper h3 {
    font-size: 1.5em; }
  .learn-more-sm .content-wrapper p {
    font-size: 1.2em; }
  .learn-more-sm .btn p {
    width: 75%; }

.details-section {
  text-align: center;
  text-transform: uppercase;
  padding-top: 150px; }

.features .benefits-container {
  padding-top: 75px; }
  .features .benefits-container .benefit {
    display: inline-block;
    width: 25%;
    border-bottom: 1px solid #4D4D4D;
    text-align: left;
    padding: 15px 0;
    height: 75px;
    margin: 0 1%; }
    .features .benefits-container .benefit img {
      display: inline-block;
      vertical-align: middle;
      max-width: 50px;
      width: 20%;
      float: left; }
    .features .benefits-container .benefit p {
      display: inline-block;
      float: right;
      width: 80%;
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      padding-left: 10px; }
    .features .benefits-container .benefit .feature-dash {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      padding-left: 5px; }
      .features .benefits-container .benefit .feature-dash span {
        margin-right: -7px; }
      .features .benefits-container .benefit .feature-dash .dash-adjust {
        margin-right: 0; }

.about-tech .tech-summary,
.about-tech .tech-description {
  font-family: "korolev", sans-serif;
  text-transform: none;
  float: left;
  width: 50%;
  padding: 50px 50px 0;
  text-align: left; }

.about-tech .tech-summary {
  font-weight: 700;
  font-size: 1.5em;
  line-height: 1.6em; }

.about-tech .tech-description {
  color: #A7A7A7;
  line-height: 2em; }

.about-tech img {
  width: 100%; }

.collab-container {
  width: 100%;
  height: 775px;
  border-bottom: 4px solid #D7282F;
  padding-top: 50px; }
  .collab-container .collab-slider {
    width: 100%;
    background-color: #4D4D4D;
    height: 100%;
    overflow: hidden; }
    .collab-container .collab-slider .collab-slide {
      background-size: cover;
      background-repeat: no-repeat;
      height: 100%;
      width: 70%;
      float: left; }
      .collab-container .collab-slider .collab-slide .slick-list {
        height: 100%; }
      .collab-container .collab-slider .collab-slide .slide-video {
        height: 100%; }
        .collab-container .collab-slider .collab-slide .slide-video iframe {
          max-width: 100% !important;
          height: 725px !important; }
      .collab-container .collab-slider .collab-slide .slide-img {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        height: 775px; }
  .collab-container .collab-text {
    width: 30%;
    background-color: #2f2f2f;
    float: left;
    height: 100%;
    padding: 50px;
    text-align: left; }
    .collab-container .collab-text .collab-text-wrapper {
      height: 585px; }
      .collab-container .collab-text .collab-text-wrapper h4 {
        text-transform: uppercase;
        line-height: 1em; }
      .collab-container .collab-text .collab-text-wrapper p {
        font-size: 0.889em;
        color: #A7A7A7;
        text-transform: none;
        line-height: 1.7em;
        padding-top: 25px; }
      .collab-container .collab-text .collab-text-wrapper .btn {
        margin: 20px -15px 20px 0;
        width: 55%;
        min-height: 35px;
        color: #fff; }
        .collab-container .collab-text .collab-text-wrapper .btn a {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          z-index: 10; }
        .collab-container .collab-text .collab-text-wrapper .btn svg {
          width: 100%; }
        .collab-container .collab-text .collab-text-wrapper .btn p {
          text-align: center;
          color: #fff !important;
          padding-top: 0;
          font-size: 1em;
          text-transform: uppercase; }
    .collab-container .collab-text .slick-dots {
      right: 25%; }
    .collab-container .collab-text .slick-arrow {
      top: 92%; }
    .collab-container .collab-text .slick-prev {
      left: 50px;
      z-index: 10; }
    .collab-container .collab-text .slick-prev:before {
      content: '';
      background-image: url("../img/back-arrow.svg");
      background-size: 40%;
      background-repeat: no-repeat;
      z-index: 10;
      padding: 0 16px; }
    .collab-container .collab-text .slick-next:before {
      content: '';
      background-image: url("../img/forward-arrow.svg");
      background-size: 40%;
      background-position: center right;
      background-repeat: no-repeat;
      z-index: 10;
      padding: 0 16px; }
    .collab-container .collab-text .slick-next {
      left: 100px;
      z-index: 10; }

.collabs-left .collab-slide,
.collabs-left .collab-text {
  float: right !important; }

.featured-products .products-slider {
  width: 95%;
  text-align: center;
  margin: 50px auto 0; }
  .featured-products .products-slider .product {
    width: 24%;
    position: relative;
    float: left;
    overflow: hidden;
    border-radius: 5px;
    height: 825px;
    padding: 0 20px; }
    .featured-products .products-slider .product img {
      width: 100%; }
    .featured-products .products-slider .product .product-image {
      height: 475px;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat; }
    .featured-products .products-slider .product .product-description {
      background-image: url("../../assets/img/grey-box.svg");
      background-position: top left;
      background-repeat: no-repeat;
      background-size: cover;
      border-bottom: 2px solid #D7282F;
      float: left;
      height: 350px;
      width: 100%;
      font-family: "korolev", sans-serif;
      text-transform: none;
      position: relative;
      bottom: 0; }
      .featured-products .products-slider .product .product-description .description-container {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        padding: 30px; }
        .featured-products .products-slider .product .product-description .description-container .product-text-bg {
          position: absolute;
          top: -40px;
          left: 0; }
        .featured-products .products-slider .product .product-description .description-container .product-title {
          font-size: 1.611em;
          color: #fff; }
        .featured-products .products-slider .product .product-description .description-container .product-text {
          padding-top: 20px;
          color: #8E8E8E;
          line-height: 1.5em; }
        .featured-products .products-slider .product .product-description .description-container .btn {
          margin-top: 30px;
          width: 75%; }
          .featured-products .products-slider .product .product-description .description-container .btn a {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 10; }
          .featured-products .products-slider .product .product-description .description-container .btn svg {
            width: 100% !important; }
    .featured-products .products-slider .product .product-image {
      float: left;
      width: 100%;
      position: relative;
      top: 30px;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px; }
      .featured-products .products-slider .product .product-image img {
        width: 100%; }

.featured-products .slick-dots {
  bottom: -60px; }
  .featured-products .slick-dots li button:before {
    color: #fff;
    font-size: 10px; }
  .featured-products .slick-dots li.slick-active button:before {
    color: #fff; }

.featured-products .slick-arrow {
  width: 40px; }

.featured-products .slick-prev {
  left: -35px; }

.featured-products .slick-next {
  right: -35px; }

.featured-products .slick-prev:before {
  content: '';
  background-image: url("../img/back-arrow.svg");
  background-size: 50%;
  background-repeat: no-repeat;
  z-index: 10;
  padding: 0 16px;
  font-size: 35px; }

.featured-products .slick-next:before {
  content: '';
  background-image: url("../img/forward-arrow.svg");
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center right;
  z-index: 10;
  padding: 0 16px;
  font-size: 35px; }

.promo-image {
  background-size: cover;
  background-position: center;
  max-width: 728px;
  width: 100%;
  margin: 160px auto;
  height: 210px; }
  .promo-image .promo-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: center top; }
  .promo-image img {
    width: 100%;
    height: 100%; }
  .promo-image a {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10; }
  .promo-image .promo-container {
    color: #000;
    text-align: center;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    padding: 0 15px; }
    .promo-image .promo-container h3 {
      font-weight: 900;
      text-transform: uppercase; }
    .promo-image .promo-container .btn {
      width: 100%;
      margin: 15px auto 0;
      text-transform: uppercase; }
      .promo-image .promo-container .btn svg {
        width: 100%; }

.text-only {
  text-align: center;
  margin: 125px 0 0; }
  .text-only .background-text {
    font-size: 11.944em;
    color: white;
    opacity: .1;
    position: absolute;
    top: 50%;
    font-weight: 900;
    text-transform: uppercase;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%; }
  .text-only .text-container {
    width: 50%;
    margin: 0 auto; }
    .text-only .text-container h3 {
      text-transform: uppercase; }
    .text-only .text-container p {
      color: #A7A7A7;
      line-height: 2em; }
      .text-only .text-container p a {
        color: #fff;
        font-size: 2em;
        text-transform: uppercase;
        text-decoration: underline; }
    .text-only .text-container .divider {
      margin: 25px auto; }

.logo-container {
  margin: 50px 0; }
  .logo-container .logo-cloud {
    display: inline-block;
    width: 12.25%;
    margin: 50px 2%;
    border: 1px solid #fff; }

@media screen and (max-width: 1575px) {
  .collab-container .collab-slider .collab-slide {
    width: 68%; }
  .collab-container .collab-slider .collab-text {
    width: 32%; }
    .collab-container .collab-slider .collab-text .collab-text-wrapper p {
      font-size: .75em; } }

@media screen and (max-width: 1550px) {
  .featured-products .products-slider .product .product-description .description-container {
    padding: 20px; }
    .featured-products .products-slider .product .product-description .description-container .product-title {
      line-height: 1.05em;
      font-size: 1.4em; }
    .featured-products .products-slider .product .product-description .description-container .product-text {
      font-size: .85em;
      line-height: 1.35em; }
    .featured-products .products-slider .product .product-description .description-container .btn {
      margin-top: 15px; } }

@media screen and (max-width: 1300px) {
  .text-only .background-text {
    font-size: 9em; }
  .text-only .text-container {
    width: 60%; } }

@media screen and (max-width: 1250px) {
  .collab-container .collab-slider .collab-slide {
    width: 65%; }
  .collab-container .collab-slider .collab-text {
    width: 35%; }
    .collab-container .collab-slider .collab-text .collab-text-wrapper h4 {
      font-size: 1.5em; }
    .collab-container .collab-slider .collab-text .collab-text-wrapper p {
      line-height: 1.7em; }
    .collab-container .collab-slider .collab-text .collab-text-wrapper .btn p {
      font-size: .8em; } }

@media screen and (max-width: 1000px) {
  .spacer {
    margin-top: 150px; }
  .content-blocks {
    margin-top: 25px; }
  .block {
    height: 450px; }
    .block .text-container .divider {
      margin: 10px auto 15px; }
    .block .text-container .btn {
      margin: 25px auto 0; }
      .block .text-container .btn p {
        font-size: 1.2em; }
    .block__3col {
      height: 350px; }
  .news-preview {
    padding-top: 100px; }
    .news-preview .block {
      height: 275px;
      margin-top: 25px !important;
      margin-bottom: 25px !important; }
      .news-preview .block .text-container .divider {
        margin: 15px auto; }
  .home-video {
    margin-top: 50px; }
  .learn-more {
    height: 500px; }
    .learn-more .content-wrapper p {
      font-size: 1.2em;
      width: 80%; }
  .details-section {
    padding-top: 100px; }
  .features .benefits-container {
    padding-top: 25px; }
    .features .benefits-container .benefit {
      height: 65px; }
      .features .benefits-container .benefit img {
        max-width: 40px; }
  .collab-container {
    width: 100%;
    height: auto;
    border-bottom: 4px solid #D7282F;
    padding-top: 50px; }
    .collab-container .collab-slider {
      width: 100%;
      background-color: #4D4D4D;
      height: 100%;
      overflow: hidden;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .collab-container .collab-slider .collab-slide {
        background-size: cover;
        background-repeat: no-repeat;
        height: auto;
        width: 100%;
        float: none;
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2; }
        .collab-container .collab-slider .collab-slide .slick-list {
          height: 100%; }
        .collab-container .collab-slider .collab-slide img {
          width: 100%;
          height: auto; }
        .collab-container .collab-slider .collab-slide .slide-video {
          height: 0;
          padding-top: 61%; }
          .collab-container .collab-slider .collab-slide .slide-video iframe {
            max-width: 100% !important;
            height: 100% !important;
            position: absolute;
            top: 0;
            left: 0; }
        .collab-container .collab-slider .collab-slide .slide-img {
          height: 0;
          padding-top: 61%; }
      .collab-container .collab-slider .collab-text {
        width: 100%;
        background-color: #2f2f2f;
        float: none;
        padding: 25px;
        text-align: left;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1; }
        .collab-container .collab-slider .collab-text .collab-text-wrapper {
          height: auto; }
          .collab-container .collab-slider .collab-text .collab-text-wrapper h4 {
            text-transform: uppercase;
            line-height: 1.25em;
            width: 77%; }
          .collab-container .collab-slider .collab-text .collab-text-wrapper p {
            font-size: 1em;
            color: #A7A7A7;
            text-transform: none;
            line-height: 2em;
            padding-top: 10px;
            width: 80%; }
          .collab-container .collab-slider .collab-text .collab-text-wrapper .btn {
            width: 200px;
            margin: 10px 0; }
            .collab-container .collab-slider .collab-text .collab-text-wrapper .btn p {
              font-size: 1.3em;
              width: 100%;
              padding-top: 0;
              text-transform: uppercase; }
        .collab-container .collab-slider .collab-text .slick-dots {
          right: 25%; }
        .collab-container .collab-slider .collab-text .slick-arrow {
          top: 30px; }
        .collab-container .collab-slider .collab-text .slick-prev {
          right: 70px;
          left: unset; }
        .collab-container .collab-slider .collab-text .slick-next {
          right: 25px;
          left: unset; }
  .text-only {
    margin: 75px 0 0; }
  .logo-container .logo-cloud {
    width: 20.75%;
    margin: 25px 1.75%; }
  .featured-products .products-slider .product {
    height: 775px; }
    .featured-products .products-slider .product .product-description {
      height: 300px; }
      .featured-products .products-slider .product .product-description .description-container .product-title {
        font-size: 1.6em;
        font-weight: 700; }
      .featured-products .products-slider .product .product-description .description-container .product-text {
        font-size: 1.2em;
        padding-top: 15px; }
      .featured-products .products-slider .product .product-description .description-container .btn {
        margin: 20px auto 0;
        font-size: 1.2em; }
  .promo-container h3 {
    font-weight: 900;
    text-transform: uppercase;
    font-size: 3em; }
  .promo-container .btn {
    width: 100%;
    margin: 15px auto 0;
    text-transform: uppercase;
    font-size: 1.3em; }
    .promo-container .btn svg {
      width: 100%; } }

@media screen and (max-width: 767px) {
  .block {
    width: 100%;
    margin: 25px auto !important; }
    .block .text-container {
      width: 95%; }
      .block .text-container p {
        line-height: 1.3em;
        width: 75%;
        margin: 0 auto; }
  .btn {
    width: 75%; }
    .btn svg {
      width: 100% !important; }
  .news-preview .block {
    width: 100%;
    margin: 25px auto !important;
    height: 450px; }
  .features .benefits-container .benefit {
    height: 55px;
    width: 40%;
    margin: 5px 15px;
    padding: 10px;
    text-align: left; }
    .features .benefits-container .benefit img {
      float: none; }
  .about-tech .tech-summary {
    float: none;
    width: 100%;
    padding: 25px 25px 0; }
  .about-tech .tech-description {
    float: none;
    width: 100%;
    padding: 25px 25px 10px; }
  .text-only .background-text {
    font-size: 5.75em; }
  .text-only .text-container {
    width: 75%; }
  .learn-more-sm .btn {
    margin: 25px auto 0; }
  .logo-container .logo-cloud {
    width: 28%;
    margin: 25px 2%; }
  .featured-products .products-slider {
    width: 80%; }
    .featured-products .products-slider .slick-dots {
      bottom: -40px; }
    .featured-products .products-slider .product .product-description .description-container .product-title {
      font-size: 1.75em; }
    .featured-products .products-slider .product .product-description .description-container .product-text {
      font-size: 1.2em; }
    .featured-products .products-slider .product .product-description .description-container .btn {
      font-size: 1.2em;
      margin: 15px auto; } }

@media screen and (max-width: 550px) {
  .featured-products .products-slider {
    width: 90%; }
    .featured-products .products-slider .product {
      height: 610px; }
      .featured-products .products-slider .product .product-image {
        height: 310px; }
      .featured-products .products-slider .product .product-description .description-container .btn {
        margin: 10px auto; } }

@media screen and (max-width: 450px) {
  .content-blocks {
    margin-top: 20px; }
  .block {
    height: 325px; }
  .news-preview {
    padding-top: 50px; }
    .news-preview .block {
      height: 325px; }
  .about-tech .tech-summary,
  .about-tech .tech-description {
    text-align: center;
    padding-left: 15px;
    padding-right: 15px; }
  .text-only .background-text {
    font-size: 4.75em; }
  .text-only .text-container {
    width: 100%; }
  .learn-more-sm {
    height: 400px !important; }
    .learn-more-sm .content-wrapper h1 {
      font-size: 3.25em; }
    .learn-more-sm .btn {
      margin: 25px auto 0; }
  .collab-container .collab-slider .collab-text .collab-text-wrapper h4 {
    text-align: left;
    width: 100%; }
  .collab-container .collab-slider .collab-text .collab-text-wrapper p {
    width: 100%;
    line-height: 1.6em;
    margin-bottom: 20px; }
  .collab-container .collab-slider .collab-text .collab-text-wrapper .btn {
    margin: 0 auto 20px; }
  .collab-container .collab-slider .collab-text .slick-arrow {
    top: unset;
    bottom: 20px;
    padding-top: 10px; }
  .collab-container .collab-slider .collab-text .slick-prev {
    left: 40%;
    -webkit-transform: translateX(-40%);
            transform: translateX(-40%); }
  .collab-container .collab-slider .collab-text .slick-next {
    left: 60%;
    -webkit-transform: translateX(-60%);
            transform: translateX(-60%); }
  .featured-products .products-slider .product .product-description .description-container {
    padding: 20px 20px 10px; }
    .featured-products .products-slider .product .product-description .description-container .product-title {
      font-size: 1.5em;
      line-height: 1.1em; }
    .featured-products .products-slider .product .product-description .description-container .product-text {
      font-size: 1em; }
    .featured-products .products-slider .product .product-description .description-container .btn {
      font-size: 1em;
      margin: 0px auto; }
  .featured-products .products-slider .slick-prev {
    left: -20px; }
  .featured-products .products-slider .slick-next {
    right: -20px; }
  .features .benefits-container .benefit .feature-dash {
    padding-left: 0; } }

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

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

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

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

.content-container {
  background-color: #fff;
  width: 90%;
  margin: -50px auto 0;
  padding: 50px 0;
  color: #000;
  position: relative; }
  .content-container .social {
    width: 50px;
    position: absolute;
    top: 0;
    right: -50px;
    height: 150px;
    background-color: #D7282F;
    text-align: center;
    padding: 15px; }
    .content-container .social .links {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
      .content-container .social .links img {
        height: 20px;
        width: 20px;
        margin: 0 auto; }
      .content-container .social .links a:nth-child(2n) img {
        margin: 25px 0; }
  .content-container .header-text {
    font-size: 2.944em;
    margin: 37.5px 0;
    text-transform: uppercase;
    padding: 0 90px;
    font-weight: 900; }
  .content-container .subheader-text {
    font-family: "korolev", sans-serif;
    font-size: 1.5em;
    color: #D7282F;
    margin: 37.5px 0;
    padding: 0 90px;
    font-weight: 700; }
  .content-container .h2-text {
    font-size: 2.3em;
    font-weight: 900;
    padding: 0 90px;
    margin: 37.5px 0;
    text-transform: uppercase; }
  .content-container .h3-text {
    font-size: 1.7em;
    font-weight: 900;
    padding: 0 90px;
    margin: 37.5px 0;
    text-transform: uppercase; }
  .content-container .paragraph-text {
    font-family: "korolev", sans-serif;
    margin: 37.5px 0;
    padding: 0 90px;
    line-height: 2em;
    font-size: 1.056em; }
    .content-container .paragraph-text a {
      color: #2697E0; }
    .content-container .paragraph-text ul li::before {
      content: "\2022";
      color: #D7282F;
      font-weight: bold;
      display: inline-block;
      width: 1em;
      margin-left: -1em; }
    .content-container .paragraph-text ul li {
      left: 1em; }
    .content-container .paragraph-text p {
      margin-bottom: 1em; }
  .content-container .cta-text {
    font-family: "industry", sans-serif;
    font-weight: 350;
    color: #8E8E8E;
    border-left: 5px solid #D7282F;
    margin: 37.5px 0;
    text-transform: uppercase;
    padding: 0 60px;
    font-size: 1.722em;
    line-height: 1.722em; }
  .content-container .image-text-wrapper {
    margin: 37.5px 0; }
    .content-container .image-text-wrapper .text {
      float: left;
      width: 100%;
      line-height: 2em;
      padding-left: 90px;
      font-size: 1.056em;
      font-family: "korolev", sans-serif; }
      .content-container .image-text-wrapper .text p {
        padding-right: 20px; }
      .content-container .image-text-wrapper .text img {
        float: left;
        width: 50%;
        margin-right: 50px;
        margin-bottom: 10px;
        padding-top: 10px;
        margin-left: -20px; }
      .content-container .image-text-wrapper .text--right {
        float: right; }
        .content-container .image-text-wrapper .text--right img {
          float: right;
          width: 50%;
          margin-left: 50px;
          margin-bottom: 10px;
          padding-top: 10px;
          margin-right: -20px; }
    .content-container .image-text-wrapper .image {
      float: left;
      width: 50%; }
      .content-container .image-text-wrapper .image--right {
        float: right; }
      .content-container .image-text-wrapper .image img {
        width: 100%; }
  .content-container .content-slider {
    width: 100%;
    height: auto;
    margin: 37.5px 0;
    overflow: hidden;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .content-container .content-slider .slide {
      background-size: cover; }
      .content-container .content-slider .slide img {
        width: 100%; }
    .content-container .content-slider .slick-next {
      right: 20px;
      z-index: 10;
      width: 50px;
      height: 50px; }
    .content-container .content-slider .slick-prev {
      left: 20px;
      z-index: 10;
      width: 50px;
      height: 50px; }
    .content-container .content-slider .slick-prev:before {
      content: '';
      background-image: url("../img/back-arrow.svg");
      background-size: 50%;
      background-repeat: no-repeat;
      background-position: center left;
      z-index: 10;
      padding: 10px 16px; }
    .content-container .content-slider .slick-next:before {
      content: '';
      background-image: url("../img/forward-arrow.svg");
      background-size: 50%;
      background-repeat: no-repeat;
      background-position: center right;
      z-index: 10;
      padding: 10px 16px; }
    .content-container .content-slider .slick-dots {
      bottom: 30px; }
      .content-container .content-slider .slick-dots li button:before {
        color: #fff;
        font-size: 10px;
        opacity: .4; }
      .content-container .content-slider .slick-dots li.slick-active button:before {
        color: #fff;
        opacity: 1; }
  .content-container .collab-container {
    color: #fff;
    padding: 50px 0;
    border-bottom: none; }
    .content-container .collab-container .collab-slider {
      border-bottom: 4px solid #D7282F; }
      .content-container .collab-container .collab-slider .collab-slide-leftText {
        float: right; }
  .content-container .content-button {
    background-color: #D7282F;
    display: inline-block;
    margin: 0 90px 0; }
    .content-container .content-button p {
      padding: 20px;
      font-weight: 800;
      text-transform: uppercase;
      color: #fff; }
  .content-container .home-video {
    width: calc(100% - 120px);
    margin: 75px auto; }
  .content-container .img-block {
    padding-left: 60px;
    padding-right: 60px;
    margin: 75px 0; }
    .content-container .img-block img {
      width: 100%; }
  .content-container .featured-products {
    margin: 37.5px 0 100px; }
    .content-container .featured-products .products-slider {
      width: 93%; }
    .content-container .featured-products .slick-dots {
      bottom: -50px; }
      .content-container .featured-products .slick-dots li.slick-active button:before {
        color: #000; }
      .content-container .featured-products .slick-dots li button:before {
        color: #000; }
    .content-container .featured-products .product-image {
      border: 2px solid #ddd; }
    .content-container .featured-products .slick-prev {
      left: -20px;
      z-index: 2000; }
    .content-container .featured-products .slick-next {
      right: -20px;
      z-index: 2000; }
    .content-container .featured-products .slick-prev:before {
      content: '';
      background-image: url("../img/back-arrow-dark.svg");
      background-size: 40%; }
    .content-container .featured-products .slick-next:before {
      content: '';
      background-image: url("../img/forward-arrow-dark.svg");
      background-size: 40%; }

.color-red {
  color: #D7282F; }

.color-black {
  color: #1B1B1B; }

.color-gray {
  color: #8f8f8f; }

.color-button {
  color: #fff;
  font-weight: 800;
  text-transform: uppercase; }

.color-link {
  color: #2697E0;
  text-decoration: underline; }

.red-button {
  background-color: #D7282F;
  display: inline-block;
  margin: 20px 0 0;
  color: #fff;
  padding: 10px 0; }
  .red-button a {
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    padding: 18px 30px; }

@media screen and (max-width: 1000px) {
  .content-container {
    padding: 5px 0; }
    .content-container .header-text,
    .content-container .subheader-text,
    .content-container .paragraph-text,
    .content-container .h2-text,
    .content-container .h3-text {
      padding: 0 50px; }
    .content-container .cta-text {
      padding: 0 20px; }
    .content-container .image-text-wrapper .text {
      padding-left: 50px; }
    .content-container .content-button {
      margin: 0 50px 40px; } }

@media screen and (max-width: 767px) {
  .content-container {
    margin-top: -15px; }
    .content-container .header-text {
      font-size: 2em; }
    .content-container .image-text-wrapper .text {
      padding-right: 50px; }
      .content-container .image-text-wrapper .text p {
        padding-right: 0; }
        .content-container .image-text-wrapper .text p img {
          width: 100%; }
    .content-container .social {
      width: 32px;
      right: -32px;
      padding: 5px;
      height: 125px; }
      .content-container .social .links img {
        height: 16px;
        width: 16px; }
      .content-container .social .links a:nth-child(2n) img {
        margin: 16px 0; }
    .content-container .image-text-wrapper .text img {
      float: none;
      width: 80%;
      margin: 0 auto;
      display: block;
      padding-bottom: 20px; }
    .content-container .featured-products .slick-next {
      right: -12px; }
    .content-container .featured-products .slick-prev {
      left: -12px; } }

@media screen and (max-width: 450px) {
  .content-container .content-slider .slick-next {
    right: 10px; }
  .content-container .content-slider .slick-prev {
    left: 10px; }
  .content-container .content-slider .slick-prev:before {
    background-size: 40%; }
  .content-container .content-slider .slick-next:before {
    background-size: 40%; } }

.tag-container {
  text-align: center;
  width: 100%;
  margin: 40px 0 30px; }

.tag-filter li {
  display: inline-block;
  padding: 20px;
  margin: 0 auto;
  text-transform: uppercase;
  color: #8E8E8E;
  font-weight: 700; }
  .tag-filter li a {
    color: #8E8E8E; }
  .tag-filter li a:hover {
    color: #fff; }

.news-page {
  background-image: none;
  padding-top: 0px; }
  .news-page .container .block {
    float: left;
    width: 31%;
    margin-top: 30px; }
    .news-page .container .block a {
      position: absolute;
      display: block;
      height: 100%;
      width: 100%; }
  .news-page .container .block:nth-child(2n) {
    margin: 30px 0 0; }
  .news-page .container .block:nth-child(3n+2) {
    margin: 30px 2% 0; }

.page-number {
  width: 90%;
  margin: 75px auto;
  text-align: center; }
  .page-number a {
    color: #fff;
    margin: 0 15px; }
  .page-number .current {
    border: 2px solid #D7282F;
    border-radius: 15px;
    padding: 2px 10px 5px; }

@media screen and (max-width: 767px) {
  .news-page .block {
    width: 100% !important; } }

.form-container {
  width: 75%;
  margin: 0 auto;
  padding: 50px 0; }
  .form-container select,
  .form-container input,
  .form-container textarea {
    width: 100%;
    padding: 10px 20px;
    margin: 10px 0;
    border: 1px solid #8f8f8f; }
  .form-container .form-field {
    width: 70%;
    margin: 0 auto; }
    .form-container .form-field label {
      display: none; }
  .form-container .field-other {
    width: 70%;
    margin: 10px auto 0; }
    .form-container .field-other label {
      display: block; }
    .form-container .field-other input[type="checkbox"] {
      display: inline-block;
      width: 15px;
      margin-right: 5px; }
  .form-container .field-textarea {
    padding-top: 25px; }
    .form-container .field-textarea label {
      display: block; }
  .form-container .errors li {
    color: #D7282F;
    font-size: .75em; }
  .form-container .form-field {
    position: relative; }
  .form-container input[type="submit"] {
    background-color: #D7282F;
    color: #fff;
    font-weight: 900;
    border: none;
    padding: 20px 10px;
    margin-top: 20px;
    text-transform: uppercase;
    -webkit-appearance: none;
    border-radius: 0; }
  .form-container .required-indicator {
    position: absolute;
    right: 8px;
    top: 17px;
    z-index: 10;
    color: #D7282F; }
  .form-container select {
    border-radius: 0;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    background-image: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'><path fill='#fff' d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'></path></svg>");
    background-position: 98% 50%;
    background-repeat: no-repeat;
    background-color: #444;
    color: #fff;
    padding: 15px; }
  .form-container input {
    background-color: #f7f7f7; }
  .form-container .textarea-label {
    position: relative;
    top: 45px;
    color: #757575;
    resize: vertical; }
  .form-container textarea {
    position: relative;
    background-color: #f7f7f7;
    margin-top: 17px; }
  .form-container .form-error select {
    border: 4px solid #D7282F; }
  .form-container .hidden-field {
    display: none; }
  .form-container .field-recaptcha .errors li {
    text-align: center;
    margin-top: 10px; }
  .form-container .g-recaptcha div:first-of-type {
    margin: 0 auto; }
  .form-container input[type='number'] {
    -moz-appearance: textfield; }
  .form-container input::-webkit-outer-spin-button,
  .form-container input::-webkit-inner-spin-button {
    -webkit-appearance: none; }

@media screen and (max-width: 1000px) {
  .form-container {
    font-size: 1.2em; }
    .form-container .form-field {
      width: 100%; } }

@media screen and (max-width: 500px) {
  .g-recaptcha {
    transform: scale(0.77);
    -webkit-transform: scale(0.77);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    margin: 0 auto; } }

#searchbox {
  font-weight: 900;
  font-size: 4.4em;
  padding: 50px 0;
  color: #fff; }

#searchbox::-webkit-input-placeholder {
  color: #333; }

#searchbox:-ms-input-placeholder {
  color: #333; }

#searchbox::-ms-input-placeholder {
  color: #333; }

#searchbox::placeholder {
  color: #333; }

.search-results {
  margin-top: 5px;
  width: 100%; }
  .search-results .result-container {
    width: 87%;
    margin: 0 auto;
    padding: 50px 0; }
  .search-results h3 {
    text-transform: uppercase;
    font-weight: 900;
    margin-bottom: 40px; }
  .search-results li {
    border-bottom: 1px solid #D8D8D8;
    padding: 15px 0;
    font-size: 1.2em;
    font-weight: 600;
    position: relative; }
    .search-results li .result-page {
      color: #368DB4;
      width: 92%;
      display: block; }
    .search-results li p {
      padding-top: 5px;
      font-size: .5em;
      color: #777;
      width: 92%;
      font-weight: 500; }
    .search-results li .go-arrow {
      position: absolute;
      right: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }

@media screen and (max-width: 1000px) {
  .search-results {
    margin-top: 90px;
    font-size: 1.4em; }
    .search-results h3 {
      font-size: 2em; }
  #search {
    top: 0; }
  #searchbox {
    font-size: 3em;
    padding: 30px 0; } }

@media screen and (max-width: 500px) {
  #searchbox {
    font-size: 2.25em;
    padding: 30px 0; } }