/* i - T u l   D e s i g n   &   S o f t w a r e
   ---------------------------------------------
   1504 Eureka Road, Suite 325
   Roseville, CA 95661 - 916.749.1500
   http://www.i-tul.com


                       `::`
                        ``
                       .::.
    ..`                `--`                `.`
   `-:`                `..`                -:.
      `::-             ::::`           .::.
       .-. ``          `--.         `` `--`
          -:::`      ```````       -:::`
          `-:-` `.-::::::/::::--`  .-:-
              `-:/::::::::::::/:::-`
              -::::-.```  ``..::/:::-`
               `..`            `-:::::.
                     .--::--`    `-:/::.
                    .::/::::::.    -/:::`
                      ./:::::::.   `::::.
                      ``/::::::-    ::::-
                  -:::/::::/:::.   `::::.
                  `-::::::::::-    -::::`
                    `-::::::.`    -/:::.
                                 .::::.
                                  `-
        SASS - GENERATED FILE - DO NOT EDIT
   --------------------------------------------- */

   @import 'https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i';

   .bs-success,
   div.wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ok {
      color: #3c763d;
      background-color: #dff0d8;
      border: 1px solid #d6e9c6
   }
   
   .bs-info {
      color: #31708f;
      background-color: #d9edf7;
      border: 1px solid #bce8f1
   }
   
   .bs-warning {
      color: #8a6d3b;
      background-color: #fcf8e3;
      border: 1px solid #faebcc
   }
   
   .bs-danger,
   div.wpcf7 .wpcf7-response-output.wpcf7-validation-errors {
      color: #a94442;
      background-color: #f2dede;
      border: 1px solid #ebccd1
   }
   
   html {
      font-size: 62.5%
   }
   
   body {
      font-size: 1.6rem;
      min-width: 303px;
      font-family: 'Source Sans Pro', sans-serif
   }
   
   body.admin-bar {
      padding-top: 32px
   }
   
   @media screen and (max-width:782px) {
      body.admin-bar {
         padding-top: 46px
      }
   
      body.admin-bar #wpadminbar {
         min-width: 260px !important
      }
   }
   
   @media screen and (max-width:600px) {
      body.admin-bar #wp-admin-bar-comments {
         display: none !important
      }
   }
   
 
   
   h1,
   h2,
   h3,
   h4,
   h5,
   h6 {
      margin-top: 0
   }
   
   .container .container,
   .container-fluid .container {
      width: 100%;
      padding: 0;
      margin: 0
   }
   
   .bs-form-control {
      display: block;
      width: 100%;
      height: 34px;
      padding: 6px 12px;
      font-size: 14px;
      line-height: 1.42857;
      color: #555;
      background-color: #fff;
      background-image: none;
      border: 1px solid #ccc;
      border-radius: 4px;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
      -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
      -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s
   }
   
   .bs-btn {
      display: inline-block;
      padding: 6px 12px;
      margin-bottom: 0;
      font-size: 14px;
      font-weight: 400;
      line-height: 1.42857;
      text-align: center;
      white-space: nowrap;
      vertical-align: middle;
      -ms-touch-action: manipulation;
      touch-action: manipulation;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      background-image: none;
      border: 1px solid transparent;
      border-radius: 4px
   }
   
   .bs-img-responsive,
   li.prods img,
   li.fabrics img,
   .product-item img {
      display: block;
      max-width: 100%;
      height: auto
   }
   
   .alignleft {
      float: left;
      margin-right: 30px;
      margin-bottom: 30px
   }
   
   .alignright {
      float: right;
      margin-left: 30px;
      margin-bottom: 30px
   }
   
   .aligncenter {
      display: block;
      margin: 0 auto 20px
   }
   
   .ucase,
   #mobile-sidebar .showroom strong,
   .navmenu>nav>ul a,
   .btn-xl,
   #masthead nav a,
   #colophon .site-info li strong,
   #colophon #footer-menu>li>a,
   #product-breadcrumb,
   .dropdown button,
   .product-items .download a,
   .product-item h1,
   .product-item .style,
   .product-item .prev,
   .product-item .next,
   .product-item .more-images,
   .product-item .print,
   #view-catalog {
      text-transform: uppercase
   }
   
   .nowrap,
   [href^=tel],
   .mm-toggle.visible-xs {
      white-space: nowrap
   }
   
   .lbl {
      font-size: 1.2rem;
      margin-bottom: 0;
      font-weight: 700
   }
   
   .reset,
   .navmenu ul,
   #masthead #main-menu .sub-menu,
   .product-items ul,
   li.prods ul,
   li.fabrics ul,
   #product-slider ul {
      list-style: none;
      margin: 0;
      padding: 0
   }
   
   .img-filler {
      width: 100%;
      height: auto;
      position: relative;
      z-index: -1
   }
   
   .bg-filler {
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center
   }
   div#register.bg-filler{
      background-image: inherit !important;
      background-color: #143953;
   }
   .no-decoration:hover,
   .navmenu .root-menu:hover,
   .navmenu>nav>ul a:hover,
   #masthead a:hover,
   .bx-prev:hover,
   .bx-next:hover,
   .navigation.pagination a:hover,
   .navigation.post-navigation a:hover,
   #colophon a:hover,
   #view-catalog a:hover,
   .no-decoration:active,
   .navmenu .root-menu:active,
   .navmenu>nav>ul a:active,
   #masthead a:active,
   .bx-prev:active,
   .bx-next:active,
   .navigation.pagination a:active,
   .navigation.post-navigation a:active,
   #colophon a:active,
   #view-catalog a:active,
   .no-decoration:focus,
   .navmenu .root-menu:focus,
   .navmenu>nav>ul a:focus,
   #masthead a:focus,
   .bx-prev:focus,
   .bx-next:focus,
   .navigation.pagination a:focus,
   .navigation.post-navigation a:focus,
   #colophon a:focus,
   #view-catalog a:focus {
      text-decoration: none
   }
   
   .mirror {
      -webkit-transform: scale(-1, 1);
      -moz-transform: scale(-1, 1);
      -ms-transform: scale(-1, 1);
      -o-transform: scale(-1, 1);
      transform: scale(-1, 1)
   }
   
   [data-eqht] {
      visibility: hidden
   }
   
   [data-href] {
      cursor: pointer
   }
   
   .flexbx,
   .banner-content {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -webkit-box-align: center;
      align-items: center
   }
   
   .flush [class*=col] {
      padding-left: 0;
      padding-right: 0
   }
   
   .cf,
   .inner-wrap,
   .product-items ul,
   li.prods ul,
   li.fabrics ul {
      *zoom: 1
   }
   
   .cf:before,
   .inner-wrap:before,
   .product-items ul:before,
   li.prods ul:before,
   li.fabrics ul:before,
   .cf:after,
   .inner-wrap:after,
   .product-items ul:after,
   li.prods ul:after,
   li.fabrics ul:after {
      content: '';
      display: table
   }
   
   .cf:after,
   .inner-wrap:after,
   .product-items ul:after,
   li.prods ul:after,
   li.fabrics ul:after {
      clear: both
   }
   
   .field_wrapper {
      margin-bottom: 5px
   }
   
   .field_wrapper .req {
      color: #f00;
      margin-left: 2px
   }
   
   .field_wrapper .field_name {
      float: left;
      font-size: 1.2rem;
      margin-bottom: 0;
      font-weight: 700
   }
   
   .field_wrapper .field_input {
      clear: both
   }
   
   .field_wrapper .validation_error {
      float: left;
      margin-top: -1px
   }
   
   .field_wrapper .validation_error p {
      float: left;
      margin: 3px 0 0 6px;
      font-size: 1rem;
      font-style: italic;
      color: #f00
   }
   
   .field_wrapper .validation_error>p.alert {
      margin: 10px 0 0
   }
   
   .modal {
      overflow: hidden
   }
   
   .modal#video {
      background: none;
      border: 0;
      box-shadow: none
   }
   
   .modal iframe {
      border: 0
   }
   
   .modal label,
   .modal [type=text],
   .modal [type=password] {
      width: 100%;
      font-size: 1.2rem
   }
   
   .modal .alert {
      text-align: center;
      font-size: 1.2rem;
      font-style: italic
   }
   
   .modal [type=text],
   .modal [type=password] {
      font-weight: 400;
      padding: 5px
   }
   
   .modal #status {
      overflow: hidden
   }
   
   .modal .modal-xl {
      width: 100%;
      max-width: 1360px;
      padding-left: 15px;
      padding-right: 15px
   }
   
   .modal .modal-header {
      background: #eee;
      border-radius: 6px 6px 0 0
   }
   
   .toggleable label {
      font-weight: 400;
      cursor: pointer
   }
   
   .toggleable .t-content,
   .toggleable [type=radio] {
      display: none
   }
   
   .toggleable [type=radio]:checked+.t-content {
      display: block
   }
   
   .after-break .info-after:before {
      content: '';
      display: block;
      height: 10px
   }
   
   .stButton .stButton_gradient,
   .stButton .stFb,
   .stButton .stTwbutton,
   .stButton .stMainServices {
      height: auto !important
   }
   
   .stButton {
      padding: 0;
      margin: 0 !important;
      width: 16px;
      height: 16px
   }
   
   .social-btns [class*=st_] {
      display: inline-block;
      width: 16px;
      height: 16px
   }
   
   .chicklets {
      width: 16px;
      border-radius: 3px;
      padding: 0 !important
   }
   
   iframe.twitter-tweet {
      width: 100%;
      max-width: 100% !important
   }
   
   blockquote.twitter-tweet {
      margin: 0;
      padding: 0;
      border: 0
   }
   
   .embed-container {
      position: relative;
      padding-bottom: 56.25%;
      padding-top: 30px;
      height: 0;
      overflow: hidden;
      max-width: 100%;
      height: auto
   }
   
   .embed-container iframe,
   .embed-container object,
   .embed-container embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%
   }
   
   #mobile-sidebar .buttons {
      padding: 0 20px
   }
   
   #mobile-sidebar .btn {
      padding: 16px 24px
   }
   
   #mobile-sidebar .showroom {
      padding: 20px;
      margin-top: 40px;
      border-top: 1px solid #004e7c;
      box-shadow: 0 -1px 0 #003554
   }
   
   .off-canvas-wrap {
      -webkit-backface-visibility: hidden;
      position: relative;
      width: 100%;
      overflow: hidden
   }
   
   .inner-wrap {
      -webkit-backface-visibility: hidden;
      position: relative;
      width: 100%;
      *zoom: 1;
      -webkit-transition: -webkit-transform 500ms ease;
      -moz-transition: -moz-transform 500ms ease;
      -ms-transition: -ms-transform 500ms ease;
      -o-transition: -o-transform 500ms ease;
      transition: transform 500ms ease
   }
   
   .move-right .off-canvas-wrap,
   .move-left .off-canvas-wrap {
      height: 100%
   }
   
   .move-right .exit-off-canvas,
   .move-left .exit-off-canvas {
      -webkit-backface-visibility: hidden;
      transition: background 300ms ease;
      cursor: pointer;
      display: block;
      position: absolute;
      background: rgba(255, 255, 255, 0.2);
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 1002;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
   }
   
   .move-right.move-right .inner-wrap,
   .move-left.move-right .inner-wrap {
      -moz-transform: translate3d(400px, 0, 0);
      -o-transform: translate3d(400px, 0, 0);
      -ms-transform: translate3d(400px, 0, 0);
      -webkit-transform: translate3d(400px, 0, 0);
      transform: translate3d(400px, 0, 0)
   }
   
   .move-right.move-left .inner-wrap,
   .move-left.move-left .inner-wrap {
      -moz-transform: translate3d(-400px, 0, 0);
      -o-transform: translate3d(-400px, 0, 0);
      -ms-transform: translate3d(-400px, 0, 0);
      -webkit-transform: translate3d(-400px, 0, 0);
      transform: translate3d(-400px, 0, 0)
   }
   
   .move-right .off-canvas-toggle,
   .move-left .off-canvas-toggle {
      background: #000;
      margin-top: 0;
      height: 81px;
      color: #fff;
      width: 81px;
      font-size: 0
   }
   
   .move-right .off-canvas-toggle .fa,
   .move-left .off-canvas-toggle .fa {
      display: none
   }
   
   .move-right .off-canvas-toggle .close,
   .move-left .off-canvas-toggle .close {
      display: block
   }
   
   @media only screen and (max-width: 480px) {
   
      .move-right.move-right .inner-wrap,
      .move-left.move-right .inner-wrap {
         -moz-transform: translate3d(280px, 0, 0);
         -o-transform: translate3d(280px, 0, 0);
         -ms-transform: translate3d(280px, 0, 0);
         -webkit-transform: translate3d(280px, 0, 0);
         transform: translate3d(280px, 0, 0)
      }
   
      .move-right.move-left .inner-wrap,
      .move-left.move-left .inner-wrap {
         -moz-transform: translate3d(-280px, 0, 0);
         -o-transform: translate3d(-280px, 0, 0);
         -ms-transform: translate3d(-280px, 0, 0);
         -webkit-transform: translate3d(-280px, 0, 0);
         transform: translate3d(-280px, 0, 0)
      }
   }
   
   .left-off-canvas-menu,
   .right-off-canvas-menu {
      width: 400px;
      top: 0;
      bottom: 0;
      position: absolute;
      overflow-y: auto;
      background: #333;
      z-index: 1001;
      box-sizing: content-box;
      -webkit-overflow-scrolling: touch
   }
   
   .left-off-canvas-menu,
   .right-off-canvas-menu,
   .left-off-canvas-menu *,
   .right-off-canvas-menu * {
      -webkit-backface-visibility: hidden
   }
   
   .left-off-canvas-menu.left-off-canvas-menu,
   .right-off-canvas-menu.left-off-canvas-menu {
      -moz-transform: translate3d(-100%, 0, 0);
      -o-transform: translate3d(-100%, 0, 0);
      -ms-transform: translate3d(-100%, 0, 0);
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
      left: 0
   }
   
   .left-off-canvas-menu.right-off-canvas-menu,
   .right-off-canvas-menu.right-off-canvas-menu {
      -moz-transform: translate3d(100%, 0, 0);
      -o-transform: translate3d(100%, 0, 0);
      -ms-transform: translate3d(100%, 0, 0);
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
      right: 0
   }
   
   @media only screen and (max-width: 480px) {
   
      .left-off-canvas-menu,
      .right-off-canvas-menu {
         width: 280px
      }
   }
   
   .csstransforms.no-csstransforms3d .left-off-canvas-menu {
      -moz-transform: translate(-100%, 0);
      -o-transform: translate(-100%, 0);
      -ms-transform: translate(-100%, 0);
      -webkit-transform: translate(-100%, 0);
      transform: translate(-100%, 0)
   }
   
   .csstransforms.no-csstransforms3d .right-off-canvas-menu {
      -moz-transform: translate(100%, 0);
      -o-transform: translate(100%, 0);
      -ms-transform: translate(100%, 0);
      -webkit-transform: translate(100%, 0);
      transform: translate(100%, 0)
   }
   
   .csstransforms.no-csstransforms3d .move-left .inner-wrap {
      -moz-transform: translate(-400px, 0);
      -o-transform: translate(-400px, 0);
      -ms-transform: translate(-400px, 0);
      -webkit-transform: translate(-400px, 0);
      transform: translate(-400px, 0)
   }
   
   .csstransforms.no-csstransforms3d .move-right .inner-wrap {
      -moz-transform: translate(400px, 0);
      -o-transform: translate(400px, 0);
      -ms-transform: translate(400px, 0);
      -webkit-transform: translate(400px, 0);
      transform: translate(400px, 0)
   }
   
   @media only screen and (max-width: 480px) {
      .csstransforms.no-csstransforms3d .move-left .inner-wrap {
         -moz-transform: translate(-280px, 0);
         -o-transform: translate(-280px, 0);
         -ms-transform: translate(-280px, 0);
         -webkit-transform: translate(-280px, 0);
         transform: translate(-280px, 0)
      }
   
      .csstransforms.no-csstransforms3d .move-right .inner-wrap {
         -moz-transform: translate(280px, 0);
         -o-transform: translate(280px, 0);
         -ms-transform: translate(280px, 0);
         -webkit-transform: translate(280px, 0);
         transform: translate(280px, 0)
      }
   }
   
   .no-csstransforms .left-off-canvas-menu {
      left: -400px
   }
   
   .no-csstransforms .right-off-canvas-menu {
      right: -400px
   }
   
   .no-csstransforms .move-left .inner-wrap {
      right: 400px
   }
   
   .no-csstransforms .move-right .inner-wrap {
      left: 400px
   }
   
   @media only screen and (max-width: 480px) {
      .no-csstransforms .left-off-canvas-menu {
         left: -280px
      }
   
      .no-csstransforms .right-off-canvas-menu {
         right: -280px
      }
   
      .no-csstransforms .move-left .inner-wrap {
         right: 280px
      }
   
      .no-csstransforms .move-right .inner-wrap {
         left: 280px
      }
   }
   
   .off-canvas-toggle {
      position: absolute;
      z-index: 999;
      padding: 11px 15px;
      margin: 27px 0 0;
      font-size: 1.6rem;
      font-weight: 700;
      line-height: 1;
      cursor: pointer;
      color: #004469
   }
   
   .off-canvas-toggle[data-slide=left] {
      right: 0
   }
   
   .off-canvas-toggle .fa {
      font-size: 2.4rem;
      vertical-align: top;
      margin-top: -4px
   }
   
   .off-canvas-toggle .close {
      display: none
   }
   
   .mm-toggle {
      cursor: pointer
   }
   
   .mm-toggle.visible-xs {
      position: fixed;
      z-index: 1;
      left: 10px;
      top: 5px
   }
   
   .mm-toggle.visible-xs.canvas-slid i:before,
   .mm-toggle.visible-xs.canvas-sliding i:before {
      content: '\f00d'
   }
   
   .navmenu {
      display: block;
      width: 400px;
      background: #004066;
      border-right: 1px solid #002033
   }
   
   .navmenu,
   .navmenu a {
      color: #fff
   }
   
   .navmenu p {
      padding-left: 10px;
      padding-right: 10px
   }
   
   .navmenu .divider {
      font-size: 2.4rem;
      font-weight: 700;
      background: #579cbe;
      position: relative;
      z-index: 1;
      padding: 24px 20px;
      margin-top: -1px;
      margin-bottom: -2px
   }
   
   .navmenu .divider,
   .navmenu .divider a {
      color: #fff
   }
   
   .navmenu .divider:before {
      content: '';
      border-top: 1px solid #004772;
      width: 100%;
      position: absolute;
      left: 0;
      top: 0
   }
   
   .navmenu .divider.top-border {
      border-top: 1px solid #003554
   }
   
   .navmenu .divider.bottom-border {
      border-bottom: 1px solid #003554
   }
   
   .navmenu .controls {
      font-size: 1.2rem;
      min-height: 30px
   }
   
   .navmenu .mm-toggle:hover,
   .navmenu .root-menu:hover {
      color: #fff
   }
   
   .navmenu .root-menu {
      display: none;
      color: #66c6ff
   }
   
   .navmenu.traversing .root-menu {
      display: inline
   }
   
   .navmenu .mm-toggle {
      position: absolute;
      right: 10px;
      top: 7px
   }
   
   .navmenu .social-links {
      padding-left: 6px
   }
   
   .navmenu .social-links a {
      font-size: 3rem;
      margin: 0 4px
   }
   
   .navmenu .copyright {
      font-size: 1.2rem
   }
   
   .navmenu>nav>ul {
      position: relative;
      border-top: 1px solid #003554;
      margin-top: 1px
   }
   
   .navmenu>nav>ul a {
      font-size: 2.4rem;
      font-weight: 100;
      position: relative;
      display: block;
      color: #fff;
      padding: 10px 20px
   }
   
   .navmenu>nav>ul li {
      margin-top: 1px
   }
   
   .navmenu>nav>ul li[class*=has-children]>a:after,
   .navmenu>nav>ul li[class*=has_children]>a:after {
      content: '\f0da';
      position: absolute;
      font-family: FontAwesome;
      color: #fff;
      right: 15px;
      top: 0;
      margin-top: 9px
   }
   
   .navmenu>nav>ul>li:first-child {
      margin-top: 0;
      border-top: 1px solid #004e7c
   }
   
   .navmenu>nav>ul .link i {
      margin-right: 10px
   }
   
   .navmenu>nav>ul .description {
      font-size: 1.2rem;
      line-height: 1.2;
      font-weight: 400;
      font-style: italic;
      color: #0092e8
   }
   
   .navmenu>nav>ul .current-menu-item>a {
      font-weight: 700
   }
   
   .navmenu>nav>ul .sub-menu {
      overflow: hidden
   }
   
   .navmenu>nav>ul .sub-menu a {
      color: #fff;
      font-size: 2rem;
      padding: 5px 20px
   }
   
   .navmenu>nav>ul.mm-accordion>li {
      border-bottom: 1px solid #003554;
      box-shadow: 0 1px 0 #004e7c
   }
   
   .navmenu>nav>ul.mm-accordion>li.expanded>a:after {
      content: '\f0d7' !important
   }
   
   .navmenu>nav>ul.mm-accordion .sub-menu {
      display: none;
      margin-left: 20px;
      margin-bottom: 20px
   }
   
   .navmenu>nav>ul.mm-accordion .lvl-0 .sub-menu a {
      padding-left: 30 px
   }
   
   .navmenu>nav>ul.mm-accordion .lvl-1 .sub-menu a {
      padding-left: 40 px
   }
   
   .navmenu>nav>ul.mm-accordion .lvl-2 .sub-menu a {
      padding-left: 50 px
   }
   
   .navmenu>nav>ul.mm-accordion .lvl-3 .sub-menu a {
      padding-left: 60 px
   }
   
   .navmenu>nav>ul.mm-accordion .lvl-4 .sub-menu a {
      padding-left: 70 px
   }
   
   .navmenu>nav>ul.mm-accordion .lvl-5 .sub-menu a {
      padding-left: 80 px
   }
   
   .navmenu>nav>ul.mm-accordion .lvl-6 .sub-menu a {
      padding-left: 90 px
   }
   
   .navmenu>nav>ul.mm-accordion .lvl-7 .sub-menu a {
      padding-left: 100 px
   }
   
   .navmenu>nav>ul.mm-accordion .lvl-8 .sub-menu a {
      padding-left: 110 px
   }
   
   .navmenu>nav>ul.mm-accordion .lvl-9 .sub-menu a {
      padding-left: 120 px
   }
   
   .navmenu>nav>ul.mm-accordion .lvl-10 .sub-menu a {
      padding-left: 130 px
   }
   
   @media only screen and (max-width: 480px) {
      .navmenu {
         width: 280px
      }
   }
   
   .btn-xl {
      border-radius: 2px;
      font-size: 1.8rem;
      font-weight: 900;
      padding: 14px 50px
   }
   
   .btn-ltblue,
   .btn-ltblue:focus,
   .btn-ltblue:active {
      color: #fff !important;
      background-color: #569cbe;
      background-image: -webkit-gradient(linear, center top, center bottom, from(#569cbe), to(#569cbe));
      background-image: -webkit-linear-gradient(top, #569cbe, #569cbe);
      background-image: -moz-linear-gradient(top, #569cbe, #569cbe);
      background-image: -ms-linear-gradient(top, #569cbe, #569cbe);
      background-image: -o-linear-gradient(top, #569cbe, #569cbe);
      background-image: linear-gradient(top, #569cbe, #569cbe);
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr="#569cbe", EndColorStr="#569cbe")
   }
   
   .btn-ltblue:hover {
      background-color: #3f82a3;
      background-image: -webkit-gradient(linear, center top, center bottom, from(#3f82a3), to(#3f82a3));
      background-image: -webkit-linear-gradient(top, #3f82a3, #3f82a3);
      background-image: -moz-linear-gradient(top, #3f82a3, #3f82a3);
      background-image: -ms-linear-gradient(top, #3f82a3, #3f82a3);
      background-image: -o-linear-gradient(top, #3f82a3, #3f82a3);
      background-image: linear-gradient(top, #3f82a3, #3f82a3);
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr="#3f82a3", EndColorStr="#3f82a3")
   }
   
   .btn-blue,
   .btn-blue:focus,
   .btn-blue:active {
      color: #fff !important;
      background-color: #004469;
      background-image: -webkit-gradient(linear, center top, center bottom, from(#004469), to(#004469));
      background-image: -webkit-linear-gradient(top, #004469, #004469);
      background-image: -moz-linear-gradient(top, #004469, #004469);
      background-image: -ms-linear-gradient(top, #004469, #004469);
      background-image: -o-linear-gradient(top, #004469, #004469);
      background-image: linear-gradient(top, #004469, #004469);
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr="#004469", EndColorStr="#004469")
   }
   
   .btn-blue:hover {
      background-color: #002336;
      background-image: -webkit-gradient(linear, center top, center bottom, from(#002336), to(#002336));
      background-image: -webkit-linear-gradient(top, #002336, #002336);
      background-image: -moz-linear-gradient(top, #002336, #002336);
      background-image: -ms-linear-gradient(top, #002336, #002336);
      background-image: -o-linear-gradient(top, #002336, #002336);
      background-image: linear-gradient(top, #002336, #002336);
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr="#002336", EndColorStr="#002336")
   }
   
   .btn-white,
   .btn-white:focus,
   .btn-white:active {
      color: #004469 !important;
      background-color: #fff;
      background-image: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#fff));
      background-image: -webkit-linear-gradient(top, #fff, #fff);
      background-image: -moz-linear-gradient(top, #fff, #fff);
      background-image: -ms-linear-gradient(top, #fff, #fff);
      background-image: -o-linear-gradient(top, #fff, #fff);
      background-image: linear-gradient(top, #fff, #fff);
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr="#fff", EndColorStr="#fff")
   }
   
   .btn-white:hover {
      background-color: #e6e6e6;
      background-image: -webkit-gradient(linear, center top, center bottom, from(#e6e6e6), to(#e6e6e6));
      background-image: -webkit-linear-gradient(top, #e6e6e6, #e6e6e6);
      background-image: -moz-linear-gradient(top, #e6e6e6, #e6e6e6);
      background-image: -ms-linear-gradient(top, #e6e6e6, #e6e6e6);
      background-image: -o-linear-gradient(top, #e6e6e6, #e6e6e6);
      background-image: linear-gradient(top, #e6e6e6, #e6e6e6);
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr="#e6e6e6", EndColorStr="#e6e6e6")
   }
   
   .buttons .btn {
      vertical-align: middle;
      border-radius: 0;
      padding: 9px 24px
   }
   
   #masthead {
      position: absolute;
      width: 100%;
      z-index: 99
   }
   
   #masthead:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 346px;
      background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.85) 30%, rgba(255, 255, 255, 0.78) 41%, rgba(255, 255, 255, 0.69) 51%, rgba(255, 255, 255, 0.45) 72%, rgba(255, 255, 255, 0.20) 87%, rgba(255, 255, 255, 0) 100%);
      background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.85) 30%, rgba(255, 255, 255, 0.78) 41%, rgba(255, 255, 255, 0.69) 51%, rgba(255, 255, 255, 0.45) 72%, rgba(255, 255, 255, 0.20) 87%, rgba(255, 255, 255, 0) 100%);
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.85) 30%, rgba(255, 255, 255, 0.78) 41%, rgba(255, 255, 255, 0.69) 51%, rgba(255, 255, 255, 0.45) 72%, rgba(255, 255, 255, 0.20) 87%, rgba(255, 255, 255, 0) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccffffff', endColorstr='#00ffffff', GradientType=0)
   }
   
   #masthead .brand {
      float: left
   }
   
   #masthead .brand img {
      margin: 28px 0 0 15px
   }
   
   @media only screen and (max-width: 767px) {
      #masthead .brand {
         text-align: center
      }
   }
   
   #masthead nav {
      float: right;
      margin-top: 56px
   }
   
   #masthead nav a {
      font-size: 1.6rem;
      font-weight: 600;
      /* color: #004469 */
      color: #173343;
   }
   
   #masthead nav .buttons {
      float: right;
      margin: -10px -15px 0 20px
   }
   
   #masthead nav .buttons .btn+.btn {
      margin-left: -3px
   }
   
   #masthead #main-menu .sub-menu {
      position: absolute;
      display: none
   }
   
   #masthead #main-menu li:hover>.sub-menu {
      display: block
   }
   
   #masthead #main-menu>li {
      margin-left: 15px
   }
   
   #masthead #main-menu>li[class*=current]>a {
      border-bottom: 3px solid #004469;
      /* font-weight: 900 */
      font-weight: 600;
      padding-bottom: 8px;
   }
   
   @media only screen and (max-width: 1199px) {
      #masthead nav {
         margin-right: 120px
      }
   }
   
   @media only screen and (max-width: 480px) {
      #masthead .brand img {
         margin-top: 28px;
         margin-left: 0;
         width: 180px
      }
   }
   
   #banner,
   .ibanner {
      position: relative
   }
   
   #banner {
      color: #fff
   }
   
   #banner h2 {
      font-size: 6rem;
      font-weight: 100;
      margin: 0
   }
   
   .banner-content {
      align-items: flex-end;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%
   }
   
   .banner-entry {
      width: 100%;
      text-align: center;
      max-width: 1170px;
      padding-left: 15px;
      padding-right: 15px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 40px
   }
   
   .ibanner.bkgd {
      background-size: cover !important;
      background-position: center center;
      width:100%;
   }
   
   /* ul.nav.nav-tabs.price-list-tabs {
      white-space: nowrap;
      flex-wrap: nowrap;
      width: 90%;
      display: inline-flex;
      overflow-x: auto;
      overflow-y: hidden;
      padding-bottom: 10px;
   } */
   
   .bx-pager {
      text-align: center;
      position: absolute;
      width: 100%;
      bottom: 5%;
      z-index: 51
   }
   
   .bx-pager-item {
      display: inline-block;
      vertical-align: middle;
      margin: 0 6px
   }
   
   .bx-pager-link {
      background: #569cbe;
      display: block;
      width: 12px;
      height: 12px;
      border-radius: 20px;
      color: transparent;
      font-size: 0
   }
   
   .bx-pager-link.active {
      background: #fff;
      width: 16px;
      height: 16px
   }
   
   .bx-prev,
   .bx-next {
      font-size: 6rem;
      position: absolute;
      z-index: 52;
      top: 50%;
      line-height: 1;
      margin-top: -30px
   }
   
   .bx-prev.disabled,
   .bx-next.disabled {
      opacity: 0.25;
      cursor: default
   }
   
   .bx-prev.disabled:hover,
   .bx-next.disabled:hover {
      color: #337ab7
   }
   
   .bx-prev:before,
   .bx-next:before {
      font-family: FontAwesome
   }
   
   .bx-prev.bx-prev,
   .bx-next.bx-prev {
      left: 15px
   }
   
   .bx-prev.bx-prev:before,
   .bx-next.bx-prev:before {
      content: '\f104'
   }
   
   .bx-prev.bx-next,
   .bx-next.bx-next {
      right: 15px
   }
   
   .bx-prev.bx-next:before,
   .bx-next.bx-next:before {
      content: '\f105'
   }
   
   #content {
      padding-top: 30px
   }
   
   .entry-content h1 {
      font-size: 3.8rem;
      color: #004469;
      font-weight: 100;
      margin-bottom: 30px
   }
   
   .entry-content h2 {
      font-size: 2.6rem;
      color: #004469;
      font-weight: 700
   }
   
   .entry-content h2+h4 {
      margin-top: 14px
   }
   
   .entry-content h4 {
      font-size: 2rem;
      font-weight: 700;
      line-height: 1.5
   }
   
   .entry-content h4+h2 {
      margin-top: 40px
   }
   
   .entry-content p,
   .entry-content li {
      line-height: 1.6
   }
   
   .entry-content p {
      margin-bottom: 30px
   }
   
   .entry-content img.alignleft,
   .entry-content img.alignright {
      max-width: 50%;
      height: auto
   }
   
   .entry-content img.aligncenter,
   .entry-content img.alignnone {
      max-width: 100%;
      height: auto
   }
   
   .bg50 {
      background: #ececec;
      overflow-x: hidden
   }
   
   .bg50 h1 {
      margin-top: 0
   }
   
   .bg50 .c1 .entry {
      position: absolute;
      width: 170%;
      right: 0
   }
   
   .bg50 .c1.col-sm-push-6 .entry {
      left: 0
   }
   
   .bg50 .c2 .entry {
      padding: 90px 45px;
      padding-right: 0
   }
   
   .bg50 .c2.col-sm-pull-6 .entry {
      padding-left: 0;
      padding-right: 45px
   }
   
   .bg50.split .c1 .entry {
      padding: 90px 45px;
      padding-left: 80%
   }
   
   .bg50.split .c2 .entry {
      padding: 90px 45px;
      padding-right: 80%;
      position: absolute;
      width: 170%;
      left: 0
   }
   
   @media only screen and (max-width: 767px) {
      .bg50 .c1 {
         padding-left: 0;
         padding-right: 0
      }
   
      .bg50 .c1 .entry {
         position: static;
         width: 100%;
         min-height: 300px
      }
   
      .bg50 .c2 .entry {
         padding-left: 0;
         padding-right: 0
      }
   
      .bg50.split .columns {
         padding-left: 0;
         padding-right: 0
      }
   
      .bg50.split .entry {
         position: static !important;
         padding-left: 15px !important;
         padding-right: 15px !important
      }
   
      .bg50.split .c1 .entry {
         padding-left: 0;
         padding-right: 0
      }
   }
   
   div.wpcf7 p {
      margin-bottom: 10px
   }
   
   div.wpcf7 textarea {
      height: 100px
   }
   
   div.wpcf7 .lbl {
      font-size: 2rem;
      font-weight: 100
   }
   
   div.wpcf7 .wpcf7-not-valid-tip {
      font-size: 1.2rem;
      font-style: italic
   }
   
   div.wpcf7 .wpcf7-response-output {
      margin-left: 0;
      margin-right: 0;
      padding: 20px;
      border: 2px solid #ccc
   }
   
   div.wpcf7 .wpcf7-form.bsmodal .ajax-loader,
   div.wpcf7 .wpcf7-form.bsmodal .wpcf7-not-valid-tip,
   div.wpcf7 .wpcf7-form.bsmodal .wpcf7-response-output {
      display: none !important
   }
   
   div.wpcf7 .form-control {
      height: 40px;
      border-color: #33789a;
      border-radius: 0
   }
   
   div.wpcf7 textarea.form-control {
      height: auto
   }
   
   .archive-select {
      padding: 15px 0
   }
   
   .archive-dropdown {
      position: relative
   }
   
   .archive-dropdown .archive-dropdown-button {
      padding: 5px 20px;
      width: 100%;
      text-align: left;
      background: #eee;
      border: 1px solid rgba(0, 0, 0, 0.15)
   }
   
   .archive-dropdown .archive-dropdown-button .fa {
      float: right;
      margin-top: 4px
   }
   
   .dropdown-menu {
      min-width: 100%;
      max-height: 200px;
      overflow-y: auto
   }
   
   .dropdown-menu>li[class*=current] a,
   .dropdown-menu>li[class*=current]:hover a {
      background: #ccc
   }
   
   div.sharethis {
      min-height: 24px
   }
   
   .navigation.pagination,
   .navigation.post-navigation {
      border-top: 1px solid #ccc;
      clear: both;
      border-radius: 0;
      padding-top: 20px;
      margin-top: 40px
   }
   
   .navigation.pagination a,
   .navigation.post-navigation a {
      color: #000
   }
   
   .navigation.pagination .screen-reader-text,
   .navigation.post-navigation .screen-reader-text {
      display: none
   }
   
   .navigation.pagination {
      text-align: center;
      display: block
   }
   
   .navigation.pagination .nav-links>* {
      display: inline-block;
      width: 30px;
      height: 30px;
      line-height: 30px;
      border: 1px solid #ccc;
      margin: 0 -3px 0 -2px
   }
   
   .navigation.pagination .nav-links .current {
      background: #000;
      color: #fff
   }
   
   .navigation.pagination .nav-links .next,
   .navigation.pagination .nav-links .prev {
      width: auto
   }
   
   .navigation.post-navigation .nav-previous {
      float: left
   }
   
   .navigation.post-navigation .nav-next {
      float: right
   }
   
   .widget {
      background-color: #569cbe;
      color: #fff;
      padding: 50px 30px
   }
   
   .widget.bg-living-room-blue {
      background-image: url(../images/bg-living-room.jpg);
      background-size: cover
   }
   
   .widget h2 {
      font-size: 3.8rem;
      font-weight: 100;
      margin-bottom: 20px
   }
   
   .widget .btn {
      margin-top: 20px
   }
   
   #colophon {
      font-size: 1.4rem;
      color: #373737;
      padding: 30px 0;
      border-top: 1px solid #d6d6d4
   }
   
   #colophon .site-info li {
      vertical-align: top;
      margin-right: 30px
   }
   
   #colophon .site-info li strong {
      color: #004469
   }
   
   #colophon .site-info li:last-child {
      margin-right: 0
   }
   
   #colophon #footer-menu {
      margin-bottom: 20px
   }
   
   #colophon #footer-menu>li>a {
      color: #004469;
      font-weight: 700
   }
   
   #colophon .royal a {
      text-decoration: underline
   }
   
   @media (max-width:1400px) {
      #colophon .logo {
         display: block
      }
   }
   
   @media only screen and (max-width: 1199px) {
      #colophon .text-right {
         text-align: left !important
      }
   
      #colophon .logo {
         display: none
      }
   }
   
   @media (max-width:840px) {
      #colophon .logo {
         display: block
      }
   }
   
   @media only screen and (max-width: 767px) {
      #colophon .site-info {
         margin-bottom: 30px
      }
   
      #colophon .site-info>li:nth-child(3):before {
         content: '';
         display: block
      }
   }
   
   #account-login {
      background: #d6d6d4
   }
   
   #account-login #login-form {
      padding: 30px 0;
      background: #d6d6d4
   }
   
   #account-login h2 {
      margin-top: 0;
      margin-bottom: 20px;
      font-weight: 300;
      color: #004469;
      font-size: 3.8rem
   }
   
   #account-login .form-control {
      height: 54px
   }
   
   #account-login .field_wrapper {
      margin-bottom: 10px
   }
   
   #product-breadcrumb {
      font-size: 1.4rem;
      background: #004469;
      padding: 8px 15px;
      color: #fff;
      margin-bottom: 10px;
      margin-top: -30px
   }
   .page-id-204 #product-breadcrumb{
      margin-bottom: 0;
   }
   
   #product-breadcrumb a,
   #product-breadcrumb i {
      color: #569cbe
   }
   
   #product-breadcrumb i {
      margin: 0 10px
   }
   
   #product-categories {
      margin-top: 78px
   }
   
   .product-category-items .entry {
      position: relative
   }
   
   .product-category-items .columns {
      margin-bottom: 30px
   }
   
   .product-category-items .entry a:hover{
      text-decoration: none;
   }
   
   .product-category-items > .row{
      flex-wrap: wrap;
      display: flex;
      justify-content: center;
   }
   
   .product-category-items .name {
      margin-bottom: -3px;
      padding: 0 30px;
      line-height: 1;
      font-size: 39px;
      font-weight: normal;
      /* color: #5A8FB6; */
      color: #173343;
      max-width: 395px;
      margin: 0 auto 20px;
      /* position: absolute;
      bottom: 0;
      left: 0; */
      width: 100%
   }
   .product-category-items .columns.col-ph-12:nth-child(1) .name,
   .product-category-items .columns.col-ph-12:nth-child(2) .name,
   .product-category-items .columns.col-ph-12:nth-child(3) .name{
      margin-left: 0;
      color: #173343;
      font-weight: normal;
      margin-bottom: -30px;
   }
   /* .product-category-items .entry .bg-filler {
      background-size: 470px !important;
  } */
   /* .product-category-items .name:before {
      content: '';
      position: absolute;
      left: 0;
      bottom: 3px;
      width: 100%;
      height: 100%;
      background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.09) 17%, rgba(0, 0, 0, 0.27) 40%, rgba(0, 0, 0, 0.35) 56%, rgba(0, 0, 0, 0.49) 87%, rgba(0, 0, 0, 0.5) 100%);
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.09) 17%, rgba(0, 0, 0, 0.27) 40%, rgba(0, 0, 0, 0.35) 56%, rgba(0, 0, 0, 0.49) 87%, rgba(0, 0, 0, 0.5) 100%);
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.09) 17%, rgba(0, 0, 0, 0.27) 40%, rgba(0, 0, 0, 0.35) 56%, rgba(0, 0, 0, 0.49) 87%, rgba(0, 0, 0, 0.5) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=0)
   } */
   
   .product-category-items .name span {
      position: relative
   }
   
   /* div#content main#main .product-item .details .col-sm-5 img {
      top: 25px;
      left: 200px;
   } */
   
   @media only screen and (max-width: 767px) {
      .product-category-items .name {
         font-size: 4rem
      }
   }
   
   .root-page-id-71 h1.entry-title {
      margin-top: 20px
   }
   
   @media only screen and (max-width: 767px) {
      .root-page-id-71 h1.entry-title {
         display: none
      }
   }
   
   .root-page-id-71 h1.entry-title,
   .thin-blu {
      margin-bottom: 26px;
      /* font-size: 3.8rem; */
      font-size: 36px;
      font-weight: 300;
      color: #000;
      margin-bottom: 0;
      text-transform: uppercase;
   }
   
   .dropdown {
      text-align: center;
      width: 100%;
      min-width: 320px;
      max-width: 380px;
      margin: auto auto 20px
   }
   
   .dropdown button {
      width: 100%;
      padding: 15px;
      background: #004469;
      color: #fff;
      border: 0;
      font-size: 1.8rem;
      font-weight: 700;
      border-radius: 4px;
      text-align: left
   }
   
   .dropdown button .fa {
      position: absolute;
      right: 0;
      top: 0;
      background: #569cbe;
      width: 40px;
      height: 55px;
      text-align: center;
      line-height: 55px;
      border-radius: 0 4px 4px 0
   }
   
   .product-items {
      position: relative
   }
   .d-flex{
      display: flex;
   }
   .d-webkit-box{
      display:-webkit-inline-box;
   }
   .product-items li.prods .d-flex  .img-arrow,
   .d-flex .img-arrow-details{
      margin-left: 24px;
   }
   .product-items li.prods a p{
      font-size: 22px;
      line-height: 1;
      font-weight: 300;
      position: relative;
      display: inline;
      text-transform: uppercase;
      color: #000;
   }
   .product-items li.prods a:hover{
      text-decoration: none;
   }
   .product-items li.prods .img-arrow{
      position: relative;
   }
   .product-items li.prods .img-arrow::after{
      content: "";
      position: absolute;
      left: -12px;
      top: -5px;
      width: 1px;
      height: 35px;
      background-color: #707070;
   }
   hr {
      border-bottom: 2px solid #CECECE;
   }
   /* .product-items.product-list{
      margin-bottom: 180px;
   } */
   .product-items.product-list{
      margin-bottom: 60px;
   }
   .img-arrow-details{
    margin-left: 30px;
    position: relative;
   }
   .img-arrow-details::after{
      content: "";
      position: absolute;
      left: -12px;
      top: 5px;
      width: 1px;
      height: 35px;
      background-color: #707070;
   }
   
   div#primary main#main .details{
      margin-top: 90px;
   }
   .d-pos-set {
      position: relative;
      margin-top: 16%;
      display: flex;
      justify-content: center;
      align-items: center;
   }
   .d-pos-set a i{
      font-size: 70px !important;
      color: #A2A2A2;
      padding: 0 !important;
   }
   .product-items li.prods:nth-child(4n+1) {
      clear: both
   }
   
   .product-items a {
      color: #404040;
      font-size: 2rem;
      font-weight: 700
   }
   
   .box-ltblue {
      position: absolute;
      right: 0;
      top: -90px;
      min-width: 335px;
      background: #fff;
      min-height: 62px;
      text-align: center;
   }
   
   .product-items .download .box-ltblue a {
      position: absolute;
      right: 0;
      top: 0;
      /* margin-top: -76px; */
      margin-top: 4px;
      vertical-align: top;
      max-width: 320px;
      width: 100%;
      padding-top: 11px;
      padding-bottom: 11px
   }
   
   .product-items .download a .fa {
      margin-top: -2px
   }
   
   .bx-wrapper {
      max-width: inherit !important;
   }
   
   @media only screen and (max-width: 1199px) {
      .product-items li.fabrics {
         width: 20%
      }
   
      .product-items li.fabrics:nth-child(6n+1) {
         clear: none
      }
   
      .product-items li.fabrics:nth-child(5n+1) {
         clear: both
      }
      
   }
   
   @media only screen and (max-width: 991px) {
      .product-items li.prods {
         width: 33.33333%
      }
   
      .product-items li.prods:nth-child(4n+1) {
         clear: none
      }
   
      .product-items li.prods:nth-child(3n+1) {
         clear: both
      }
   
      .product-items li.fabrics {
         width: 25%
      }
   
      .product-items li.fabrics:nth-child(5n+1) {
         clear: none
      }
   
      .product-items li.fabrics:nth-child(4n+1) {
         clear: both
      }
      .product-item .prev, .product-item .next{
         padding-left: 0;
      }
      div#product-slider .bx-wrapper ul li {
         width: 275px !important;
         padding: 0;
     }
   }
   
   @media only screen and (max-width: 767px) {
      .product-items li.prods {
         width: 50%
      }
   
      .product-items li.prods:nth-child(3n+1) {
         clear: none
      }
   
      .product-items li.prods:nth-child(2n+1) {
         clear: both
      }
   
      .product-items li.fabrics {
         width: 33.33333%
      }
   
      .product-items li.fabrics:nth-child(4n+1) {
         clear: none
      }
   
      .product-items li.fabrics:nth-child(3n+1) {
         clear: both
      }
   
      .product-items .download {
         text-align: center;
         margin-bottom: 20px
      }
   
      .product-items .download a {
         position: static;
         margin: 0
      }
      .product-items.product-list{
         margin-bottom: 60px;
      }
      table.table.table-responsive.d-block tr th:nth-child(1) {
         width: 190px;
         display: block;
         border: 0;
     }
   }
   
   @media (max-width:640px) {
      .product-items li.fabrics {
         width: 50%
      }
   
      .product-items li.fabrics:nth-child(3n+1) {
         clear: none
      }
   
      .product-items li.fabrics:nth-child(2n+1) {
         clear: both
      }
   }
   
   @media only screen and (max-width: 480px) {
   
      .product-items li.prods,
      .product-items li.fabrics {
         width: 100%
      }
   }
   
   li.prods {
      float: left;
      width: 25%;
      padding: 30px
   }
   
   li.fabrics {
      float: left;
      width: 16.66667%;
      padding: 15px;
      text-align: center
   }
   
   li.fabrics img {
      margin-bottom: 7px
   }
   
   li.fabrics:nth-child(6n+1) {
      clear: both
   }
   
   li.fabrics p.fabrics {
      display: inline
   }
   
   li.price {
      margin-bottom: 40px
   }
   
   .product-item hr {
      border-bottom: 2px solid #569cbe;
      margin-top: 14px;
      margin-bottom: 26px
   }
   
   .product-item h1 {
      margin-bottom: 20px;
      /* color: #004469; */
      color: #000;
      font-size: 3.8rem;
      font-weight: 300
   }
   
   .product-item h1 .cat {
      font-size: 2.6rem;
      font-weight: 700;
      text-transform: none
   }
   
   .product-item h3 {
      font-size: 18px;
      font-weight: 700;
      /* color: #5A5A5A; */
      color: #000;
      text-transform: uppercase;
   }
   .product-item p.description{
      font-size: 12px;
   }
   
   .product-item h4 {
      font-size: 16px;
      font-weight: 700
   }
   
   .product-item h5{
      font-size: 15px;
      font-weight: 600;
      color: #000;
   }
   
   .product-item p {
      line-height: 1.6
   }
   
   .product-item .style {
      color: #004469;
      font-size: 3.8rem;
      font-weight: 300
   }
   
   .product-item #mainimg {
      margin-bottom: 30px
   }
   
   .product-item .prev,
   .product-item .next {
      border-radius: 0;
      font-size: 1.8rem;
      font-weight: 700;
      padding: 13px 25px
   }
   
   .product-item .prev .fa,
   .product-item .next .fa {
      font-size: 3rem;
      vertical-align: middle;
      margin-top: -7px
   }
   
   .product-item .prev .fa {
      margin-right: 6px
   }
   
   .product-item .next .fa {
      margin-left: 6px
   }
   
   .product-item .thumb {
      width: 90px
   }
   
   .product-item .more-images {
      padding: 10px;
      font-weight: 700;
      font-size: 1.8rem;
      background: #569cbe;
      text-align: center;
      font-width: 700;
      color: #fff
   }
   
   .product-item .more-images a {
      font-size: 3rem;
      color: #fff
   }
   
   .product-item .table {
      margin-bottom: 30px
   }
   
   .product-item .table thead {
      /* background: #d4d2d2 */
      background: #ACACAC;
   }
   .table>thead>tr>th{
      color: #fff;
   }
   .product-item .table tbody tr td{
      color: #000 !important;
      font-weight: 400;
   }
   /*.product-item .table tbody tr {
      background: #f4f3f3
   }
   
    .product-item .table tbody tr:nth-child(odd) {
      background: #ebebeb
   } */
   
   .product-item .print {
      margin-right: 30px;
      font-size: 1.8rem;
      font-weight: 700;
      display: inline-flex;
      margin-bottom: 15px;
   }
   
   .product-item .print .fa {
      font-size: 3.7rem;
      vertical-align: middle;
      margin-top: -8px
   }
   
   .product-item .message {
      font-style: italic
   }
   
   .product-item .message.messtop {
      margin-top: 30px;
      color: #000;
   }
   
   #product-slider {
      position: relative
   }
   
   #product-slider a {
      color: #404040;
      font-size: 2rem;
      font-weight: 700;
      display: block;
      overflow: hidden
   }
   
   #product-slider li.prods {
      width: 100%;
      float: none;
      display: block;
      overflow: hidden
   }
   
   #product-slider li.prods img {
      display: block;
      width: 100%;
      height: auto
   }
   
   #product-slider .bx-prev {
      position: absolute;
      top: 50%;
      left: -130px;
      color: #A2A2A2;
      font-size: 70px;
      text-align: center;
      font-weight: 400;
   }
   #product-slider .bx-next {
      right: -130px;
      position: absolute;
      top: 50%;
      color: #A2A2A2;
      font-size: 70px;
      text-align: center;
      font-weight: 400;
   }
   
   .bx-prev.bx-prev:before, 
   .bx-next.bx-prev:before{
      content:"\f104";
   }
   div#content div#primary .details-product .product-category-items .name{
      color: #173343;
      font-size: 30px !important;
      margin-left: 0;
   }
   
   .details-product{
      margin: 155px 0 100px;
   }
   
   .details-product .product-category-items{
      padding-top: 84px;
   }
   
   #view-catalog {
      font-size: 1.8rem;
      font-weight: 900;
      text-align: center;
      background: #569cbe
   }
   
   #view-catalog a {
      color: #fff;
      display: block;
      padding: 16px 0
   }
   
   #view-catalog p {
      margin: 0
   }
   
   #register {
      color: #fff;
      padding: 57px 0
   }
   
   #register h2 {
      color: #fff;
      font-size: 3.8rem;
      font-weight: 100;
      margin-bottom: 15px
   }
   
   #register .btn {
      margin-top: 22px
   }
   
   #contact-info #c-form {
      margin-bottom: 30px
   }
   
   #contact-info #c-form .entry {
      background: #569cbe;
      padding: 30px 34px;
      color: #fff
   }
   
   #contact-info #c-form h1 {
      color: #fff;
      margin: -10px 0 16px
   }
   
   #contact-info #c-info {
      margin-bottom: 30px
   }
   
   #contact-info #c-info #map-canvas {
      width: 50% !important;
      float: left;
      margin-right: 30px;
      margin-bottom: 30px
   }
   .bx-viewport,
   .ibanner.bkgd{
      min-height: 359px;
      max-height: 844px;
      height: 864px;
   }
   
   @media only screen and (max-width: 1199px) {
      #contact-info #c-info #map-canvas {
         width: 100% !important
      }
      #product-slider .bx-prev {
         left: -60px !important;
      }
      #product-slider .bx-next {
         right: -60px !important;
      }
      .d-flex{
         display: block;
      }
      .product-items li.prods .d-flex .img-arrow{
         margin-left: 0;
         margin-top: 15px;
      }
      .product-items li.prods .img-arrow::after{
         display: none;
      }
      .container.details-product{
         margin: 100px 0 70px;
      }
      .product-items.product-list{
         margin-bottom: 100px;
      }
      .product-category-items .name,
      .root-page-id-71 h1.entry-title, .thin-blu{
         font-size: 30px;
      }
      div#content div#primary .details-product .product-category-items .name{
         font-size: 20px !important;
      }
      div#primary main#main .details{
         margin-top: 60px;
      }
      .bx-viewport,
      .ibanner.bkgd{
         min-height: 359px;
         max-height: 844px;
         height: 500px;
      }
      .details-product .product-category-items{
         padding-top: 60px;
      }
   }
   
   @media only screen and (max-width: 480px) {
      #contact-info .g-recaptcha {
         transform: scale(0.67);
         -webkit-transform: scale(0.67);
         transform-origin: 0 0;
         -webkit-transform-origin: 0 0
      }
   }
   
   #login-register,
   #login-register a,
   #login-register h1 {
      color: #fff
   }
   
   #login-register .form-entry {
      padding: 30px
   }
   
   #login-register .f-login .form-entry {
      background: #569cbe;
      margin-bottom: 30px
   }
   
   #login-register .f-register .form-entry {
      background: #004469;
      margin-bottom: 30px
   }
   
   body:not(.homepage) #banner .ibanner.bkgd {
      height: 278px
   }
   
   .homepage #banner .bx-pager {
      bottom: 70px;
      text-align: left;
      padding-left: 30px;
      width: auto
   }
   .banner-entry h2{
      display: none;
   }
   
   .homepage #banner .banner-entry {
      max-width: none;
      margin: 0;
      padding: 0;
      height: 100%; 
      display:none;
   }
   
   .homepage #banner .banner-entry a {
      display: block;
      height: 100%;
      color: transparent;
      font-size: 0
   }
   
   .homepage #banner .banner-entry p {
      margin: 0;
      height: 100%
   }
   
   @media only screen and (max-width: 767px) {
   
      .homepage #banner .bx-viewport,
      .homepage #banner .ibanner.bkgd {
         height: 460px !important
      }
      .d-webkit-box{
         display: block;
      }
      .img-arrow-details{
         margin-left: 0;
         margin-top: 15px;
      }
      .img-arrow-details::after{
         display: none;
      }
      .product-item .prev, .product-item .next{
         padding: 0 !important;
      }
      .d-pos-set a i{
         font-size: 50px !important;
      }
      .product-item h1{
         font-size: 26px;
      }
      .d-pos-set{
         margin-top: 65%;
      }
      .d-block{
         display: block;
      }
      .container.details-product{
         margin: 70px 0 50px;
      }
      .product-category-items .name,
      .root-page-id-71 h1.entry-title, .thin-blu{
         font-size: 24px;
      }
      div#content div#primary .details-product .product-category-items .name{
         font-size: 20px !important;
      }
      div#product-slider .bx-wrapper ul li{
         width: 300px !important;
      }
      #product-slider .bx-prev {
         left: -40px !important;
         font-size: 50px;
      }
      #product-slider .bx-next {
         right: -40px !important;
         font-size: 50px;
      }
      .bx-viewport,
      .ibanner.bkgd{
         min-height: 359px;
         max-height: 844px;
         height: 400px;
      }
      .details-product .product-category-items{
         padding-top: 40px;
      }
   }
   
   .overflow-hidden{
      overflow: hidden;
   }
   
   .homepage #content {
      position: relative;
      z-index: 99;
      margin-top: -59px;
      padding-top: 0
   }
   
   .special-project-thumb {
      height: 0;
      padding: 41.1765% 0;
      margin-bottom: 30px;
      background: #000 no-repeat 50% / cover;
      display: block
   }
   
   .responsive-bg>img {
      display: none
   }
   
   .back-up {
      display: none
   }
   .tabs-design {
      margin: 0 -15px !important;
      background: #F7F7F7;
      border-bottom: 1px solid #ddd;
      padding-top: 30px;
   }
   .tabs-design .nav-tabs{
      border-bottom: 0;
   }
   ul.nav.nav-tabs.price-list-tabs li.active a {
      background: transparent;
   }
   .price-list-tabs .active a:after{
      border-top-color:#F7F7F7 !important;
   }
   
   
   .details-product .product-category-items .columns:nth-child(4), 
   .details-product .product-category-items .columns:nth-child(5), 
   .details-product .product-category-items .columns:nth-child(6), 
   .details-product .product-category-items .columns:nth-child(7) {
      width: 25%;
   }
   
   @media only screen and (max-width: 1660px) {
      .tabs-design{
         padding-top: 20px;
      }
      ul.nav.nav-tabs.price-list-tabs{
         white-space: nowrap;
         flex-wrap: nowrap;
         width: 75%;
         display: inline-flex;
         overflow-x: auto;
         overflow-y: hidden;
         padding-bottom: 10px;
      }
   }
   
   @media only screen and (min-width: 1200px) {}
   
   @media only screen and (max-width: 1199px) {}
   
   @media only screen and (max-width: 991px) {
      .details-product .product-category-items .columns:nth-child(4), 
      .details-product .product-category-items .columns:nth-child(5), 
      .details-product .product-category-items .columns:nth-child(6), 
      .details-product .product-category-items .columns:nth-child(7) {
         width: 50%;
      }
   }
   
   @media only screen and (min-width: 768px) and (max-width: 992px) {}
   
   @media only screen and (max-width: 767px) {
      .details-product .product-category-items .columns:nth-child(4), 
      .details-product .product-category-items .columns:nth-child(5), 
      .details-product .product-category-items .columns:nth-child(6), 
      .details-product .product-category-items .columns:nth-child(7) {
         width: 100%;
      }
      ul.nav.nav-tabs.price-list-tabs{
         width: 100%;
      }
      .box-ltblue {
         position: relative;
         right: inherit;
         top: inherit;
         min-width: 335px;
         background: #fff;
         min-height: 62px;
         text-align: left;
     }
      .scrolling .back-up {
         display: block;
         cursor: pointer;
         color: #569cbe;
         position: fixed;
         right: 0;
         bottom: 0;
         margin: 20px;
         font-size: 3rem
      }
   
      .resp-tbl table,
      .resp-tbl thead,
      .resp-tbl tbody,
      .resp-tbl th,
      .resp-tbl td,
      .resp-tbl tr {
         display: block
      }
   
      .resp-tbl thead tr {
         position: absolute;
         top: -9999px;
         left: -9999px
      }
   
      .resp-tbl tr {
         border: 1px solid #ccc
      }
   
      .resp-tbl td {
         font-size: 14px;
         border: none;
         border-bottom: 1px solid #eee;
         position: relative;
         padding-left: 50%;
         white-space: normal;
         text-align: left
      }
   
      .resp-tbl td:before {
         position: absolute;
         top: 17px;
         left: 6px;
         width: 45%;
         padding-right: 10px;
         white-space: nowrap;
         text-align: left;
         font-weight: bold
      }
   
      .resp-tbl td:before {
         content: attr(data-title)
      }
   
      .resp-tbl td strong {
         font-weight: 400;
         font-size: 14px
      }
   }
   
   .visible-ph {
      display: none !important
   }
   
   @media only screen and (max-width: 480px) {
      .hidden-ph {
         display: none !important
      }
   
      .visible-ph {
         display: block !important
      }
   
      .btn {
         white-space: normal
      }
   
      .col-ph-12 {
         width: 100%
      }
   
      .entry-content img.alignleft,
      .entry-content img.alignright,
      .entry-content img.aligncenter,
      .entry-content img.alignnone {
         display: block;
         float: none;
         max-width: 100%;
         height: auto;
         margin: 0 auto 20px
      }
   }
   
   @-ms-viewport {
      width: auto !important;
   }
   
   .close {
      float: none;
      opacity: 1;
      position: relative;
      display: inline-block;
      width: 50px;
      height: 50px;
      overflow: hidden
   }
   
   .close:hover {
      opacity: 1
   }
   
   .close:hover::before,
   .close:hover::after {
      background: #fff
   }
   
   .close::before,
   .close::after {
      content: '';
      position: absolute;
      height: 2px;
      width: 100%;
      top: 50%;
      left: 0;
      margin-top: -1px;
      background: #fff
   }
   
   .close::before {
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg)
   }
   
   .close::after {
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg)
   }
   
   .close.big {
      -moz-transform: scale(3);
      -o-transform: scale(3);
      -ms-transform: scale(3);
      -webkit-transform: scale(3);
      transform: scale(3)
   }
   
   .close.hairline::before,
   .close.hairline::after {
      height: 1px
   }
   
   .close.thick::before,
   .close.thick::after {
      height: 4px;
      margin-top: -2px
   }
   
   .close.black::before,
   .close.black::after {
      height: 8px;
      margin-top: -4px
   }
   
   .close.heavy::before,
   .close.heavy::after {
      height: 12px;
      margin-top: -6px
   }
   
   .close.pointy::before,
   .close.pointy::after {
      width: 200%;
      left: -50%
   }
   
   .close.rounded::before,
   .close.rounded::after {
      border-radius: 5px
   }
   
   .close.blades::before,
   .close.blades::after {
      border-radius: 5px 0
   }
   
   .close.warp::before,
   .close.warp::after {
      border-radius: 120% 0
   }
   
   .close.fat::before,
   .close.fat::after {
      border-radius: 100%
   }
   .homepage #banner .banner-entry{
      display: block !important;
   }
   
     @media only screen and (max-width: 767px) {
      body.admin-bar {
         padding-top: 0
      }
   
      body.admin-bar #wpadminbar {
         display: none
      }
      #masthead::before {
          height: 170px !important;
      }
      #masthead .brand img {
          margin-top: 8px;
       max-width: 150px;   
      }
   }