[v-cloak] { display: none; }
.page-linens .img-wrapper { height:300px; overflow:hidden; position:relative; display:block; }
.page-linens .img-wrapper img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; }
.page-linens .product-wrapper { cursor: pointer;}
.page-linens .product-wrapper p { margin-top:1rem; }
.page-linens .product-wrapper .select-sizes { background:rgba(0,0,0,.5); display:block; padding:1.5rem 2rem; color:#fff; position:absolute; bottom:-60px ; left:0 ; z-index:5; width:100%; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; top:auto !important }
.page-linens .product-wrapper:hover .select-sizes { bottom:0; }
.page-linens .product-modal-wrapper { height:100%; background:rgba(0,0,0,.5); position:fixed; top:0; left:0; bottom:0; right:0; z-index:1000; }
.page-linens .product-modal { z-index:1001; width:75%; background:#fff; border-radius:2px; padding:2rem; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) }
.page-linens .fade-enter-active, .page-linens  .fade-leave-active { transition: opacity .5s; }
.page-linens .fade-enter, .page-linens .fade-leave-to { opacity: 0; }
.page-linens .close-modal { position:absolute; top:20px; right:20px; z-index:10; font-size:4rem; cursor:pointer;}
.page-linens .filters { margin-bottom:1rem; }
.page-linens #app { padding:4rem; }
.page-linens.box { padding:0 }
.page-linens .linen-items-wrapper, .linen-items-wrapper { max-height:475px; overflow-y:auto; position:relative; margin-bottom:2rem; padding-right:1rem;  }
.page-linens td, .bg-white, .table td { background:#fff; }
.modal-image-wrapper { overflow:hidden; position:relative; }
.page-linens .modal-image-wrapper img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; }
.page-linens.page-linens-detail .modal-image-wrapper img { position:relative; top:auto; left:auto; transform:translate(0, 0); }
.page-linens .scroll-notice, .scroll-notice { font-size:1.1rem; font-weight:bold; opacity:0; position:fixed; bottom:50px; left:60%; background: #004681; color:#fff; border-radius:4px; padding:.5rem 1rem;  -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; animation: bounce 0.8s infinite alternate;} 
.page-linens .scroll-notice.show, .scroll-notice.show { opacity:1; }
.page-linens .quantity-field-wrapper { display:flex; border:1px solid #ccc; align-items:center; justify-content:center; width:100px}
.page-linens input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {display: none; -webkit-appearance: none; margin: 0; }
.page-linens .quantity-field-wrapper .field-item-quantity { height: auto !important; padding: 0.6em; text-align: center; -moz-appearance: textfield; appearance: textfield; -webkit-appearance:textfield; border:none; }
.qty-btn { cursor:pointer; }
.page-linens .form-control { border-radius:0 !important; }
.page-linens .lds-ring, .lds-ring { display: inline-block; position: relative; width: 80px; height: 80px; }
.page-linens .lds-ring div, .lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 64px; height: 64px; margin: 8px; border: 4px solid #004681; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #004681 transparent transparent transparent;}
.page-linens .lds-ring div:nth-child(1), .lds-ring div:nth-child(1) { animation-delay: -0.45s; }
.page-linens .lds-ring div:nth-child(2), .lds-ring div:nth-child(2) { animation-delay: -0.3s; }
.page-linens .lds-ring div:nth-child(3), .lds-ring div:nth-child(3) { animation-delay: -0.15s; }
@keyframes lds-ring { 0% { transform: rotate(0deg); }100% { transform: rotate(360deg);} }
@keyframes bounce { 0% { bottom: 50px; } 100% { bottom:70px; } }

.page-linens.page-linens-detail .linen-items-wrapper  { max-height: inherit; }
.page-linens.page-linens-detail .table th, .page-linens.page-linens-detail .table td { font-size:16px; }
.page-linens.page-linens-detail .table td { display:table-cell; align-items:center; vertical-align: middle;}
.page-linens.page-linens-detail .quantity-field-wrapper { width:120px; }
.page-linens-detail .loading-animation { width: 80px; height: 80px; position: absolute; left: 50%;  }
.page-linens .breadcrumb { margin-bottom:4rem; }
.page-linens.page-linens-detail .linen-items-wrapper { overflow-y:auto; }
.page-linens.page-linens-detail .linen-image { width:100% !important; max-width:inherit; }
.page-linens.page-linens-detail .linen-detail-filters { margin-bottom:2rem; }
.page-linens.page-linens-detail .related-color-wrapper{ width:60px; height: 60px; overflow: hidden; border-radius:100px; margin:auto;  }
.page-linens.page-linens-detail .related-color-wrapper img { width:100%; }
.page-linens.page-linens-detail .related-colors { margin-top:2rem; font-size: .9rem; letter-spacing:normal; white-space:normal; overflow:hidden; line-height:normal; display:flex; flex-wrap:wrap;  }
.page-linens.by-fabric .product-wrapper{ padding-right:2rem; }
.page-linens.by-fabric .fabric-section { margin-top:5rem; margin-bottom:5rem; }
.page-linens.by-fabric .fabric-section h2 { margin-bottom:0; text-align:left; }
.page-linens.by-fabric .fabric-section .view-all { text-align:left;  display:block; }
.page-linens .related-colors a { margin-bottom:1rem; }
.modal.fade .modal-dialog { top:50% !important; transform:translateY(-50%) !important; }
.myModal .close-modal { cursor:pointer; position: absolute; top: 10px; right: 20px; border: none; background: transparent; z-index: 2000; }
a, a:focus, a:hover { outline:none; -webkit-appearance: none; appearance: none; border:none; }
.has-spacer-image img { height:100%; width:100%; }

.myModalWrapper { opacity:0; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:-1; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.myModal { opacity:0; border-radius:.25rem; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); z-index: 1000; background:#fff; padding:2rem; width:80%; z-index:-1; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; }
.myModalWrapper.open { z-index: 100; opacity:1;}
.myModal.open { z-index: 101; opacity:1;}
.myModal.open .loading {  position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
.w-100 { width:100%; }
.mb-5 { margin-bottom:2rem; }
.page-linens .search-form { display:none; margin-bottom:2rem; }
.search-by-name-trigger { margin-bottom:2rem; }
.fabric-section { opacity:0; }
.loading-animation-by-fabric { position:fixed; left:50%; top:50%; transform:translate(-50%, 50%);  }

.sticky-filter-wrapper { position: -webkit-sticky; position: sticky; top: 59px; background-color: #fff; z-index: 1000; padding: 2rem 0rem; width: 100%; }


.page-linens .breadcrumb { padding:0; margin-bottom:0; background:transparent; border-radius:0; }
.page-linens .breadcrumb { margin-bottom: 0rem; }
.page-linens .breadcrumb-wrapper {    
padding: 8px 15px;
margin-bottom: 20px;
background-color: #f5f5f5;
border-radius: 4px; 
margin-bottom: 4rem;
display:flex; 
justify-content:space-between;
align-items:center;
}

@media (max-width:560px){
    .myModal { max-height: 75%; }
    .page-linens .img-wrapper { height:200px; }
    .page-linens.by-fabric .product-wrapper { padding-right:0; }
    .slick-slider { margin-top:2rem; }
    .page-linens.by-fabric .fabric-section h2, 
    .page-linens.by-fabric .fabric-section .view-all  { text-align:center; }
    
}