.hidden {
  display: none; }

@media (min-width: 740px) {
  .hidden-desktop {
    display: none; } }

@media (max-width: 740px) {
  .hidden-mobile {
    display: none; } }

.arrow-right {
  content: "\f105";
  position: absolute;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: 200;
  font-size: 50px; }

.f-topbar-fixed {
  padding-top: 160px; }
  @media (max-width: 740px) {
    .f-topbar-fixed {
      padding-top: 51px !important; } }

.header *, .primary-popup * {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

.header {
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 16px 4px;
  z-index: 50;
  padding-bottom: 2px;
  height: 160px; }
  .header.fixed {
  height: auto;
	min-height: 160px;
    width: 100%;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 1000; }
  @media (max-width: 740px) {
    .header {
      box-shadow: none;
      height: 50px !important;
      min-height: auto !important; } }

#shadowbox {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 39;
  display: none; }

#content-area {
  margin-top: 160px !important; }

nav.top-bar {
  width: 100%;
  max-width: 100% !important;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0; }
  nav.top-bar:before {
    content: "";
    display: block; }
  @media (max-width: 740px) {
    nav.top-bar {
      height: auto;
      overflow: visible;
      position: fixed;
      margin: 0; } }
  nav.top-bar .toggle-topbar {
    right: initial; }
  @media (max-width: 740px) {
    nav.top-bar.expanded {
      position: relative; } }
  nav.top-bar.expanded .top-bar-section .top-bar-wrapper {
    top: 50px;
    background-color: #fff;
    width: 90%;
    left: 0%;
    margin-left: 5%; }
    nav.top-bar.expanded .top-bar-section .top-bar-wrapper .title-area {
      top: -40px; }
      nav.top-bar.expanded .top-bar-section .top-bar-wrapper .title-area .menu-icon {
        left: -2px; }
    nav.top-bar.expanded .top-bar-section .top-bar-wrapper #navigation_brands, nav.top-bar.expanded .top-bar-section .top-bar-wrapper #navigation_primary, nav.top-bar.expanded .top-bar-section .top-bar-wrapper #navigation_secondary {
      display: block;
      float: none !important;
      width: 90%; }
  nav.top-bar .top-bar-section {
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 16px 4px;
    height: 52px;
    margin: 0;
    padding: 0 30px;
    width: 100%; }
    @media (max-width: 740px) {
      nav.top-bar .top-bar-section {
        box-shadow: none;
        padding: 0;
        background-color: #fff; } }
    nav.top-bar .top-bar-section .top-bar-wrapper {
      max-width: 1360px;
      margin: 0 auto;
      height: 80px;
      position: relative; }
      @media (max-width: 740px) {
        nav.top-bar .top-bar-section .top-bar-wrapper {
          height: auto;
          display: flex;
          flex-direction: column-reverse;
          left: 0;
          width: 100%;
          margin: 0;
          padding: 0; } }
      nav.top-bar .top-bar-section .top-bar-wrapper #navigation_brands {
        position: absolute;
        left: 0;
        top: 12px;
        padding-left: 17px;
        background-color: #fff; }
        @media (max-width: 740px) {
          nav.top-bar .top-bar-section .top-bar-wrapper #navigation_brands {
            top: 0;
            display: none;
            position: relative;
            padding-left: 0;
            margin: 0 16px 32px 16px; } }
        nav.top-bar .top-bar-section .top-bar-wrapper #navigation_brands li {
          height: 40px;
          text-align: left;
          background: none;
          padding-top: 4px; }
          @media (max-width: 740px) {
            nav.top-bar .top-bar-section .top-bar-wrapper #navigation_brands li {
              height: 30px; } }
          nav.top-bar .top-bar-section .top-bar-wrapper #navigation_brands li a {
            margin-right: 28px;
            padding: 0;
            color: #949497;
            background: none;
            font-size: 16px;
            line-height: 18px; }
            nav.top-bar .top-bar-section .top-bar-wrapper #navigation_brands li a img {
              width: 60px; }
              nav.top-bar .top-bar-section .top-bar-wrapper #navigation_brands li a img.nora {
                margin-left: -3px; }
            @media (max-width: 740px) {
              nav.top-bar .top-bar-section .top-bar-wrapper #navigation_brands li a {
                font-size: 12.4px;
                color: #b2b1b3;
                text-decoration: none;
                width: 100%;
                text-align: left;
                border: none;
                padding-left: 20px; }
                nav.top-bar .top-bar-section .top-bar-wrapper #navigation_brands li a img {
                  width: 60px; }
                  nav.top-bar .top-bar-section .top-bar-wrapper #navigation_brands li a img.nora {
                    margin-left: -3px; } }
            nav.top-bar .top-bar-section .top-bar-wrapper #navigation_brands li a.active {
              color: #616579;
              text-decoration: underline;
              text-underline-position: under; }
    nav.top-bar .top-bar-section #navigation_primary {
      margin-top: 102px;
      margin-bottom: 38px;
      margin-left: 73px;
      background-color: #fff; }
      @media (max-width: 1100px) {
        nav.top-bar .top-bar-section #navigation_primary {
          margin-left: 7vw;
          margin-top: 90px; } }
      @media (max-width: 740px) {
        nav.top-bar .top-bar-section #navigation_primary {
          margin: 43px 0 0 2px;
          display: none; } }
      nav.top-bar .top-bar-section #navigation_primary li.primary-item {
        position: relative;
        padding-left: 0px;
        padding-bottom: 4px;
        margin: 0 40px 0 0px; }
        @media (max-width: 740px) {
          nav.top-bar .top-bar-section #navigation_primary li.primary-item {
            width: 100%;
            padding-left: 10px;
            margin: 0;
            padding-bottom: inherit; } }
        @media (min-width: 740px) and (max-width: 1100px) {
          nav.top-bar .top-bar-section #navigation_primary li.primary-item {
            margin: 0 1.5vw; } }
        nav.top-bar .top-bar-section #navigation_primary li.primary-item.open {
          border-bottom: #616579 1px solid; }
          nav.top-bar .top-bar-section #navigation_primary li.primary-item.open a {
            color: #616579; text-decoration: none; }
        nav.top-bar .top-bar-section #navigation_primary li.primary-item a {
          color: #949497;
          font-size: 20px;
          padding: 0; }
          nav.top-bar .top-bar-section #navigation_primary li.primary-item a:hover {
            text-decoration: none; }
          @media (min-width: 740px) and (max-width: 1100px) {
            nav.top-bar .top-bar-section #navigation_primary li.primary-item a {
              font-size: 1.8vw;
              padding: 1.4vw 0 .5vw 0; 
              max-width: 100px;
              } }
          @media (max-width: 740px) {
            nav.top-bar .top-bar-section #navigation_primary li.primary-item a {
              margin: 0 0 0 20px;
              padding: 11px 4px;
              width: 55%;
              font-size: 14px;
              line-height: 18px;
              color: #949497;
              text-decoration: none;
              text-align: left;
              border-bottom: #ebebeb 1px solid; } }
        nav.top-bar .top-bar-section #navigation_primary li.primary-item:last-child a {
          border-bottom: none; }
        nav.top-bar .top-bar-section #navigation_primary li.primary-item hr {
          border-color: #999;
          margin: 0 0 0 5%;
          width: 95%;
          display: none; }
          @media (max-width: 740px) {
            nav.top-bar .top-bar-section #navigation_primary li.primary-item hr {
              display: block; } }
        nav.top-bar .top-bar-section #navigation_primary li.primary-item .primary-arrow {
          transform: rotate(45deg);
          width: 30px;
          height: 30px;
          position: absolute;
          background-color: #fff;
          left: calc(50% - 15px);
          box-shadow: rgba(0, 0, 0, 0.2) 6px 6px 8px -4px;
          z-index: 40;
          top: 42px;
          display: none; }
          @media (max-width: 1140px) {
            nav.top-bar .top-bar-section #navigation_primary li.primary-item .primary-arrow {
              top: 50px; } }
          @media (max-width: 740px) {
            nav.top-bar .top-bar-section #navigation_primary li.primary-item .primary-arrow {
              display: none !important; } }
        @media (max-width: 740px) {
          nav.top-bar .top-bar-section #navigation_primary li.primary-item .trigger-search {
            display: none; } }
    nav.top-bar .top-bar-section #navigation_secondary {
      margin-right: 22px;
      background-color: #fff; }
      nav.top-bar .top-bar-section #navigation_secondary hr {
        display: none; }
      @media (max-width: 740px) {
        nav.top-bar .top-bar-section #navigation_secondary {
          display: none;
          margin: 11px 15px 20px 25px;
          padding: 0 0 0 10px; }
          nav.top-bar .top-bar-section #navigation_secondary hr {
            margin: 15px 24px 0 -13px;
            border-color: #949497;
            display: block; }
          nav.top-bar .top-bar-section #navigation_secondary .mobile-top {
            display: block;
            position: absolute;
            top: 0px;
            z-index: 100;
            background-color: #fff;
            width: 100%;
            margin: 2px 0 0 -35px;
            padding: 0 25px;
            box-shadow: inset rgba(0, 0, 0, 0.2) 0px 49px 20px -45px; }
            nav.top-bar .top-bar-section #navigation_secondary .mobile-top li {
              width: auto;
              margin: 3px 0 2px 0;
              background: none; }
              nav.top-bar .top-bar-section #navigation_secondary .mobile-top li a {
                border: none;
                margin: 0;
                padding: 8px 13px !important; }
              nav.top-bar .top-bar-section #navigation_secondary .mobile-top li.account {
                float: left; }
              nav.top-bar .top-bar-section #navigation_secondary .mobile-top li.local {
                float: right; }
            nav.top-bar .top-bar-section #navigation_secondary .mobile-top .mobile-top-border {
              background-color: #949497;
              height: 1px;
              border: none;
              margin: 0; } }
      nav.top-bar .top-bar-section #navigation_secondary li {
        background: #fff; }
        nav.top-bar .top-bar-section #navigation_secondary li a {
          text-decoration: none;
          text-transform: none;
          color: #949497;
          font-size: 15px;
          padding: 12px 11px !important; }
          @media (max-width: 740px) {
            nav.top-bar .top-bar-section #navigation_secondary li a {
              padding: 3px 13px !important;
              margin: 0 0 0 -11px;
              font-size: 12.4px;
              color: #b2b1b3;
              text-decoration: none;
              text-align: left;
              border: none; } }
        nav.top-bar .top-bar-section #navigation_secondary li#nav-item-orders a .cart-count {
          position: relative;
          top: inherit;
          right: inherit;
          font-weight: bold; }
    nav.top-bar .top-bar-section .title-area-container {
      max-width: 1360px;
      margin: 0 auto; }
      nav.top-bar .top-bar-section .title-area-container .title-area {
        top: 78px; }
        @media (max-width: 740px) {
          nav.top-bar .top-bar-section .title-area-container .title-area {
            position: absolute;
            top: 10px;
            float: none;
            width: 100%; } }
        nav.top-bar .top-bar-section .title-area-container .title-area .name {
          float: none; }
          nav.top-bar .top-bar-section .title-area-container .title-area .name h1 #brand_logo {
            width: auto;
            background: none;
            max-height: 40px; }
            @media (max-width: 1140px) {
              nav.top-bar .top-bar-section .title-area-container .title-area .name h1 #brand_logo {
                width: 18vw;
                margin: 0 auto; } }
            @media (max-width: 740px) {
              nav.top-bar .top-bar-section .title-area-container .title-area .name h1 #brand_logo {
                width: 108px;
                margin: 0 auto; } }
            nav.top-bar .top-bar-section .title-area-container .title-area .name h1 #brand_logo img {
              margin: 6px 0 0 18px;
              display: block;
              width: 100%;
              max-width: 200px; }
              @media (max-width: 1140px) {
                nav.top-bar .top-bar-section .title-area-container .title-area .name h1 #brand_logo img {
                  margin: 8px 2% 0 18px; } }
              @media (max-width: 740px) {
                nav.top-bar .top-bar-section .title-area-container .title-area .name h1 #brand_logo img {
                  margin: 6px 0 0 0; } }
        nav.top-bar .top-bar-section .title-area-container .title-area .menu-icon, nav.top-bar .top-bar-section .title-area-container .title-area .toggle-topbar {
          padding-left: 20px;
          margin-left: 10px;
          display: none; }
          @media (max-width: 740px) {
            nav.top-bar .top-bar-section .title-area-container .title-area .menu-icon, nav.top-bar .top-bar-section .title-area-container .title-area .toggle-topbar {
              display: block;
              float: none;
              top: 14px;
              width: 50px; } }
          nav.top-bar .top-bar-section .title-area-container .title-area .menu-icon span::after, nav.top-bar .top-bar-section .title-area-container .title-area .toggle-topbar span::after {
            left: 0;
            right: initial;
            box-shadow: 0 0 0 1px #949497, 0 7px 0 1px #949497, 0 14px 0 1px #949497; }
        nav.top-bar .top-bar-section .title-area-container .title-area .search {
          position: absolute;
          left: 997px;
          top: 22px;
          float: right; }
          @media (max-width: 1140px) {
            nav.top-bar .top-bar-section .title-area-container .title-area .search {
              left: calc(100vw - 140px); } }
          @media (max-width: 740px) {
            nav.top-bar .top-bar-section .title-area-container .title-area .search {
              position: absolute;
              top: -3px;
              left: initial;
              right: 30px; } }
          nav.top-bar .top-bar-section .title-area-container .title-area .search .trigger-search {
            line-height: inherit; }
            @media (max-width: 740px) {
              nav.top-bar .top-bar-section .title-area-container .title-area .search .trigger-search {
                padding: 12px 0 12px 0; } }
            nav.top-bar .top-bar-section .title-area-container .title-area .search .trigger-search .fa-search {
              color: #b2b1b3;
              font-size: 18px;
              transform: rotateY(180deg); }

.primary-arrow {
  transform: rotate(45deg);
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: #fff;
  left: calc(50% - 15px);
  box-shadow: rgba(0, 0, 0, 0.2) 6px 6px 8px -4px;
  z-index: 40;
  top: 42px;
  display: none; }
  @media (max-width: 740px) {
    .primary-arrow {
      display: none !important; } }

@media (max-width: 740px) {
  body.popup .header nav.top-bar.expanded .top-bar-section #navigation_brands, body.popup .header nav.top-bar.expanded .top-bar-section #navigation_primary, body.popup .header nav.top-bar.expanded .top-bar-section #navigation_secondary {
    display: none; } }

.primary-popup {
  position: fixed;
  top: -440px;
  background-color: #fff;
  padding: 0;
  margin: 10px;
  width: 883px;
  height: 472px;
  overflow: hidden;
  box-shadow: inset rgba(0, 0, 0, 0.2) 0px 49px 20px -45px;
  z-index: 40;
  transition: 0.5s top ease-out;
  transform: translateX(-50%);
  left: 49%; }
  @media (max-width: 740px) {
    .primary-popup {
      display: none;
      width: 90%;
      left: 5%; } }
  @media (max-width: 1140px) {
    .primary-popup {
      width: 90vw;
      height: 50vw;
      left: 48%; } }
  .primary-popup.open {
    top: 150px;
    padding: 7px 0 0 0; 
    z-index:200;
    }
    @media (max-width: 740px) {
      .primary-popup.open {
        display: block;
        top: 50px;
        left: 5%;
        padding: 0;
        position: absolute;
        width: 90vw;
        transform: none;
        height: auto;
        margin: 0; } }
  .primary-popup .popup-top {
    display: none;
    margin: 10px 25px 0 26px; }
    @media (max-width: 740px) {
      .primary-popup .popup-top {
        display: block; } }
    .primary-popup .popup-top .mobile-top-border {
      margin: 13px 0 0 0;
      border-color: #949497; }
    .primary-popup .popup-top li {
      display: inline-block;
      font-size: 14px;
      color: #949497;
      padding: 0 0 0 3px; }
      .primary-popup .popup-top li.primary-title {
        float: right;
        padding: 6px 13px 0 0;
        font-size: 12px; }
      .primary-popup .popup-top li a {
        font-size: 14px;
        color: #949497; }
        .primary-popup .popup-top li a .fa {
          font-size: 22px;
          top: 1px;
          position: relative;
          margin: 0 10px 0 0; }
  .primary-popup .primary-popup-left-col {
    width: 28%;
    height: 100%;
    display: inline-block;
    margin: 0;
    padding: 20px 0 0 0;
    overflow-y: auto; }
    @media (max-width: 740px) {
      .primary-popup .primary-popup-left-col {
        width: 100%;
        height: auto;
        margin-left: 22px;
        padding: 4px 0 0 0; } }
    .primary-popup .primary-popup-left-col .secondary-group {
      margin: 5px 30px 5px 35px;
      padding: 10px 0;
      border-bottom: #ebebeb 1px solid; }
      @media (max-width: 740px) {
        .primary-popup .primary-popup-left-col .secondary-group {
          width: 45%; } }
      @media (max-width: 1140px) {
        .primary-popup .primary-popup-left-col .secondary-group {
          margin: 0px 15px;
          padding: 7px 0; } }
      .primary-popup .primary-popup-left-col .secondary-group:last-child {
        border-bottom: none; }
      .primary-popup .primary-popup-left-col .secondary-group a, .primary-popup .primary-popup-left-col .secondary-group p {
        text-decoration: none;
        line-height: 24px;
        width: 100%;
        display: block;
        padding: 2px;
        font-size: 16px;
        color: #b2b1b3;
        margin-left: -2px; }
        @media (max-width: 1140px) {
          .primary-popup .primary-popup-left-col .secondary-group a, .primary-popup .primary-popup-left-col .secondary-group p {
            font-size: 1.7vw;
            margin-left: 0;
            padding: 2px 0; } }
        @media (max-width: 740px) {
          .primary-popup .primary-popup-left-col .secondary-group a, .primary-popup .primary-popup-left-col .secondary-group p {
            font-size: 12.4px; } }
        .primary-popup .primary-popup-left-col .secondary-group a.title, .primary-popup .primary-popup-left-col .secondary-group p.title {
          font-size: 18px;
          line-height: 18px;
          width: 100%;
          display: block;
          padding: 0;
          color: #949497;
          margin-left: 0;
          margin-bottom: 4px;
          text-overflow: inherit;
          white-space: normal;
        }
          @media (max-width: 1140px) {
            .primary-popup .primary-popup-left-col .secondary-group a.title, .primary-popup .primary-popup-left-col .secondary-group p.title {
              font-size: 1.8vw; } }
          @media (max-width: 740px) {
            .primary-popup .primary-popup-left-col .secondary-group a.title, .primary-popup .primary-popup-left-col .secondary-group p.title {
              font-size: 14px;
              line-height: 16px; } }
  .primary-popup .primary-popup-right-col {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0;
    width: calc(72% - 6px);
    height: 100%;
    overflow: hidden; }
    @media (max-width: 740px) {
      .primary-popup .primary-popup-right-col {
        width: 100%;
        height: auto;
        max-height: 200px;
        margin: 0 0 4px 0;
        padding: 0 4px 0 6px; }
        .primary-popup .primary-popup-right-col.split {
          padding: 0 0 0 4px; }
          .primary-popup .primary-popup-right-col.split img {
            height: auto;
            width: 100%;
            margin: 0;
            padding: 0; } }
    .primary-popup .primary-popup-right-col .product-pod {
      width: calc(100% - 3px);
      height: 100%;
      margin: 0;
      padding: 0 0 6px 0;
      cursor: pointer;
      position: relative;
      overflow: hidden;
      top: 0; }
      @media (max-width: 740px) {
        .primary-popup .primary-popup-right-col .product-pod {
          height: 200px;
          top: initial; } }
      @media (max-width: 740px) {
        .primary-popup .primary-popup-right-col .product-pod a {
          height: 200px;
          display: block; } }
      .primary-popup .primary-popup-right-col .product-pod a img {
        height: 100%;
        width: 100%;
        max-width: none;
        display: block;
        left: 50%;
        transform: translateX(-50%);
        position: relative;
        padding: 0; }
        @media (max-width: 740px) {
          .primary-popup .primary-popup-right-col .product-pod a img {
            width: 110%;
            height: auto;
            left: initial;
            top: 50%;
            transform: translate(-50%, -50%);
            left: 50%; } }
      .primary-popup .primary-popup-right-col .product-pod a .hoverBox {
        position: absolute;
        opacity: 0;
        bottom: 6px;
        width: 100%;
        height: 57px;
        text-align: center;
        background-color: rgba(0, 0, 0, 0.5);
        transition: 0.5s opacity;
        margin: 0;
        padding: 0; }
        @media (max-width: 740px) {
          .primary-popup .primary-popup-right-col .product-pod a .hoverBox {
            opacity: 1;
            top: 152px;
            width: 100%;
            height: 50px;
            position: absolute; } }
        @media (max-width: 1024px) {
          .primary-popup .primary-popup-right-col .product-pod a .hoverBox {
            opacity: 1;
            bottom: 6px; } }
        .primary-popup .primary-popup-right-col .product-pod a .hoverBox .hoverText {
          margin: 0;
          padding: 0;
          padding-top: 18px;
          color: #fff;
          font-size: 20px;
          line-height: 22px;
          height: 100%; }
          @media (max-width: 1024px) {
            .primary-popup .primary-popup-right-col .product-pod a .hoverBox .hoverText {
              padding-top: 20px;
              color: #fff;
              transform: translateY(-50%);
              top: 50%;
              position: relative;
              font-size: 16px;
              line-height: 14px;
              height: 100%; } }
          @media (max-width: 740px) {
            .primary-popup .primary-popup-right-col .product-pod a .hoverBox .hoverText {
              font-size: 10px;
              padding-top: 18px; } }
      .primary-popup .primary-popup-right-col .product-pod.split {
        width: calc(50% - 3px);
        display: inline-block;
        margin: 0; }
      .primary-popup .primary-popup-right-col .product-pod:hover .hoverBox {
        opacity: 1; }
  .primary-popup #global-search {
    padding: 20px;
    width: 100%; }
    @media (max-width: 740px) {
      .primary-popup #global-search {
        padding: 2vw; } }
    .primary-popup #global-search .search_loading {
      height: 40px;
      background: transparent url(//interfaceinc.scene7.com/is/content/InterfaceInc/loading) center center no-repeat; }
    .primary-popup #global-search #global-search-bar {
      margin-top: 20px;
      border: 0; }
      @media (max-width: 740px) {
        .primary-popup #global-search #global-search-bar {
          margin-top: 0; } }
      .primary-popup #global-search #global-search-bar #search_bar_container {
        position: relative;
        text-align: center;
        overflow: visible;
        padding: 0px 20px 10px 20px; }
        .primary-popup #global-search #global-search-bar #search_bar_container #search-input-container, .primary-popup #global-search #global-search-bar #search_bar_container #mobile-search-input-container {
          position: relative;
          max-width: 500px;
          margin: 0 auto;
          text-align: center; }
          .primary-popup #global-search #global-search-bar #search_bar_container #search-input-container ::placeholder, .primary-popup #global-search #global-search-bar #search_bar_container #mobile-search-input-container ::placeholder {
            color: #b2b1b3; }
          .primary-popup #global-search #global-search-bar #search_bar_container #search-input-container #global-search-input, .primary-popup #global-search #global-search-bar #search_bar_container #search-input-container #qw-global-search-button, .primary-popup #global-search #global-search-bar #search_bar_container #mobile-search-input-container #global-search-input, .primary-popup #global-search #global-search-bar #search_bar_container #mobile-search-input-container #qw-global-search-button {
            display: none; }
            @media (min-width: 740px) {
              .primary-popup #global-search #global-search-bar #search_bar_container #search-input-container #global-search-input, .primary-popup #global-search #global-search-bar #search_bar_container #search-input-container #qw-global-search-button, .primary-popup #global-search #global-search-bar #search_bar_container #mobile-search-input-container #global-search-input, .primary-popup #global-search #global-search-bar #search_bar_container #mobile-search-input-container #qw-global-search-button {
                display: block; } }
          .primary-popup #global-search #global-search-bar #search_bar_container #search-input-container #qw-global-search-button, .primary-popup #global-search #global-search-bar #search_bar_container #search-input-container #qw-mobile-search-button, .primary-popup #global-search #global-search-bar #search_bar_container #mobile-search-input-container #qw-global-search-button, .primary-popup #global-search #global-search-bar #search_bar_container #mobile-search-input-container #qw-mobile-search-button {
            position: absolute;
            top: 15px;
            right: 15px;
            width: 50px; }
            .primary-popup #global-search #global-search-bar #search_bar_container #search-input-container #qw-global-search-button .fa-search, .primary-popup #global-search #global-search-bar #search_bar_container #search-input-container #qw-mobile-search-button .fa-search, .primary-popup #global-search #global-search-bar #search_bar_container #mobile-search-input-container #qw-global-search-button .fa-search, .primary-popup #global-search #global-search-bar #search_bar_container #mobile-search-input-container #qw-mobile-search-button .fa-search {
              color: #b2b1b3;
              font-size: 22px; }
          .primary-popup #global-search #global-search-bar #search_bar_container #search-input-container #global-search-input, .primary-popup #global-search #global-search-bar #search_bar_container #search-input-container #mobile-search-input, .primary-popup #global-search #global-search-bar #search_bar_container #mobile-search-input-container #global-search-input, .primary-popup #global-search #global-search-bar #search_bar_container #mobile-search-input-container #mobile-search-input {
            background: transparent;
            color: #b2b1b3;
            font-size: 16px;
            line-height: 30px;
            max-width: 500px;
            width: 100%;
            border: gray 1px solid;
            border-radius: 5px;
            padding: 0px 25px 0px 45px;
            height: 52px;
            box-shadow: none; }
          .primary-popup #global-search #global-search-bar #search_bar_container #search-input-container #mobile-search-label, .primary-popup #global-search #global-search-bar #search_bar_container #mobile-search-input-container #mobile-search-label {
            display: block; }
            @media (min-width: 740px) {
              .primary-popup #global-search #global-search-bar #search_bar_container #search-input-container #mobile-search-label, .primary-popup #global-search #global-search-bar #search_bar_container #mobile-search-input-container #mobile-search-label {
                display: none; } }
        .primary-popup #global-search #global-search-bar #search_bar_container #global-search-label {
          color: #b2b1b3;
          font-size: 15px;
          display: block;
          position: relative;
          left: 0;
          top: 0;
          opacity: 1; }
          @media (max-width: 740px) {
            .primary-popup #global-search #global-search-bar #search_bar_container #global-search-label {
              font-size: 14px;
              padding-top: 10px;
              display: none; } }
        .primary-popup #global-search #global-search-bar #search_bar_container #mobile-search-input-container #mobile-search-input, .primary-popup #global-search #global-search-bar #search_bar_container #mobile-search-input-container #qw-mobile-search-button {
          display: block;
          box-shadow: none; }
          @media (min-width: 740px) {
            .primary-popup #global-search #global-search-bar #search_bar_container #mobile-search-input-container #mobile-search-input, .primary-popup #global-search #global-search-bar #search_bar_container #mobile-search-input-container #qw-mobile-search-button {
              display: none; } }
        .primary-popup #global-search #global-search-bar #search_bar_container #mobile-search-input-container #mobile-search-label {
          color: #b2b1b3;
          font-size: 15px;
          display: none;
          position: relative;
          left: 0;
          top: 0;
          opacity: 1; }
          @media (max-width: 740px) {
            .primary-popup #global-search #global-search-bar #search_bar_container #mobile-search-input-container #mobile-search-label {
              font-size: 12px;
              padding-top: 10px;
              display: block; } }
        .primary-popup #global-search #global-search-bar #search_bar_container #mobile-search-input-container #qw-mobile-search-button {
          position: relative;
          top: 40px;
          left: 0px;
          float: left; }
          .primary-popup #global-search #global-search-bar #search_bar_container #mobile-search-input-container #qw-mobile-search-button .fa-search {
            font-size: 22px; }
      .primary-popup #global-search #global-search-bar #search_prompt {
        display: none;
        color: #b2b1b3;
        font-size: 15px; }
    .primary-popup #global-search #global-search-results {
      display: none;
      margin-top: 20px; }
      @media (max-width: 740px) {
        .primary-popup #global-search #global-search-results {
          margin-top: 0; } }
      .primary-popup #global-search #global-search-results #didyoumean {
        display: none; }
      .primary-popup #global-search #global-search-results #result_counts {
        clear: left;
        padding-top: 10px; }
        .primary-popup #global-search #global-search-results #result_counts ul {
          padding: 0px;
          min-height: 200px;
          list-style: none;
          margin: 0; }
          @media (max-width: 740px) {
            .primary-popup #global-search #global-search-results #result_counts ul {
              height: 84vw; } }
          .primary-popup #global-search #global-search-results #result_counts ul a.active {
            cursor: pointer; }
          .primary-popup #global-search #global-search-results #result_counts ul li {
            float: left;
            width: 18%;
            margin-left: 1%;
            margin-right: 1%;
            padding-bottom: 18%;
            color: #fff;
            text-align: center;
            position: relative; }
            @media (max-width: 740px) {
              .primary-popup #global-search #global-search-results #result_counts ul li {
                width: 41vw;
                height: 41vw;
                margin-left: 1vw;
                margin-right: 1vw;
                margin-bottom: 4px; } }
            .primary-popup #global-search #global-search-results #result_counts ul li .search_icon_box {
              position: absolute;
              width: 100%;
              height: 100%;
              top: 0;
              left: 0;
              background: rgba(0, 0, 0, 0.35);
              transition: all 0.5s;
              -webkit-transition: all 0.5s;
              min-height: 150px; }
              @media (min-width: 740px) and (max-width: 1100px) {
                .primary-popup #global-search #global-search-results #result_counts ul li .search_icon_box {
                  min-height: auto; } }
              @media (max-width: 740px) {
                .primary-popup #global-search #global-search-results #result_counts ul li .search_icon_box {
                  min-height: auto; } }
              .primary-popup #global-search #global-search-results #result_counts ul li .search_icon_box h2 {
                margin-top: 40px;
                color: #fff;
                font-size: 18px; }
                @media (min-width: 740px) and (max-width: 1100px) {
                  .primary-popup #global-search #global-search-results #result_counts ul li .search_icon_box h2 {
                    margin-top: 25%;
                    font-size: 1.5vw; } }
                @media (max-width: 740px) {
                  .primary-popup #global-search #global-search-results #result_counts ul li .search_icon_box h2 {
                    font-size: 3vw;
                    margin-top: 35%; } }
              .primary-popup #global-search #global-search-results #result_counts ul li .search_icon_box h3 {
                margin-top: 0px;
                margin-bottom: 5px;
                position: relative;
                color: #fff;
                font-weight: bold;
                font-size: 18px;
                text-align: center; }
        .primary-popup #global-search #global-search-results #result_counts .mobile-all-results {
          display: block;
          background-color: #616579;
          color: #fff;
          text-align: center;
          width: 90%;
          clear: both;
          padding: 10px;
          margin: 10px auto 3px auto;
          border: none; }
          @media (min-width: 740px) {
            .primary-popup #global-search #global-search-results #result_counts .mobile-all-results {
              display: none; } }
      .primary-popup #global-search #global-search-results #search_all {
        background: url(http://interfaceinc.scene7.com/is/image/InterfaceInc/wc%5Fam%2Dallresults%2Dsearch%2Dnav?scl=1) no-repeat top center;
        background-size: contain; }
        @media (max-width: 740px) {
          .primary-popup #global-search #global-search-results #search_all {
            display: none; } }
      .primary-popup #global-search #global-search-results #search_collections {
        background: url(http://interfaceinc.scene7.com/is/image/InterfaceInc/wc%5Fam%2Dcollections%2Dsearch%2Dnav?scl=1) no-repeat top center;
        background-size: contain; }
      .primary-popup #global-search #global-search-results #search_carpet {
        background: url(http://interfaceinc.scene7.com/is/image/InterfaceInc/wc%5Fam%2Dcarpet%2Dsearch%2Dnav?scl=1) no-repeat top center;
        background-size: contain; }
      .primary-popup #global-search #global-search-results #search_lvt {
        background: url(http://interfaceinc.scene7.com/is/image/InterfaceInc/wc%5Fam%2Dlvt%2Dsearch%2Dnav?Scl=1) no-repeat top center;
        background-size: contain; }
      .primary-popup #global-search #global-search-results #search_articles {
        background: url(http://interfaceinc.scene7.com/is/image/InterfaceInc/wc%5Fam%2Darticle%2Dsearch%2Dnav) no-repeat top center;
        background-size: contain; }

@media (max-height: 600px) {
.top-bar.expanded .top-bar-section .top-bar-wrapper ul#navigation_secondary,.top-bar.expanded .top-bar-section .top-bar-wrapper ul#navigation_primary, .top-bar.expanded .top-bar-section .top-bar-wrapper ul#navigation_brands{
max-height : 30vh;
overflow-y : scroll;
margin-top: 0px;
margin-bottom : 5px;
}
}

@media (min-width: 400px) and (max-width: 800px){
body.product-detail-dealer div#content-area div.container{
margin-top:0% !important;
}
}

nav.top-bar .top-bar-section #navigation_secondary li.nav-item.account ul.dropdown{
display: table;
border-top: 2px solid rgba(0, 0, 0, 0.1);
}

.primary-popup.open input#global-search-input
{
-webkit-appearance: none;
font-family: inherit;
margin: 0 0 1rem 0;
height: 2.3125rem;
box-sizing: border-box;
transition: box-shadow 0.45s, border-color 0.45s ease-in-out; 
}
.primary-popup #global-search #global-search-bar #search_bar_container #search-input-container #global-search-input::-ms-clear, .primary-popup #global-search #global-search-bar #search_bar_container #search-input-container #qw-global-search-button::-ms-clear, .primary-popup #global-search #global-search-bar #search_bar_container #mobile-search-input-container #global-search-input::-ms-clear, .primary-popup #global-search #global-search-bar #search_bar_container #mobile-search-input-container #qw-global-search-button::-ms-clear {
              display: none; }