@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700|Roboto+Slab:300,700");
html,
body {
  height: 100%;
  width: 100%;
  font-size: 14px; }

.page-wrap {
  padding: 0;
  min-height: 50%; }

.content-wrap {
  position: relative; }

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

div,
p,
li,
td,
label,
input {
  font-family: "Open Sans", "Myriad Pro", Myriad, Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Calibri", sans-serif;
  font-weight: 300;
  font-size: 1em; }

.heading, .request-call-back-form h2 {
  font-family: 'Roboto Slab', serif;
  line-height: 1.3;
  margin-top: 10px; }
  .heading.large, .request-call-back-form h2.large {
    font-size: 4em; }

.subheading {
  font-family: 'Roboto Slab', serif;
  line-height: 1.3;
  margin-top: 10px; }

.sidebar .heading, .sidebar .request-call-back-form h2, .request-call-back-form .sidebar h2 {
  margin-top: 0;
  font-size: 1.3em;
  text-transform: uppercase;
  font-weight: 700; }

.lead-in {
  font-size: 1.8em;
  line-height: 1.2; }

.date {
  font-size: 0.83em;
  text-transform: uppercase;
  font-weight: 700; }

a {
  transition: color 300ms linear; }

a,
a:focus,
a:active {
  color: #f37a28; }

a:hover {
  text-decoration: none;
  color: #028ea3;
  transition: color 300ms linear; }

b,
strong,
.bold {
  font-weight: 700; }

.light {
  font-weight: 300; }

.orange {
  color: #f37a28; }

.charcoal {
  color: #191919; }

.blue {
  color: #028ea3; }

.green {
  color: #4cb598; }

.white {
  color: #fff; }

/* SIDEBAR */
.sidebar ul {
  list-style-type: none;
  padding: 0; }

.sidebar li {
  margin-bottom: 5px; }
  .sidebar li .subheading {
    font-size: 0.93em;
    margin-bottom: 0.5em; }

/* SEARCH */
.search-results {
  list-style-type: none;
  padding: 0; }
  .search-results li {
    padding: 15px; }
    .search-results li:nth-of-type(2n) {
      background-color: #dbdbdb; }

/* RELATED ITEMS */
.related ul {
  padding: 0;
  list-style-type: none; }

/* PAGINATION */
.pagination ul {
  width: 100%;
  text-align: right; }
  .pagination ul > li {
    display: inline-block;
    color: #ffffff; }
    .pagination ul > li > a {
      color: #ffffff;
      padding: 0.3em 0.6em;
      background-color: #f37a28; }
      .pagination ul > li > a:hover {
        background-color: #666666; }
    .pagination ul > li > span {
      background: black;
      padding: 0.3em 0.6em;
      background-color: #666666; }

/* VENDORS */
.vendors ul {
  padding: 15px;
  background-color: #ededed;
  list-style-type: none;
  columns: 2; }
  @media screen and (min-width: 768px) {
    .vendors ul {
      columns: 3; } }
  @media screen and (min-width: 992px) {
    .vendors ul {
      columns: 5; } }
  .vendors ul .subheading {
    margin-top: 0;
    margin-bottom: 10px; }

.itemRatingList, .itemTagList, .itemToolbarList {
  display: inline-flex;
  align-items: baseline;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none; }
  .itemRatingList li, .itemTagList li, .itemToolbarList li {
    padding-right: 0.4em; }

.itemTitle.heading, .request-call-back-form h2.itemTitle {
  font-weight: 700; }

.hero-image {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  width: 100%;
  height: 50vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%; }
  .hero-image .heading, .hero-image .request-call-back-form h2, .request-call-back-form .hero-image h2 {
    color: #fff;
    font-size: 5em;
    text-shadow: -1px -1px 1px #000;
    font-weight: 700;
    text-transform: uppercase; }
  @media screen and (min-width: 768px) {
    .hero-image {
      height: 56.525vh; } }

.request-call-back-form h2 {
  font-size: 1.75rem; }

.request-call-back-form label {
  display: none; }

/* General */
.spaced-inline-list > li > a {
  padding-right: 2em; }

.spaced-inline-list > li:last-child > a {
  padding-right: 0; }

/* Main Menu */
.brand {
  width: 200px;
  height: auto; }

.brand svg {
  fill: #fff;
  transition: all ease-in 200ms;
  width: 200px; }
  @media screen and (min-width: 768px) {
    .brand svg {
      width: auto; } }

.main-nav {
  color: #ffffff;
  background-color: #191919; }
  .main-nav a {
    color: #ffffff; }
  .main-nav a:hover {
    color: #f37a28; }

/* Products */
.product-menu {
  margin: 15px 0;
  column-count: 4;
  width: 100%;
  text-align: center; }
  .product-menu a {
    padding: 0; }

/* Breadcrumbs */
.breadcrumb {
  background: transparent;
  padding: 15px 0;
  margin: 0; }

.breadcrumb li {
  font-size: 83%; }

.breadcrumb > li:before {
  display: none; }

.vendor-menu li {
  display: block;
  width: 100%;
  background-color: #f37a28;
  margin: 1px 0;
  padding: 5px; }
  .vendor-menu li a {
    color: #fff; }

/* MASONRY */
.grid,
.grid .item {
  box-sizing: border-box; }

.grid .item {
  padding: 1px; }
  @media screen and (max-width: 768px) {
    .grid .item {
      width: 100% !important; } }

.grid > .item > .item-body {
  height: 100%;
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  cursor: pointer; }

.grid-link {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1; }

.grid > .item > .item-body > .item-inner {
  padding: 15px;
  background-color: rgba(255, 255, 255, 0.9);
  position: absolute;
  width: 100%;
  transition: all 500ms ease; }

.grid .item .item-body:hover .item-inner {
  bottom: 0 !important;
  transition: all 500ms ease; }

.masonry-header {
  background: #232323;
  padding: 15px;
  color: #fff;
  margin-bottom: 0;
  width: calc(100% - 2px);
  margin-left: 1px; }

.subCategoryImage, .catItemImage {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  border: solid 1px;
  border-color: #ffffff;
  width: 100%; }
  .subCategoryImage.empty, .catItemImage.empty {
    background: #f2f2f2;
    border-color: #f2f2f2; }
  .subCategoryImage:before, .catItemImage:before {
    content: '';
    width: auto;
    padding-bottom: 100%; }

/* sizes to the width of containing element */
.squareBackgroundImageThumbnail {
  display: inline-flex;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  .squareBackgroundImageThumbnail.empty {
    background: #f2f2f2;
    border-color: #f2f2f2; }
  .squareBackgroundImageThumbnail:before {
    content: '';
    width: auto;
    padding-bottom: 100%; }

img.blackAndWhite {
  filter: saturate(0); }

.carousel {
  margin-top: -15px; }

.carousel-control {
  background: transparent !important; }

.carousel-inner {
  /*
  height: 300px;
  @media screen and (min-width:768px) {
    height: calc(730px * 0.562);
  }
  @media screen and (min-width:992px) {
    height: calc(940px * 0.562);
  }
  */
  overflow: hidden; }
  .carousel-inner .item {
    height: 100%; }

/* FOOTER */
footer {
  background-color: #191919;
  position: relative;
  z-index: 10;
  border-top: 2px solid #f37a28;
  color: #e5eaf2;
  font-size: 0.84rem;
  padding-bottom: 3em; }
  footer .use-inline-lists ul {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 1.4rem;
    list-style: none;
    padding-left: 0; }
  footer .social-list .nav > li > a {
    padding: 0.5em; }
  footer .social-icon {
    width: auto;
    height: 32px; }
  footer .base-font-size {
    font-size: 1rem; }

/* NEWSLETTER */
.newsletter {
  max-width: 545px;
  margin: auto; }

table.product-specs {
  width: 100%;
  border: none; }
  table.product-specs th {
    background-color: #e6e6e6; }
  table.product-specs tr {
    border-bottom: 1px solid #f37a28; }
  table.product-specs tr td {
    padding: 5px; }
    table.product-specs tr td:first-child {
      width: 25%; }

table.detail {
  width: 100%;
  border: none; }
  table.detail th {
    padding: 5px;
    background-color: #e6e6e6;
    border-top: 1px solid #f37a28;
    border-left: 1px solid #f37a28;
    border-right: 1px solid #f37a28; }
  table.detail tr {
    border-bottom: 1px solid #f37a28; }
  table.detail.four-col tr td {
    vertical-align: top;
    padding: 5px;
    width: 25%;
    border-bottom: 1px solid #f37a28;
    border-left: 1px solid #f37a28;
    border-right: 1px solid #f37a28; }

/* HOME */
.home {
  padding-bottom: 15px; }
  .home .col-md-3 .details {
    background-color: rgba(255, 255, 255, 0.9);
    position: absolute;
    height: calc(100% - 43px);
    width: calc(100% - 30px);
    top: 0;
    margin-top: 43px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
    transition: opacity 300ms linear; }
  .home .col-md-3:hover img {
    filter: saturate(0); }
  .home .col-md-3:hover .details {
    opacity: 1;
    transition: opacity 300ms linear; }
  .home .col-md-3 .subheading {
    padding: 5px;
    background-color: #191919;
    color: #fff;
    margin-bottom: 0; }

.hero {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 300px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%; }
  @media screen and (min-width: 768px) {
    .hero {
      height: 56.525vh; } }
  .hero .heading, .hero .request-call-back-form h2, .request-call-back-form .hero h2 {
    color: #fff;
    font-size: 2em;
    text-shadow: -1px -1px 1px #000;
    font-weight: 700;
    text-transform: uppercase; }
    @media screen and (min-width: 768px) {
      .hero .heading, .hero .request-call-back-form h2, .request-call-back-form .hero h2 {
        font-size: 3em; } }
    @media screen and (min-width: 992px) {
      .hero .heading, .hero .request-call-back-form h2, .request-call-back-form .hero h2 {
        font-size: 4em; } }

.hero-clear {
  display: block;
  content: '';
  width: 100%;
  height: 250px; }
  @media screen and (min-width: 768px) {
    .hero-clear {
      height: calc(56.525vh); } }

/* Homepage Large Story Styles */
.hero-story {
  position: relative;
  text-align: center;
  width: 100%;
  height: 300px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%; }
  @media screen and (min-width: 768px) {
    .hero-story {
      height: 56.525vh; } }
  .hero-story.middle {
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .hero-story.bottom {
    display: flex;
    justify-content: center;
    align-items: flex-end; }
  .hero-story .hero-story-inner {
    padding: 30px; }
  .hero-story .heading, .hero-story .request-call-back-form h2, .request-call-back-form .hero-story h2 {
    color: #fff;
    font-size: 5em;
    text-shadow: -1px -1px 1px #000;
    text-transform: uppercase; }
  .hero-story .lead-in {
    color: #fff;
    font-family: "Roboto Slab", serif;
    font-size: 1.2em; }

.big {
  margin-top: 0;
  margin-bottom: 0;
  box-sizing: border-box;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 10; }
  .big.orange-bg {
    background-color: #f37a28; }
    .big.orange-bg input {
      color: white; }
      .big.orange-bg input::placeholder {
        color: #fff;
        text-align: center; }

.hero-video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: 0; }
  .hero-video:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    background-image: url(http://s14.directupload.net/images/111129/44ga9qid.png);
    z-index: 1; }
  .hero-video video {
    min-width: 100% !important;
    min-height: 100%; }

/* GENERAL */
/* USEFUL */
/* Seriously... !??? */
.center {
  text-align: center; }

.right {
  text-align: right; }

.hidden {
  display: none; }

.custom {
  margin: 15px auto; }

/* IMAGES */
.image-block {
  margin-bottom: 15px; }

.author-block img {
  display: none; }
  @media screen and (min-width: 992px) {
    .author-block img {
      display: block; } }

/* VIDEOS */
.itemVideoBlock {
  margin-bottom: 15px; }

/* BUTTONS */
.btn-primary,
.btn-primary:hover {
  background-color: #f37a28;
  border: none; }

/* SIDEBAR */
.sidebar {
  padding-top: 15px;
  background-color: #ededed;
  font-size: 0.93em; }

/* PEOPLE */
.people .item-inner img {
  filter: saturate(0); }

/* CALLOUTS */
.callout {
  padding: 30px 0px; }
  .callout.orange {
    background-color: #f37a28; }
    .callout.orange input {
      color: #fff; }
      .callout.orange input::-webkit-input-placeholder {
        color: #fff;
        opacity: 0.8; }
      .callout.orange input::-moz-placeholder {
        color: #fff;
        opacity: 0.8; }
      .callout.orange input:-ms-input-placeholder {
        color: #fff;
        opacity: 0.8; }
      .callout.orange input:-moz-placeholder {
        color: #fff;
        opacity: 0.8; }
    .callout.orange .btn.btn-primary {
      background-color: #fff;
      border-color: transparent;
      color: #f37a28; }
  .callout.dark {
    background-color: #191919; }
    .callout.dark input {
      color: #fff; }
      .callout.dark input::-webkit-input-placeholder {
        color: #fff;
        opacity: 0.8; }
      .callout.dark input::-moz-placeholder {
        color: #fff;
        opacity: 0.8; }
      .callout.dark input:-ms-input-placeholder {
        color: #fff;
        opacity: 0.8; }
      .callout.dark input:-moz-placeholder {
        color: #fff;
        opacity: 0.8; }

/* CASE STUDIES */
.case .item-body {
  font-size: 1.2em; }

.case .details.list ul {
  list-style-type: none; }
  .case .details.list ul li {
    margin-right: 15px;
    display: inline-block;
    font-size: 0.83em;
    background-color: #f37a28;
    padding: 2px 5px; }
    .case .details.list ul li a {
      color: white; }

/* PRODUCTS */
.hero-product {
  background-attachment: fixed;
  background-position: 50% 50%;
  background-size: cover;
  height: 33vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 15px; }
  .hero-product .text-shadow .heading, .hero-product .text-shadow .request-call-back-form h2, .request-call-back-form .hero-product .text-shadow h2,
  .hero-product .text-shadow .subheading {
    text-shadow: 1px 1px 1px black; }
  .hero-product .heading, .hero-product .request-call-back-form h2, .request-call-back-form .hero-product h2 {
    font-size: 4vw; }

/* SCROLL DOWN */
.scroll-down {
  opacity: 1;
  -webkit-transition: all .5s ease-in 3s;
  transition: all .5s ease-in 3s; }

.scroll-down {
  position: fixed;
  bottom: 30px;
  left: 50%;
  margin-left: -16px;
  display: block;
  width: 32px;
  height: 32px;
  border: 2px solid #FFF;
  background-size: 14px auto;
  border-radius: 50%;
  z-index: 2;
  -webkit-animation: bounce 2s infinite 2s;
  animation: bounce 2s infinite 2s;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
  transform: scale(1); }

.scroll-down:before {
  position: absolute;
  top: calc(50% - 8px);
  left: calc(50% - 6px);
  transform: rotate(-45deg);
  display: block;
  width: 12px;
  height: 12px;
  content: "";
  border: 2px solid white;
  border-width: 0px 0 2px 2px; }

@keyframes bounce {
  0%,
  100%,
  20%,
  50%,
  80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px); }
  60% {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px); } }

.no-margin {
  margin: 0;
  width: 100%;
  overflow-x: hidden; }

.rsform {
  margin-bottom: 0 !important; }

.dropdown-menu {
  border: 0;
  border-radius: 0;
  background-color: #f37a28;
  transform: none !important;
  top: inherit !important;
  left: 15px !important;
  width: calc(100% - 30px); }
  .dropdown-menu li {
    padding: 5px; }
  .dropdown-menu a {
    color: #fff; }

.orange-background {
  background-color: #f37a28; }
  .orange-background > .heading, .request-call-back-form .orange-background > h2 {
    color: #212529; }

.white-background {
  background-color: #ffffff; }
  .white-background > .heading, .request-call-back-form .white-background > h2 {
    color: #212529; }

.pale-grey-background {
  background-color: #f2f2f2; }
  .pale-grey-background > .heading, .request-call-back-form .pale-grey-background > h2 {
    color: #212529; }

.mid-grey-background {
  background-color: #666666;
  color: #ffffff; }
  .mid-grey-background > .heading, .request-call-back-form .mid-grey-background > h2 {
    color: #f37a28; }

.charcoal-background {
  background-color: #191919;
  color: #ffffff; }
  .charcoal-background > .heading, .request-call-back-form .charcoal-background > h2 {
    color: #f37a28; }

/* FEATURED SECTIONS */
.featured-section {
  width: 100%;
  padding: 50px 0 60px 0;
  margin: 0 auto; }
  .featured-section:last-of-type {
    margin-bottom: 0; }
  .featured-section:first-of-type {
    margin-top: 0; }

.vendor-logos {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  row-gap: 30px;
  column-gap: 5%;
  justify-content: space-around;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 40px; }
  .vendor-logos div {
    flex-shrink: 1;
    flex-basis: auto;
    width: 40%; }
    @media screen and (min-width: 768px) {
      .vendor-logos div {
        width: 20%; } }
    @media screen and (min-width: 992px) {
      .vendor-logos div {
        width: 13%; } }
    .vendor-logos div img {
      width: 100%; }

.module-block-header {
  background: #191919;
  padding: 1em;
  color: #ffffff; }

.cart-menu .image-title {
  padding-right: 0.72em; }

.cart-menu img {
  width: 2em; }

/*# sourceMappingURL=styles.css.map */