html{overflow-x:hidden}#fabric-guide .top-banner{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-justify-content:center;-ms-flex-pack:justify;justify-content:center;background-image:url("../../images/pages/fabric-guide/top-banner.jpg");height:240px;margin-left:50%;max-width:1680px;overflow:hidden;transform:translateX(-50%);width:1680px}#fabric-guide .top-banner div{height:150px;width:900px}#fabric-guide .top-banner h1{font-family:"TT-Norms-Pro","Nunito Sans","Open Sans",Helvetica,Arial,sans-serif;font-size:37px;font-weight:500;text-align:center}#fabric-guide .top-banner p{color:#434343;font-size:20px;font-weight:400;margin:25px 0;text-align:center}#fabric-guide .top-banner a{display:block;font-size:17px;font-weight:700;margin:0 auto;text-align:center;text-transform:uppercase}#fabric-guide .top-banner a span{display:inline-block;padding-left:3px;transition:ease-in all 0.2s}#fabric-guide .top-banner a:hover{color:#000}#fabric-guide .top-banner a:hover span{transform:translateX(10px)}#fabric-guide .page-nav{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:50px;position:relative;width:990px}#fabric-guide .page-nav a{font-size:15px;font-weight:600;line-height:30px;padding:7px 0;text-transform:uppercase}#fabric-guide .page-nav a:hover{color:#000}#fabric-guide .page-nav a:hover .underline-text:before{visibility:visible;width:100%}#fabric-guide .page-nav a .underline-text{display:inline-block;position:relative}#fabric-guide .page-nav a .underline-text:before{content:"";position:absolute;width:0;height:2px;bottom:0px;left:0%;background-color:#000;visibility:hidden;transition:width 0.3s ease-in-out;-webkit-transition:width 0.3s ease-in-out;text-align:center}#fabric-guide .page-nav a .underline-text:hover:before{visibility:visible;width:100%}#fabric-guide .page-nav::after{background:#e6e6e6;bottom:7px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:1650px;z-index:-1}#fabric-guide #warm-neutrals .section-banner{background-image:url("../../images/pages/fabric-guide/section-hero-1.jpg")}#fabric-guide #cool-greys .section-banner{background-image:url("../../images/pages/fabric-guide/section-hero-2.jpg")}#fabric-guide #crisp-whites .section-banner{background-image:url("../../images/pages/fabric-guide/section-hero-3.jpg")}#fabric-guide #standout-colors .section-banner{background-image:url("../../images/pages/fabric-guide/section-hero-4.jpg")}#fabric-guide #performance-fabrics .section-banner{background-image:url("../../images/pages/fabric-guide/section-hero-5.jpg")}#fabric-guide .border-section{position:relative}#fabric-guide .border-section::after{background:#e6e6e6;bottom:7px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:1650px;z-index:-1}#fabric-guide .section-banner{height:460px;position:relative;width:990px}#fabric-guide .section-banner div{height:160px;padding:130px 0 0 30px;width:275px}#fabric-guide .section-banner h2{color:#000;font-size:36px;font-weight:600;letter-spacing:0.1em;line-height:54px;margin-bottom:36px;text-transform:uppercase}#fabric-guide .section-banner a{border:1px solid #a1a1a1;font-size:16px;font-weight:400;letter-spacing:0.05em;padding:10px 32px;text-transform:uppercase}#fabric-guide .section-banner .chair-img-link{border:0;height:100%;padding:0;position:absolute;right:0;width:657px}#fabric-guide .section-banner .image-description{bottom:5px;font-size:14px;font-weight:200;position:absolute;right:0}#fabric-guide #performance-fabrics .performance-copy{font-size:22px;font-weight:300;line-height:35px;margin-bottom:40px;position:relative}#fabric-guide #performance-fabrics .text-container{padding:80px 0 0 30px;width:315px}#fabric-guide #performance-fabrics h2{margin-bottom:20px}#fabric-guide .swatch-grid{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin:50px 0 50px;padding-bottom:50px}#fabric-guide .swatch-grid h4,#fabric-guide .swatch-grid p{font-size:16px;font-weight:400;text-align:center}#fabric-guide .swatch-grid h4{line-height:20px;margin:16px auto 0;text-transform:uppercase}#fabric-guide .swatch-grid p{margin-top:5px}#fabric-guide .swatch-grid img{display:block;margin:0 auto;transition:transform 0.2s}#fabric-guide .swatch-grid a{transition:transform 0.2s}#fabric-guide .swatch-grid a:hover img{-webkit-transition:transform 0.3s ease-in-out;transform:scale(1.05)}#fabric-guide .swatch-grid a:hover h4{color:#000}#fabric-guide .swatch-grid .swatch{height:300px;margin-bottom:30px;width:220px}.overlayBody{position:relative}.overlayBody em{font-weight:700}.overlayBody .overlay-top,.overlayBody .overlay-bottom{position:absolute;width:682px}.overlayBody .overlay-top hr,.overlayBody .overlay-bottom hr{background-color:#d3d3d3;border:0;border-color:#d3d3d3;border-top:1px;height:1px;left:50%;position:absolute;top:-70px;transform:translateX(-50%);width:150px}.overlayBody .overlay-top{top:340px}.overlayBody .overlay-top h3,.overlayBody .overlay-top h4,.overlayBody .overlay-top p{text-align:center}.overlayBody .overlay-top h3{color:#000;font-size:30px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase}.overlayBody .overlay-top h4{color:#000;font-size:28px;font-weight:300;letter-spacing:0.04em}.overlayBody .overlay-top p{font-size:20px;font-weight:300;margin-top:25px}.overlayBody .overlay-bottom.tighter{bottom:20px}.overlayBody .overlay-bottom.medium{bottom:100px}.overlayBody .overlay-bottom.short{bottom:140px}.overlayBody .overlay-bottom{bottom:40px;left:50%;transform:translateX(-50%);width:600px}.overlayBody .overlay-bottom p{font-size:18px;font-weight:300;padding-bottom:18px}.overlayBody .supplementary-close{font-size:1.4em;letter-spacing:1px;position:absolute;right:1em;top:1em}.overlayBody .supplementary-close.white-text{color:#fff}.overlayScroll .overlayWidget.spo-swatch{width:682px;left:50%;margin-left:-341px;height:auto;top:50%;margin-top:auto/-2;padding:0}.overlayScroll .overlayWidget.spo-swatch .overlayCloseX{background:none;height:40px;right:0px;top:0px;width:105px;z-index:2}
