.free-fabric-sample-page .page-body .header-image{height:310px;position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-bottom:40px}.free-fabric-sample-page .page-body .header-image h1{text-align:center;color:#fff;font-size:38px}.free-fabric-sample-page .page-body .header-image p{text-align:center;color:#fff;font-size:18px}.free-fabric-sample-page .page-body .header-image img{height:100%;object-fit:cover;position:absolute;top:0;z-index:-1}.free-fabric-sample-page .page-body .intro{text-align:center;font-size:20px;margin-bottom:40px}.free-fabric-sample-page .page-body .main-filter{display:flex;justify-content:safe center;align-items:center;gap:15px;border-bottom:1px solid #000;margin:0 auto;padding:0 5px 20px 5px;width:100%}.free-fabric-sample-page .page-body .main-filter .filter-item{background-color:#d5d5d5;border-radius:20px;cursor:pointer;padding:9px 12px 7px 12px;line-height:normal;text-align:center}.free-fabric-sample-page .page-body .main-filter .filter-item h4{font-size:18px;font-family:ACaslonPro-Regular,serif;margin:0}.free-fabric-sample-page .page-body .main-filter .clear-filter{margin-top:5px}.free-fabric-sample-page .page-body .main-filter .clear-filter h4{font-size:18px;margin:0;cursor:pointer}.free-fabric-sample-page .page-body .main-filter .active{background-color:#2a4455}.free-fabric-sample-page .page-body .main-filter .active h4{color:#fff}.free-fabric-sample-page .page-body .middle-filter{display:flex;justify-content:safe center;align-items:center;gap:15px;border-bottom:1px solid #000;margin:0 auto;padding:20px 0;width:100%;top:111px;background-color:#f5f4f4;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);overflow-x:auto}.free-fabric-sample-page .page-body .middle-filter .filter-item{background-color:#d5d5d5;border-radius:20px;cursor:pointer;padding:9px 12px 7px 12px;font-family:ACaslonPro-Regular,serif;font-size:18px;line-height:normal;white-space:nowrap}.free-fabric-sample-page .page-body .middle-filter .active{background-color:#2a4455;color:#fff;position:relative;padding-right:35px}.free-fabric-sample-page .page-body .middle-filter .active:after{position:absolute;top:10px;right:20px;content:"";height:17px;width:1px;background-color:#fff;transform:rotate(45deg)}.free-fabric-sample-page .page-body .middle-filter .active:before{position:absolute;top:10px;right:20px;content:"";height:17px;width:1px;background-color:#fff;transform:rotate(-45deg)}.free-fabric-sample-page .page-body .sub-filter-sticky-container{top:111px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.free-fabric-sample-page .page-body .sub-filter-sticky-container .sub-filter{display:none}.free-fabric-sample-page .page-body .sub-filter-sticky-container .sub-filter .sub-filter-wrapper{display:flex;justify-content:safe center;align-items:center;gap:15px;margin:0 auto;width:100%;overflow-x:auto;background-color:#f5f4f4;padding-left:10px;top:111px}.free-fabric-sample-page .page-body .sub-filter-sticky-container .sub-filter .sub-filter-wrapper .filter-item{background-color:#d5d5d5;border-radius:20px;cursor:pointer;padding:9px 12px 7px 12px;font-family:ACaslonPro-Regular,serif;font-size:18px;line-height:normal;margin:20px 0;white-space:nowrap}.free-fabric-sample-page .page-body .sub-filter-sticky-container .sub-filter .sub-filter-wrapper .active{background-color:#2a4455;color:#fff;position:relative;padding-right:35px}.free-fabric-sample-page .page-body .sub-filter-sticky-container .sub-filter .sub-filter-wrapper .active:after{position:absolute;top:10px;right:20px;content:"";height:17px;width:1px;background-color:#fff;transform:rotate(45deg)}.free-fabric-sample-page .page-body .sub-filter-sticky-container .sub-filter .sub-filter-wrapper .active:before{position:absolute;top:10px;right:20px;content:"";height:17px;width:1px;background-color:#fff;transform:rotate(-45deg)}.free-fabric-sample-page .page-body .sub-filter-sticky-container .sub-filter .sub-filter-wrapper::-webkit-scrollbar-track{background-color:#cbcbcb}.free-fabric-sample-page .page-body .sub-filter-sticky-container .sub-filter .sub-filter-wrapper::-webkit-scrollbar-thumb{background:#2a4455}.free-fabric-sample-page .page-body .sub-filter-sticky-container .sub-filter .sub-filter-wrapper::-webkit-scrollbar{width:5px;height:5px}.free-fabric-sample-page .page-body .item-container{min-height:calc(100vh - 533px);background-color:#f5f4f4;padding-bottom:40px}.free-fabric-sample-page .page-body .item-container .item-header{background-color:#eee;display:flex;justify-content:center;align-items:center;flex-direction:column;padding-top:20px}.free-fabric-sample-page .page-body .item-container .item-header .item-header-title{font-size:20px;font-weight:700;position:relative;cursor:pointer;text-align:center;color:rgba(0,0,0,.7490196078);text-transform:uppercase}.free-fabric-sample-page .page-body .item-container .item-header .item-header-info{display:flex;font-size:18px;color:rgba(0,0,0,.7490196078);line-height:normal}.free-fabric-sample-page .page-body .item-container .item-header .item-header-info .read-more{text-decoration:underline;cursor:pointer}.free-fabric-sample-page .page-body .item-container .item-container-wrapper{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;width:65%;margin:0 auto;margin-top:20px;padding:20px}.free-fabric-sample-page .page-body .item-container .item-container-wrapper .item{display:flex;flex-direction:column}.free-fabric-sample-page .page-body .item-container .item-container-wrapper .item .item-image{position:relative}.free-fabric-sample-page .page-body .item-container .item-container-wrapper .item .item-image img{width:100%}.free-fabric-sample-page .page-body .item-container .item-container-wrapper .item .item-image .add-fabric{position:absolute;width:45px;height:45px;top:10px;right:10px;cursor:pointer}.free-fabric-sample-page .page-body .item-container .item-container-wrapper .item .item-image .image-hover{position:absolute;background-color:rgba(0,0,0,.3764705882);width:100%;top:0;left:0;bottom:0;transition:all .2s ease-out;opacity:0;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:25px}.free-fabric-sample-page .page-body .item-container .item-container-wrapper .item .item-image .image-hover .ellipsis{position:relative}.free-fabric-sample-page .page-body .item-container .item-container-wrapper .item .item-image .image-hover .ellipsis p{color:#fff;width:100%;font-size:13px;overflow:hidden}.free-fabric-sample-page .page-body .item-container .item-container-wrapper .item .item-image .image-hover .ellipsis .read-more{color:#fff;font-size:13px;text-decoration:underline;font-style:italic}.free-fabric-sample-page .page-body .item-container .item-container-wrapper .item .item-image .image-hover .ellipsis p.truncated~.read-more{display:block}.free-fabric-sample-page .page-body .item-container .item-container-wrapper .item .item-image:hover .image-hover{opacity:1}.free-fabric-sample-page .page-body .item-container .item-container-wrapper .item .item-info{font-size:18px;padding:10px 0;color:rgba(0,0,0,.7490196078);line-height:normal}.free-fabric-sample-page .page-body .fabric-loading{display:flex;justify-content:center;align-items:center;margin:20px 0;font-size:18px}.free-fabric-sample-page .page-body .fabric-loading .loader{width:24px;height:24px;margin-right:20px;border-radius:50%;position:relative;animation:rotate 1s linear infinite}.free-fabric-sample-page .page-body .fabric-loading .loader::before{content:"";box-sizing:border-box;position:absolute;inset:0;border-radius:50%;border:5px solid #2a4455;animation:prixClipFix 2s linear infinite}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes prixClipFix{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}25%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}75%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}100%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}}.free-fabric-sample-page .fabric-sample-tooltip{font-family:ACaslonPro-Regular,serif;background-color:#fff;padding:8px;border:1px solid #000;white-space:nowrap;font-size:12px;margin-top:10px}.free-fabric-sample-page .fabric-sample-tooltip .tooltip-inner{background-color:#fff;color:#000;padding:0}@media(max-width:1180px){.free-fabric-sample-page .page-body .middle-filter{top:33px}.free-fabric-sample-page .page-body .sub-filter-sticky-container{top:33px}.free-fabric-sample-page .page-body .item-container .item-container-wrapper{width:95%}}@media(max-width:992px){.free-fabric-sample-page .page-body .intro{padding:0 15px}.free-fabric-sample-page .page-body .sub-filter-sticky-container .sub-filter .sub-filter-wrapper{justify-content:flex-start}.free-fabric-sample-page .page-body .item-container .item-container-wrapper{grid-template-columns:repeat(3,1fr);width:100%}}@media(max-width:575.9px){.free-fabric-sample-page .page-body .header-image{height:300px;margin-bottom:0}.free-fabric-sample-page .page-body .intro{padding:15px;margin-bottom:15px;color:rgba(0,0,0,.7490196078)}.free-fabric-sample-page .page-body .main-filter{flex-wrap:wrap}.free-fabric-sample-page .page-body .main-filter .filter-item{flex:1 0}.free-fabric-sample-page .page-body .main-filter .clear-filter{flex-basis:100%;text-align:right}.free-fabric-sample-page .page-body .item-container .item-header{height:auto;padding-top:0}.free-fabric-sample-page .page-body .item-container .item-header .item-header-title{padding:10px}.free-fabric-sample-page .page-body .item-container .item-header .item-header-info{font-size:16px;color:rgba(0,0,0,.7490196078)}.free-fabric-sample-page .page-body .item-container .item-container-wrapper{width:100%;padding:0 20px;grid-template-columns:repeat(2,1fr)}.free-fabric-sample-page .page-body .item-container .item-container-wrapper .item .item-image .image-hover .ellipsis p{font-size:14px}.free-fabric-sample-page .page-body .item-container .item-container-wrapper .item .item-image .image-hover .ellipsis .read-more{font-size:14px}}