html { scroll-behavior: smooth } body { margin: 0; font-family: "Nunito Sans", sans-serif; font-size: 14px; color: #3d3d3d; line-height: 1.4; background-color: #fff; overflow-y: scroll } .small, small { font-size: 100% } .botImgRightBlock { position: absolute; left: 15px; z-index: 9; bottom: -5px } .botImgRightTag { line-height: 1; font-size: 12px; float: left; color: #fff; padding: 5px; border-radius: 6px 0 6px 0; margin: 0 1px } .ViewColorCommonPopup.modal-body.colorSection.block p span { font-size: 16px } .CTABlinds { display: flex !important; justify-content: space-between; align-items: center } #blindsOptionsSteps { margin: 0 auto; text-align: center; display: block } .blindsInfoPopup.modal-dialog { width: 300px } .blindsInfoPopup.modal-dialog { position: fixed; top: 0; bottom: 0; left: 0; margin: 0; display: flex; position: fixed } .GetpriceBtn { background-color: #000; width: 40%; margin-bottom: 10px; padding: 10px 0 } .blindsPopupDescriptions h4 { font-weight: 700 } .blindsPopupDescriptions p { margin-bottom: 1rem !important; font-size: 14px } .blindsPopupDescriptions img { display: block; margin: 2rem auto } .ShopByWardrobeList { display: grid; grid-template-columns: 1fr 1fr 1fr; list-style: none } #icon-opacity { opacity: .7; padding-left: 10px } .cmnTitle h3 a { font-size: 26px; display: inline-block; color: #000; text-transform: capitalize; background-color: #fff0; position: relative; z-index: 9; margin: 0 15px; font-weight: 700 } .ShopByWardrobe { padding: 20px 0 0 } .ShopByWardrobe h4 { color: #232f3e; line-height: 21px; font-size: 16px; font-weight: 500 } .ShopByWardrobe ul li { text-transform: capitalize; font-size: 13px; text-decoration-line: underline; position: relative; padding-left: 0; margin-bottom: 15px } .dropbtn { padding: 16px; border: none; cursor: pointer; color: #569c04; font-weight: 700; font-size: 15px; display: inline-block } .blind-dropdown { position: relative; display: inline-block } .dropdown-content { display: none; position: absolute; background-color: #f1f1f1; width: 100%; overflow: auto; box-shadow: 0 8px 16px 0 rgb(0 0 0/20%); z-index: 1; text-align: left } .dropdown-content a { color: #000; padding: 12px 16px; text-decoration: none; display: block } .blind-dropdown a:hover { background-color: #ddd } .blind-dropdown.active { background-color: lightgreen; color: #fff } .blind-dropdown img { max-width: 14px; height: 14px } .show { display: block } .payment-page.checkout-main.form-group { border-bottom: none !important } .section-1 .stickyBlock { margin-top: -20px; position: relative; overflow: visible; box-sizing: border-box; min-height: 1px } .interestFreeFinanceavailable { justify-content: start; align-items: center; padding: 10px 0 } .interestFreeFinanceavailable a { display: inline-block; box-shadow: 3px 3px 0 #dedede; border: 1px solid #dedede; border-radius: 6px; margin-right: 0 } .footer-2>.row { display: flex; justify-content: center; align-items: center } .footer-payment img { display: none } .payModeOptios { display: flex; align-items: flex-end; height: 100%; width: 100% } .imageWithTxt.trustPilotBlock.block { max-height: 300px; height: 100% } .paymentlogo-sec>.row { display: flex } .paymentlogo-sec img { max-width: 80% } .paymentlogo-sec.col-sm-3 { width: auto } .payment-page.form-control { height: 50px } footer.footLogos li+li, footer.footLogos.two ul { padding-top: 0 } .extra-bottom { margin-bottom: 20px !important } .productDetailsPg.financeOptionBlock>.panel-heading a img { max-width: 100%; width: 100px; margin: auto } .interestFreeFinance1 { display: flex; justify-content: space-evenly; border: 1px solid #efefef; padding: 8px; border-bottom: 0; border-top: 0 } .interestFreeFinance1 a { display: inline-block; border-radius: 6px; overflow: hidden; padding: 1px 6px; margin-right: 0 } .interestfree>.row { display: flex; justify-content: center; align-items: center } .desktopimagetext { display: block } .mobileimagetext { display: none } .space-top { margin-top: -16px } body.overflowHidden { padding-right: 17px } .partPayPopup { font-size: 15px !important } #newsletterPopupId.newsletterCodePopup.modal-dialog { height: 583px; transform: translate(0, 10%) !important } .color-circle { display: block; padding-top: 1rem } .color-circle li { font-size: 15px; line-height: 1.5; display: inline-block; margin: 0 4px 10px; vertical-align: top; width: 55px; text-align: center } .color-circle li.colorSwatch { background-color: #fffdd0; border-color: #fffdd0; width: 30px; height: 30px; display: inline-block; border-radius: 50%; border: 1px solid #cfbfbf } .shopByTypecat { display: flex; align-items: center; justify-content: center } .footeralign { display: flex; justify-content: center } .greenBg { background-color: #fff0; width: fit-content; padding: 0 } .orderPage.success>.container { width: 80% } .order_cont { width: 80% } .clearabeePg.bookNowBlock>.container { width: 100% } @media only screen and(min-width:1366px) { .container { width: 1250px } } @media only screen and(min-width:1800px) { .imageWithTxt.block.tagStyle, .imageWithTxt.block.stockClearanceTxt { font-size: 14px } .container { width: 1600px } } .delay1 { -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -o-animation-delay: 0.4s; animation-delay: 0.4s } .delay2 { -webkit-animation-delay: 0.8s; -moz-animation-delay: 0.8s; -o-animation-delay: 0.8s; animation-delay: 0.8s } .delay3 { -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; -o-animation-delay: 1.2s; animation-delay: 1.2s } .delay4 { -webkit-animation-delay: 1.6s; -moz-animation-delay: 1.6s; -o-animation-delay: 1.6s; animation-delay: 1.6s } .delay5 { -webkit-animation-delay: 2s; -moz-animation-delay: 2s; -o-animation-delay: 2s; animation-delay: 2s } .theiaStickySidebar { z-index: 99 } h1, h2, h3, h4, h5, h6 { font-weight: 300 } hr { border-top-color: #d9d9d9 } .caret.bottomCaret { border-top: 0; border-bottom: 4px solid } .caret.right { border-top: 5px solid #fff0; border-right: 0; border-left: 5px solid; border-bottom: 5px solid #fff0 } .caret.left { border-top: 5px solid #fff0; border-left: 0; border-right: 5px solid; border-bottom: 5px solid #fff0 } .inlineBlock { display: inline-block } .semiBold { font-weight: 600 !important } .bold { font-weight: 700 !important } .text-uppercase { text-transform: uppercase } a { color: #000 } a:hover, a:focus { text-decoration: none; color: #333 } .row, .form-horizontal.form-group { margin-right: -10px; margin-left: -10px } .container, .container-fluid, .navbar-collapse, [class*="col-xs"], [class*="col-sm"], [class*="col-md"], [class*="col-lg"] { padding-left: 10px; padding-right: 10px } .captchaCode { border: 1px solid #d2d2d2; width: 140px; font-size: 16px; padding: 8px 10px; background-color: #e8e8e8 } .captchaCode.text { float: left; margin-right: 5px } .captchaCode input { float: left; height: 22px; padding: 2px 6px; width: 46px } .imgFullWidth { width: 100% } .imgCenter, .rangePage.ranges.block.image, .productListing.productSection.image, .ViewColorCommonPopup.modal-body.image { position: relative } .imgCenter img, .brandsPage.brand-logo.brand img, .rangePage.ranges.block.image>.img-responsive, #productDetailsCarousel.carousel-inner.item>a>img, #productDetailsCarousel.carousel-inner.item>img, .ViewColorCommonPopup.modal-body.image>img, .productSlideBx.slide.image img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-height: 90%; max-width: 100% } .carousel-control.left, .carousel-control.right { background-image: inherit; background-image: inherit; background-repeat: repeat-x; filter: inherit } .product-caro { width: 70% } .productDetailsCarousel img { width: 70% } .red, .outOfStock { color: #ce0e3b !important } .blue { color: #344e55 } .black { color: #000 } .green { color: green } .customClose { position: relative; width: 25px; height: 25px; background-color: #000; margin: auto } .customClose img { max-width: 15px; position: absolute; top: 5px; bottom: 5px; left: 5px; right: 5px; -webkit-transition: -webkit-transform 1s; transition: transform 1s } .customClose:hover img { -webkit-transform: rotate(135deg); transform: rotate(135deg) } .stockInfo { margin-bottom: 0 } .stockInfo.stockDate { text-transform: uppercase } .stockInfo p { margin-bottom: 0 } .inStock { color: #009f18 !important; font-weight: 600 } .btn-inverted, .panel-inverted>.panel-heading { color: #fff; background-color: #3d3d3d; border-color: #3d3d3d } .btn-inverted:hover, .btn-inverted:focus { color: #fff; background-color: #000 !important; border-color: #000 } .btn-success, .panel-success>.panel-heading { background-color: #78b11c; border-color: #78b11c } .btn-default { background-color: #fff; border-color: #efefef } .btn-default:hover, .btn-default:focus, .btn-default:active { background-color: #f5ebeb; border-color: #777 } .btn-info { background-color: #000; border-color: #fff } .btn-info:hover, .btn-info:focus { background-color: #14282d; border-color: #14282d } .panel-title>a, .panel-title>span { display: block } .payment-header.block-1 .logo img, .mobile-menu.logo-phone-small img { display: inline-block } .desk-payment { display: block } .mob-payment { display: none } @media only screen and(max-width:959px)and(min-width:768px) { .payment-header.block-1 .logo img, .mobile-menu.logo-phone-small img { width: 110px } .mobilenavPage li a { padding: 8px 0; font-size: 20px } .mobile-menu ul { margin-top: 4px } } @media only screen and(max-width:767px) { .bestSellerSec.block.price.pOne { font-size: 15px } .exploreRangeSec.allRangesBlock.allRangesLink.image span { text-align: center } .imageWithTxt.block.onlyImg { display: none } .list-inline.pull-right { float: none !important } .mob-payment { display: block !important } .desk-payment { display: none } .hc-nav-trigger { top: 7px } .mobile-menu ul { margin-top: 6px } .mobile-menu.navicon-line { width: 25px; background-color: #333; margin: 0 auto 4px; margin-right: auto; height: 3px } .mobile-menu.navbar.navbar-left { margin-right: 5px } .payment-header.block-1 .logo img, .mobile-menu.logo-phone-small img { width: 75px; padding-top: 4px } } .topInfoBlock { text-align: center; background-color: #f9f9f9; color: #c11513; font-size: 14px; padding: 4px 0 4px 0; margin-bottom: 2px } .topInfoBlock p { margin-bottom: 0 } @media only screen and(max-width:767px) { .topInfoBlock { font-size: 12px } footer.compInfo { font-size: 14px !important } } @media only screen and(min-width:1600px) { .imageWithTxt.block.tagStyle, .imageWithTxt.block.stockClearanceTxt { font-size: 15px } .navbar-nav>li.externalLinks a { padding: 10px 10px 0 30px } header.topSection.topSecTwo li.extra>p, header.topSection.topSecTwo li.extra>a, header.topSection.topSecTwo li.extra>span { padding: 12px 10px } #newsletterPopupId.newsletterCodePopup.modal-dialog { height: 583px; transform: translate(0, -12%) } } @media only screen and(min-width:1280px)and(max-width:1479px) { .navSection.dropdown-menu.block ul a { font-size: 12px; padding: 4px 8px } .navSection.dropdown-menu.brandsDrop.imgCenter { height: 85px } } @media only screen and(min-width:1366px) { .navSection.dropdown-menu.brandsDrop.col-md-2 { width: 12.5% } .navSection.dropdown-menu>li>.divideRow.fiveIRow>.col-md-2 { width: 20% } } .navSection.navbar-nav { z-index: 999; flex: 1; display: flex; justify-content: space-between } .navSection.dropDark.navbar-wrapper.active nav { background-color: #757676 } .miniCart { position: absolute; z-index: 999999; background-color: #fff; box-shadow: 0 2px 10px 0 rgb(0 0 0 / .7); top: 100%; right: 0; width: 400px; padding: 15px; display: none } .navbar-nav>li.cart:hover.miniCart { display: block } .miniCart.cart-heading p { font-size: 14px; text-transform: uppercase } .miniCart p.cartTitle { position: absolute; top: -30px; left: 0; background-color: #333; padding: 9px 15px 6px; margin-bottom: 0; color: #fff; font-size: 14px; line-height: 1 } .miniCart p { font-size: 12px } .miniCart.block { padding: 5px 0; position: relative } .miniCart.block:nth-child(even) { background-color: #f1f7fb } .miniCart.image { height: 50px } .miniCart.image img { max-height: 100%; margin-left: auto; margin-right: auto } .miniCart.total { margin-top: 10px } .miniCart h4 { margin-bottom: 0; margin-top: 0; font-size: 12px } .miniCart.totalBlock { margin-top: 10px } .miniCart hr { margin-top: 5px; margin-bottom: 5px } .miniCart.cancel-btn { font-size: 14px; position: absolute; color: #c81630; top: 2px; left: 2px; z-index: 999; text-decoration: none } .miniCart.emptyCartTxt { text-align: center; font-size: 20px; line-height: 1; margin-bottom: 0; text-transform: uppercase; padding: 5px 0 0 } @media only screen and(min-width:1200px)and(max-width:1480px) { .topSection.topSecTwo.col-md-5.col-lg-6, .topSection.topSecTwo.col-md-5.col-lg-4 { width: 41.66666667% } } @media only screen and(min-width:1200px) { .navbar.disableNav { position: absolute; height: 100%; z-index: 9999; right: 0; left: 0 } .navbar-nav>li.coLogo { margin-right: 12px } } @media only screen and(min-width:960px)and(max-width:1199px) { .navSection.navbar-nav>li>a, .navbar-wrapper.active.navbar-nav>li>a { font-size: 9px } .navbar-nav>li.extra.search { margin-right: 5px } .topSection.navbar-nav>li.extra.call>a { font-size: 12px; padding-right: 5px } .navbar-nav>li.coLogo { width: 90px } .navbar-nav>li.extra>a, .navbar-wrapper.active.navbar-nav>li.extra>a { padding: 18px 8px } .navbar-wrapper.active.navbar-nav>li.cart>a.count, .mobile-menu li.cart>a.count { right: -7px } header.topSection { font-size: 10px } .navbar-nav.externalLinks.trustPilot img { max-width: 109px } .navSection.dropdown-menu { font-size: 10px } .navSection.dropdown-menu.navTitleHead { font-size: 10px } .navbar-nav>li.furnitureOmbudsman a { margin-top: 18px; padding-left: 10px } .navbar-nav.externalLinks.furnitureOmbudsman img { height: 30px } } .overflowHidden { overflow-y: hidden } .overflowHidden2 { overflow: hidden; height: 100% } .searchSection { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgb(255 255 255 / .95); z-index: 9999999; display: none; overflow-y: auto } .searchSection.cmnTitle { padding: 6px } .searchSection.product.block { border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px } .searchSection.image { border: 1px solid #ccc; display: block; height: 90px } .searchSection.image img { max-height: 100%; margin: auto; padding: 5px } .searchSection.title { font-size: 14px; line-height: 1.4; text-align: left; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden } .searchSection.price.pStroke { position: relative; font-size: 12px; color: #878787 } .searchSection.price.pOne { font-size: 17px; margin-bottom: 0; font-weight: 700; text-transform: lowercase } .searchSection.searchResult.products.displayBlock, .displayBlock { display: block } .searchSection.searchInputBlock { margin-top: 25px; position: relative } .searchSection.searchInputBlock.form-group { border: 1px solid #303b41; border-radius: 5px } .searchSection.searchInputBlock.mt10 { margin-top: 10px; padding-right: 40px } .searchSection.searchInputBlock.form-control { background-color: #fff0; border-color: #eee; margin-bottom: 3px; box-shadow: 0 1px 7px 0 rgb(0 0 0 / .2) } .searchSection.closeSearchPageBtn { z-index: 99; position: absolute; top: 1px; right: 1px; background-color: #cecece; color: #000; padding: 7px 16px 10px; cursor: pointer } .searchSection.productListing.productSection.imageBlock { margin-bottom: 0 } .searchSection.productListing.productSection.image { height: 90px } .searchSection.productListing.product.block { height: auto !important } .searchSection.productListing.product.title { margin-bottom: 0; height: auto !important } .searchSection.productListing.product.title a { height: 38px; overflow: hidden } @media only screen and(max-width:959px) { .searchSection.searchInputBlock { margin-top: 70px; padding-right: 40px } .searchSection.searchInputBlock.form-control { border-color: #ababab } } @media only screen and(max-width:767px) { .searchSection.searchInputBlock.form-group { border: 0 } .footeralign { display: block; text-align: center; padding: 0 0 !important } .aboutCfsBlock { padding: 14px 0 } footer.footLogos li { float: none !important; overflow: hidden } footer.footLogos li+li, footer.footLogos.two li { margin-top: 0 } footer.footerSiteSecuritySec { background-color: #f9f9f9; padding: 10px 0 !important } } @media only screen and(min-width:480px)and(max-width:639px) { .searchSection.searchInputBlock.form-control { font-size: 18px } } @media only screen and(max-width:479px) { .searchSection.searchInputBlock.form-control { font-size: 20px } .searchSection.closeSearchPageBtn { font-size: 16px; top: 0; right: 5px; padding: 3px 12px 6px; line-height: 1 } } .cmnTitle { margin-bottom: 30px; position: relative; text-align: center } .cmnTitle h3 { font-size: 26px; display: inline-block; color: #000; text-transform: capitalize; position: relative; z-index: 9; margin: 0 15px; font-weight: 700 } .cmnTitle a { font-size: 14px; color: #fff; background-color: #3d3d3d; position: relative; z-index: 9; padding: 8px 12px; border-radius: 6px; float: right } .cmnTitle h3:after { content: ""; position: absolute; bottom: -5px; left: 0; right: 0; margin: auto; height: 2px; background-color: #676767; width: 100%; z-index: 9 } .bestSellerSec, .topBrandsLogoSlide { margin-bottom: 20px; background-color: #fff; padding: 20px 0 0 } .bestSellerSec.block { margin-bottom: 20px; padding: 8px; border: 1px solid #efefef; border-radius: 6px } .bestSellerSec.productSlideSeven.block { padding: 0; border: 0; padding: 8px; border: 1px solid #efefef; border-radius: 6px } .bestSellerSec.block.image { height: 210px } .bestSellerSec.block.image img { margin: auto; max-height: 90% } .bestSellerSec.block.info { font-size: 14px; margin-top: 12px } .bestSellerSec.block.info.soldQty { font-size: 11px; color: #232f3e; font-weight: 700 } .bestSellerSec.block.info a { color: #344e55 } .typeTwo.cmnTitle { padding: 0 12px; margin-bottom: 0 } .typeTwo.bestSellerSec { padding: 20px 0 0 } .bestSellerSec.cmnTitle { margin-bottom: 20px } .typeTwo.bestSellerSec.block { padding: 12px; padding: 8px; border: 1px solid #efefef; border-radius: 6px; cursor: pointer } .typeTwo.bestSellerSec.block.image, .bestSellerSec.productSlideSeven.block.image { height: 175px; position: relative; background-color: #fff } .bestSellerSec.productSlideSeven.block.image { height: 210px } .bestSellerSec.block.image { border-radius: 6px; overflow: hidden } .typeTwo.bestSellerSec.block.image img { padding: 0; max-width: 100%; max-height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; border-radius: 6px } .Trustpilot-sec { margin: 20px 0 } @media only screen and(min-width:960px)and(max-width:1199px) { header.topSection.topSecTwo li.extra>p, header.topSection.topSecTwo li.extra>a, header.topSection.topSecTwo li.extra>span { padding: 12px 12px 12px 2px } } @media only screen and(min-width:768px) { footer #footerLinks { display: block !important } } @media only screen and(max-width:480px) { .carousel-control.icon-prev, .carousel-control.icon-next { height: 31px; width: 31px } } .breadcum.backBtn { line-height: 1; padding: 5px 15px 7px 10px; text-transform: uppercase; font-size: 12px; background-color: #e2e1e1 } .breadcum.backBtn:hover, .breadcum.backBtn:focus { background-color: #cacaca } .breadcum { padding: 8px 0; background-color: #f7f7f7 } .breadcum ul { margin: 0 } .breadcum ul>li { display: inline-block; padding-left: 2px; padding-right: 0 } .breadcum ul li+li a:before { content: "."; display: inline-block; float: left; margin-right: 10px } .breadcum ul li a { display: block; color: #b3b3b3; padding: 5px 4px 4px 0; line-height: 1; font-size: 12px } .breadcum ul li.active a { color: #292929 } .breadcum ul li a:hover { color: #292929 } @media only screen and(max-width:959px) { .breadcum { display: inline-block } } .dailyTimmer { background: #0c496a; color: #fff; font-size: 15px; padding: 9px 15px; text-align: center; background-size: cover } .dailyTimmer ul { display: inline-block } .dailyTimmer ul li { float: left; color: #1b2837; background-color: #fdae38 } .dailyTimmer ul li.title { color: #fff; background-color: #fff0 } .dailyTimmer ul li:nth-of-type(2) { padding-left: 18px } .dailyTimmer ul li:nth-of-type(4) { padding-right: 18px } .cartPage.dailyTimmer { background-color: #3a4148; font-size: 12px; padding: 6px 15px 4px; display: inline-block; margin-bottom: 5px } .productSecHead.dailyTimmer { padding: 15px 15px 7px; font-size: 25px } .writeUpInfo.dailyTimmer { float: right; padding: 9px 15px 3px } .dailyTimmer ul { margin-bottom: 0 } .price ul { margin-left: 0; margin-bottom: 0 } .price { margin: 0 0 } .price.pStroke { position: relative; font-size: 14px; margin-left: 5px; top: -1px } .price.pOne, .bestSellerSec.block.price.pOne { color: #000; font-size: 22px; margin-bottom: 0; letter-spacing: -.5px; font-weight: 700 } .bestSellerSec.block.price.pStroke { font-size: 13px } .bestSellerSec.block.price.pOne { font-size: 18px } .productDetailsPg.price.pOne { font-size: 32px; margin-right: 5px } .productDetailsPg.price.pStroke { font-size: 16px } .productDetailsPg.price.pStroke:before { top: 9px } .price.pOne span { font-size: 20px; margin-left: 3px } .price.ySave { background-color: #e5e5e5; font-size: 14px; color: #000; display: table; padding: 5px 8px; font-weight: 700; margin-top: 3px } .productListing.price.ySave { margin-bottom: 8px } .productDetailsPg.price.ySave { margin-bottom: 10px } .price.payToReserveTxt { color: #232f3e; display: inline-block; font-size: 12px; margin-bottom: 6px } .productDetailsPg.price.payToReserveTxt { font-size: 12px; margin-left: 5px } .price.payToReserveTxt span { font-weight: 500 } .price.pStroke:before { content: ""; height: 1px; background-color: #282828; position: absolute; right: 0; top: 8px; width: 100% } .productDetailsPg.addvertiseBlock { font-size: 16px; font-weight: 400 } .wishListIcon { display: block; background-image: url(../img/wishlist-icon4.png); background-repeat: no-repeat; background-position: center center; width: 30px; height: 24px } .wishListIcon:hover, .wishListIcon.active { background-image: url(../img/wishlist-icon-red.png) } .wishListWithTxt { background: url(../img/wishlist-icon.png)left center no-repeat; padding: 2px 0 0 27px; display: inline-block; margin-bottom: 10px; color: #333 } .wishListWithTxt:hover, .wishListWithTxt.active { background-image: url(../img/wishlist-icon-red.png); color: #e10f32 } .spotZoom { display: inline-block; position: relative; width: 88px; margin: 10px 10px 10px 0; border: 2px solid #ececec } .spotZoom p { font-size: 13px; background: #ececec; padding: 6px; text-align: center; margin-bottom: 0 } .spotZoom>.thumb { max-width: 100% } .hoverImage { position: absolute; bottom: 125px; z-index: 99; left: 0; max-width: 250px; display: block; background-color: #fff; border: 1px solid #c81630; display: none } .spotZoom:hover.hoverImage { display: block } .viewAllRangesItems.btn-default { color: #2d89b1 } .loadMoreProductsSec { font-size: 16px; margin-top: 20px } .loadMoreProductsSec.form-control { margin: 0 15px; font-size: 16px; padding: 8px 20px; height: auto } .loadMoreProductsSec.btn { padding: 8px 25px; font-size: 16px } .addvertiseBlock { position: relative; color: #000; border: 1px solid #efefef; background-color: #f7f7f7; padding: 8px 12px 6px; font-size: 14px; margin-bottom: 10px; display: inline-block; text-transform: uppercase; border-radius: 6px; display: none } @media(max-width:1600px) { .addvertiseBlock { font-size: 12px } } .addvertiseBlock.blue { background-color: #014373 } .addvertiseBlock.red { background-color: #e10f32 } .addvertiseBlock.yellow, .addvertiseBlock.yellow:hover, .addvertiseBlock.yellow:focus { background-color: #ffcc31; color: #000 } .addvertiseBlock.yellow span { font-weight: 700; color: #f90000 } .addvertiseBlock:hover, .addvertiseBlock:focus { color: #fff; background-color: #333 } .addvertiseBlock.two { color: #fd8000; border-color: #fd8000 } .addvertiseBlock.three { color: #d54644; border-color: #d54644 } .addvertiseBlock.four { color: #0050af; border-color: #0050af } .productDetailsPg.addvertiseBlock.blackTag.visible-xs { display: none !important } .addvertiseBlock.blackTag img { margin: -18px-5px-15px } @media only screen and(max-width:767px) { .addvertiseBlock.blackTag img { margin: -8px-1px-3px; max-height: 30px } } @media only screen and(max-width:576px) { .faqSection { display: none } .productListing.product.title, .bestSellerSec.block.info.title { font-size: 14px } .productListing.product.block.info, .bestSellerSec.block.info { padding: 10px } .addvertiseBlock { font-size: 12px } .addvertiseBlock { font-size: 12px } .productListing.product.sTag+.sTag { font-size: 13px } .greenBg { font-size: 13px } .searchSection.price.pOne { font-size: 14px } .productDetailsPg.section-2 .price.pOne { font-size: 20px } .productDetailsPg.panel-default>.panel-heading a { font-size: 13px } .cmnTitle h3 a { font-size: 12px } } .productDetailsPg.addToCartBtn, .payment-page.payByCardBtn, .productConfigPopup.controlls.addToCart { background-color: #cf0f2e; border-color: none; border-radius: 6px; position: relative; font-size: 22px; padding: 10px 25px; overflow: hidden; margin-bottom: 1.5 rem } .productDetailsPg.section-2 .addToCartBtn { display: block } .productConfigPopup.controlls.addToCart img { max-width: 25px; margin-top: -6px } .productDetailsPg.addToCartBtn span, .payment-page.payByCardBtn span { position: relative; z-index: 9 } .productDetailsPg.addToCartBtn:after, .payment-page.payByCardBtn:after { content: ""; width: 0; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transition: all 0.2s linear; z-index: 1 } .productDetailsPg.addToCartBtn:hover:after, .payment-page.payByCardBtn:hover:after { transition-delay: 0.2s; width: 100% } .deliveryTag img { max-height: 20px; margin: -4px 2px 0 0 } .productSection.sIcon img, .productSection.deliveryTag img { max-width: 14px; height: 14px; filter: opacity(.5)drop-shadow(0 0 0 green) } .customTip { position: relative; display: inline-block } .productDetailsPg.customTip.hOvertag>img { margin-top: 6px } .tipInfo { position: absolute; z-index: 999; background-color: #000; box-shadow: 0 2px 10px 0 rgb(0 0 0 / .7); padding: 12px 12px; width: 250px; top: 100%; left: 0; display: none; line-height: 20px; color: #fff; font-weight: 400; font-weight: 400; white-space: normal } .addvertiseBlock.tipInfo { top: auto; bottom: 27px; right: auto; width: 160px; left: -40px } .customTip:hover.tipInfo { display: block } .tipInfo.caret.bottomCaret { position: absolute; top: -7px; left: 2px; border-width: 7px; border-bottom-color: #000; margin: 0 auto } .productDetailsPg.tipInfo.caret.bottomCaret { left: auto; right: 13px } .productListing.tipInfo p { color: #fff; font-weight: 400; margin-bottom: 0 } .productListing.tipInfo p+p { margin-top: 10px } .sTag:hover.customTip.tipInfo { display: block } .haveAQuest { margin: 20px 0 } .haveAQuest h4 { font-size: 25px; margin: 14px 0 0 } .haveAQuest p { font-size: 20px; margin: 0; display: none } .haveAQuest a { padding: 13px 4px; border-radius: 6px; font-size: 16px } .haveAQuest a img { max-height: 21px } .proDetailsPop.modal-dialog { margin-right: 0 } .proDetailsPop.modal-dialog.close { left: 0 } .klarnaBlock { color: #000 } .klarnaBlock img { height: 11px; margin-top: -2px } .klarnaDetails { margin-top: 5px } .klarnaDetails.klarnaHead p { font-size: 18px; margin: 4px 0 5px } @media only screen and(min-width:960px)and(max-width:1199px) { .addvertiseBlock { font-size: 16px; font-weight: 500 } } @media only screen and(max-width:959px) { .cartPage.cartSection { margin-right: 0 } .typeTwo.bestSellerSec.block { margin-bottom: 0 } .typeTwo.bestSellerSec.block.image { height: 140px } .addvertiseBlock { font-size: 13px; font-weight: 300 } .hc-nav-open.zopim { display: none !important } } @media(max-width:992px) { .mob-detail { display: none } .payment-page>.row { display: block !important; justify-content: center; align-content: center } .orderFreeSampleLink { width: 100% !important } .GetpriceBtn { width: 100% } } @media(max-width:768px) { .contactform-sec.container { width: 100% } .aboutUsPg.image { padding: 0 10px } .aboutUsPg.secOne.content { padding-right: 0 } .aboutUsPg.secThree.content { padding-left: 0 } .aboutUsPg section, .contactus-main.container { padding: 40px 10px; display: block } .aboutUsPg.about-content h2, .contactus-main.contact-content h2 { font-size: 25px } .aboutUsPg.about-content, .contactus-main.contact-content { top: 0 } .detailsImages.col-xs-6 a { height: 136px } .shopByType { padding: 20px 0; display: none } .desktopimagetext { display: none } .mobileimagetext { display: block } .mobileimagetext.bx-wrapper.bx-controls-direction a.writeUpInfo p { text-align: start; margin: 0 } .hidesec { display: none } .ranges.ranges-list { width: 50% } .configureWardrobeInstruction img { display: none } .haveAQuest>.row { display: flex; justify-content: center; align-items: center } .productDetailsPg.panel-title>a { margin: 15px 0 } .cmnTitle a { color: #000; background-color: #fff; font-weight: 500 } .productDetailsPg.financeOptionBlock>.panel-heading a img { max-width: 100%; width: 100px } .productListing.writeUpInfo h1, .productListing.writeUpInfo h2, .productListing.writeUpInfo h3 { font-size: 18px !important; font-weight: 400 } .proFilter.nav-tabs>li>a { padding: 6px 10px; font-size: 11px } .searchSection.closeSearchPageBtn { top: 0; right: 8px; padding: 7px 12px; font-size: 20px } .section-1 .stickyBlock { margin-top: 0 } .cartPage.cartSection.block.image img { max-width: 70px !important } .space-top { margin-top: -38px } .cartPage.deliveryNote p { font-size: 12px !important } .payment-header>.row { display: flex; justify-content: center; align-items: center } .payment-header.block-1>.row { display: flex; justify-content: center; align-items: center } .payment-header.block-1 .callBlock { margin-top: 20px } .clearabeePg.bookNowBlock>.container { font-size: 20px } .orderFreeSampleLink { width: 100% !important } .GetpriceBtn { width: 100% } .productDetailsPg.section-2 h4 { margin-top: 5px } #blindSuccessErrorMsg { width: 90% } .Trustpilot-sec.block { padding: 10px; margin-bottom: 10px } .Trustpilot-sec.block h3 { text-align: center; font-size: 20px } .cmnTitle h3 a { font-size: 15px } .writeUpInfo h1 .small, .writeUpInfo h2 .small, .writeUpInfo h3 .small { bottom: 0 } } .modal, .lightboxOverlay, .lightbox { z-index: 999999 } .modal-content { -webkit-box-shadow: inherit; box-shadow: inherit; border-radius: 0 } .callSpecialist { color: #6b645c; font-size: 22px; font-weight: 400; text-align: center } .callSpecialist.needhelpTxt { color: #ff696a; font-weight: 400 } .callSpecialist span, .callSpecialist a { font-weight: 700 } .productConfigPopup::-webkit-scrollbar, .productListing.filterBlock::-webkit-scrollbar { width: 12px; height: 12px } .productConfigPopup::-webkit-scrollbar-track, .productListing.filterBlock::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / .3) } .productConfigPopup::-webkit-scrollbar-thumb, .productListing.filterBlock::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 3px 6px 18px #000 } .filterBlock.panel-body { max-height: 315px; overflow: auto } .filterBlock.panel-body::-webkit-scrollbar, .navSection::-webkit-scrollbar { width: 8px; height: 12px } .filterBlock.panel-body::-webkit-scrollbar-track, .navSection::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / .3) } .filterBlock.panel-body::-webkit-scrollbar-thumb, .navSection::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 3px 6px 18px #000 } .modal-dialog { z-index: 9999 } .modal-dialog button.close { position: absolute; top: 0; right: 5px; opacity: 1; text-shadow: none; z-index: 99; color: #000; padding: 3px 5px; font-size: 20px } @media only screen and(max-width:1200px) { .lb-next { background: url(../img/next.png)right 48%no-repeat } .lb-prev { background: url(../img/prev.png)left 48%no-repeat } } @media only screen and(min-width:1200px) { .modal-lg { width: 1200px } } @media only screen and(min-width:960px)and(max-width:1199px) { .modal-lg { width: 98% } } @media only screen and(min-width:768px)and(max-width:959px) { .modal-dialog { margin-top: 65px } .modal-lg { width: 95% } } @media only screen and(max-width:767px) { .modal-dialog { margin-top: 65px } } .couponCodePg h3, .couponCodePg h4, .couponCodePg h5, .couponCodePg h6 { margin: 0 } .couponCodePg h3 { font-size: 60px } .couponCodePg h4 { font-size: 22px } .couponCodePg h5 { font-size: 18px } .couponCodePg h6 { font-size: 16px } .couponCodePg.headBlock h5 { font-size: 24px } .couponCodePg.headBlock, .couponCodePg.discPercentBlock { text-align: center; text-transform: uppercase; padding: 20px 30px } .couponCodePg.discPercentBlock { background-color: #ececec; padding: 10px 30px } .couponCodePg.contentBlock { padding: 20px; font-size: 14px } .couponCodePg.contentBlock p { color: #333 } .couponCodePg.contentBlock li a { color: #777; display: block; padding: 1px 0; margin-bottom: 2px } @media only screen and(min-width:960px)and(max-width:1199px) { .couponCodePg h3 { font-size: 46px } .couponCodePg.headBlock, .couponCodePg.discPercentBlock { padding: 20px 10px } } .cd-top { background: #00b67b url(../img/cd-top-arrow.png)no-repeat center 50%; border: 0 } @media only screen and(min-width:1024px) { .cd-top { bottom: 5% } } .faqSection { background-color: #fff; padding: 20px 0; margin-bottom: 20px } .faqSection.strip { padding: 15px } .faqSection.faqQuest { background-color: #f8f9f9 } .faqSection p { color: #232f3e; margin: 0 } .productReview { font-size: 16px; min-height: 24px } .productReview>p { margin: 0 0 0 8px; float: left } .productReview a { font-size: 16px; color: #344e55; line-height: 1 } .star-rating { background: url(../img/star-rating.png)0 0 no-repeat; height: 18px; width: 96px; margin-bottom: 5px; float: left } .star-rating.two-star { background-position: 0-17px } .star-rating.three-star { background-position: 0-34px } .star-rating.four-star { background-position: 0-51px } .star-rating.five-star { background-position: 0-68px } .reviewSection { padding: 15px 5px; background-color: #fff } .reviewSection h3 { margin-top: 0; margin-bottom: 10px; font-size: 20px; color: #454545 } .reviewSection.ReviewBlock { color: #344e55; font-size: 12px } .reviewSection.ReviewBlock:nth-of-type(1)tr td { border-top: 0 } .reviewSection.ReviewBlock tr td:nth-of-type(1) { width: 112px } .reviewSection.ReviewBlock table, .reviewSection.ReviewBlock p { margin-bottom: 0 } .reviewSection.ReviewBlock+.ReviewBlock { margin-top: 10px } .reviewSection.ReviewBlock:hover { background-color: #efefef } .reviewSection p.name { font-style: italic } .reviewSection hr { border-top-color: #344e55; margin: 9px 0 5px } #loadmore { margin: 10px 0 20px } #loadmore_msg { background-color: #99999a; margin: 0 auto 20px; color: #fff; padding: 11px 12px 8px; position: relative; text-transform: uppercase; text-align: center; width: fit-content } #loadmore_msg a { color: #fff; display: block } #loadmore.progress { margin: 10px auto 6px; height: 18px; max-width: 300px } #loadmore.progress-bar { background-color: #868686 } footer { background-color: #f2f1f2; color: #303b41; font-size: 14px; line-height: 25px; padding-bottom: 0 } footer.footer-1, footer.topBrandsBlock { padding: 20px 0; background-color: #f9f9f9 } footer.footer-2 { font-size: 12px; padding: 30px 0; background-color: #f9f9f9 } footer.compInfo { line-height: 20px; padding-left: 0; font-size: 15px; text-align: start; margin: 1rem 0; color: #000 } footer h4 { font-size: 18px; font-weight: 600; text-transform: capitalize; color: #000 } footer a { display: inline-block; color: #000 } footer a:hover, footer a:focus { color: #000 } footer.topBrandsBlock { background-color: #18222f } footer.topBrandsBlock h4 { font-size: 33px; font-weight: 300 } footer.topBrandsBlock li:after { content: "."; margin-left: 10px } footer.topBrandsBlock li:last-child:after { content: " " } footer.footer-2 .allPaymodeImg { margin-bottom: -8px } footer.section3 h4 { font-size: 14px; line-height: 1.1 } footer.footerSiteSecuritySec { background-color: #f9f9f9; padding: 20px 0 } footer.footLogos li { float: left } footer.footLogos li+li, footer.footLogos.two li { margin-top: 0 } footer.footLogos.two.trustPilotLogo { margin-top: -15px } footer.footLogos li img { max-height: 51px } footer.footLogos.two li img { max-height: 38px } footer.footer-2 .social { margin-top: 40px } footer.footer-2 .social a, .orderPage.social a { display: inline-block; background-color: #3c3c3c; padding: 6px 12px; height: 40px; width: 40px; border-radius: 50% } .orderPage.social a { display: flex; align-items: center; justify-content: center } footer.footer-2 .social a:hover, .orderPage.social a:hover { background-color: #000 } footer.footer-2 .social a img, .orderPage.social a img { max-height: 100%; max-width: 100% } footer.footer-2 .copyRight { padding-left: 0; font-size: 15px; text-align: start; margin: 1rem auto; color: #000 } @media only screen and(max-width:767px) { .greenBg { font-size: 15px } footer.footLogos li+li, footer.footLogos.two ul { float: none } footer.footer-2 { padding-top: 15px; padding-bottom: 40px } footer.footer-2 .copyRight { font-size: 13px; margin-left: 10px } footer.footer-2 .social { text-align: center; margin-top: 15px; margin-bottom: 15px } footer.footer-2 .allPaymodeImg { max-width: 210px } footer.footer-2 .col-xs-6 { width: 100%; text-align: left !important } footer.footer-2 .row:nth-of-type(3) { display: none } footer { padding-bottom: 0; text-align: center } footer.footLogos li, footer.footLogos { float: none !important; text-align: center; margin-bottom: 0 } footer.footLogos li+li, footer.footLogos.two li { margin-top: 0 } footer.footLogos li:nth-of-type(2) { position: relative; bottom: -5px } footer.footLogos li:nth-of-type(3) { margin-top: 10px } .payment-page textarea { width: 100% } footer.footer-2 .social ul { margin-bottom: 0; text-align: center !important; padding-left: 0 } footer.footer-2 .copyRight { text-align: center } footer.compInfo { text-align: center } } @media only screen and(max-width:400px) { .greenBg { font-size: 12px } .orderFreeSampleLink { font-size: 14px; padding: 10px 20px } } @media(min-width:992px) { .contact-page.modal-dialog { margin-top: 8px; margin-bottom: 0; width: 900px } } @media(min-width:1200px) { .contact-page.modal-dialog { width: 1000px } .wishlistMsg.modal-dialog { width: 400px } .alertMesage.modal-dialog { width: 600px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 250px; margin: auto } } .contact-page { z-index: 999999 } .contact-page.modal-body, .askAQuestionPopup.modal-body { padding: 0 } .contact-page.blockOne, .contact-page.blockTwo, .askAQuestionPopup.blockOne, .askAQuestionPopup.blockTwo { padding: 30px; height: auto !important } .contact-page.blockTwo, .askAQuestionPopup.blockTwo { background-color: #eaeded } .contact-page h2, [id*="ContactThanksPopup"]h2, .wishlistMsg h2 { margin-top: 0; color: #000; font-size: 24px; text-transform: uppercase } .contact-page h2 span { font-size: 14px; display: block; margin-top: 5px } .contact-page.address-block.block { color: #454545; font-size: 12px; font-weight: 700 } .contact-page.address-block h4 { margin-bottom: 5px; margin-top: 40px } .contact-page.form-block label:after { content: "*"; color: #e10f32 } .contact-page.form-control { box-shadow: 0 1px 7px 0 rgb(0 0 0 / .2) } [id*="ContactThanksPopup"].modal-dialog { margin-top: 150px } .wishlistMsg.modal-dialog { margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 65px } .wishlistMsg h2 { margin: 0 } @media only screen and(max-width:959px) { body { padding-top: 99px } .hc-nav-trigger.hc-nav-1 { top: 13px } footer.footer-1, footer.topBrandsBlock { display: none } } @media only screen and(max-width:479px) { body { padding-top: 57px } .full320 { width: 100% } } @media only screen and(max-width:375px) { .form-group { margin-bottom: 5px } } @media only screen and(max-width:767px) { .cd-top { bottom: 109px } } @media(min-width:1900px) { #bio_ep { left: 15% !important } } @media only screen and(max-width:1200) { .navSection.navbar-nav>li>a { font-size: 12px } } @media only screen and(max-width:959px) { .gsc-wrapper.gsc-resultsbox-visible, .gsc-control-cse, .gsc-control-cse.gsc-table-result { width: 100% !important } } @media only screen and(max-width:767px) { .gSearch.searchSection, .gSearch.searchSection.searchInputBlock { padding-right: 0 } #olark-wrapper { display: none !important } } .modal-open.olark-launch-button { z-index: 9 !important } .bxSliderBox { display: flex; flex-wrap: nowrap; overflow: hidden } .brandsSlide.slide { width: 295px } .bxSlideBlock { padding: 0 45px } .productSlideBx.slide.product { border: 1px solid #d9d9d9; padding: 12px } .productSlideBx.slide.image img { max-height: 100%; margin-left: auto; margin-right: auto } .productSlideBx.price { font-size: 13px; color: #333; margin-bottom: 10px } .bx-wrapper { overflow: visible } .bx-wrapper.bx-controls-direction a { top: 50%; background-color: #fff !important } .popularProducts.bx-wrapper.bx-controls-direction a { top: 42% } .bx-wrapper.bx-next { background: #d8d5d5 url(../img/arrow-right-sm.png)no-repeat center center; margin-bottom: 0; right: 0 } .bx-wrapper.bx-prev { background: #d8d5d5 url(../img/arrow-left-sm.png)no-repeat center center; left: 0 } .bx-wrapper.bx-next:hover { background: #9a9a9a url(../img/arrow-right-sm.png)no-repeat center center } .bx-wrapper.bx-prev:hover { background: #9a9a9a url(../img/arrow-left-sm.png)no-repeat center center } .productSlideBx.bx-wrapper { overflow: visible } .productSlideBx.title a { color: #404040; font-size: 14px; display: inline-block; margin-top: 8px; line-height: 1.1; height: 30px; overflow: hidden } .productSlideBx.price { font-size: 15px; color: #5f5e5e; margin-bottom: 10px } .productSlideBx.price img { display: inline-block } .productSlideBx.bx-wrapper { margin: 0 0 50px } .productSlideBx.slide.image { height: 80px; position: relative } .recentlyViewed.block.image { height: 175px } @media only screen and(min-width:1200px) { .recentlyViewed.proBlock { width: 10% } } .customCheckBox input[type="checkbox"] { position: absolute; opacity: 0; cursor: pointer } .customCheckBox label { padding-left: 16px } .customCheckBox.customCheck { display: block; width: 12px; height: 12px; background-color: #fff; float: left; border-radius: 3px; margin-right: 5px; position: absolute; left: 0; top: 3px; border: 1px solid #929292 } .customCheckBox input:checked~.customCheck { background-color: #000; border-color: #000 } .customCheckBox input:checked~.customCheck:after { content: ""; left: 3px; top: -1px; width: 5px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); display: block; position: absolute } @media only screen and(max-width:767px) { .imageWithTxt.block.titleB h4 { font-size: 20px; margin-left: 10px } .imageWithTxt.block.titleB h5 { font-size: 20px; margin-left: 10px } } @media only screen and(min-width:1200px) { .galleryPg.col-md-3 { width: 20% } } .galleryPg.block { border: 1px solid #f2f2f2; margin-bottom: 10px; height: 295px; position: relative; display: block; background: #fff0 } .galleryPg.info { border-top: 1px solid #000; border-bottom: 1px solid #000; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: 146px; text-align: center; padding: 15px 0; width: 220px; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1) } .galleryPg.info.cusName { color: #000; font-style: italic } .galleryPg.info h4 { margin-top: 0; font-size: 16px; color: #000; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; min-height: 49px; margin-bottom: 5px } .galleryPg.block:hover.info { background: rgb(204 204 204/70%); opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .galleryPg.block:hover img { opacity: .5 } .tag { position: absolute; top: 20px; left: 20px; z-index: 9 } .tag.right { left: auto; right: 25px } .tag.bottom { top: auto; bottom: 20px } .circleTag { background-color: #d7a253; color: #fff; font-size: 16px; text-align: center; width: 80px; height: 80px; border-radius: 50%; line-height: 1; padding: 12px 5px; top: 10px } .boxTag { border-radius: 0; color: #bc121d; background-color: #fff; border: 1px solid #bc121d; padding: 4px 6px 3px; font-size: 12px; font-weight: 600; text-align: center; line-height: 1; left: auto; top: 0; right: 0 } .productDetailsPg.boxTag { font-size: 16px } .circleTag span { display: block; font-size: 25px; font-weight: 700; margin-top: 2px } .tag.nextDayDelTag { top: 20px; right: 10px } .productDetailsPg.crossTagLeft { top: -22px; left: -55px } .tag.comesReadyAssembled { top: 10px; right: 10px } .tag.comesReadyAssembled img { max-width: 65px } .freeFastDeliveryTag { background-color: #00b67a; color: #fff; padding: 4px 6px; font-weight: 700; white-space: nowrap; display: inline-block; margin-bottom: 8px } .freeFastDeliveryTag img { margin-top: -2px; margin-right: 3px; max-height: 12px } .productDetailsPg.freeFastDeliveryTag { margin-left: 0; margin-top: 10px; display: table } @media only screen and(max-width:767px) { .productDetailsPg.crossTagLeft { top: 0; left: -15px !important } .nextDayDelTag img { max-height: 40px } .tag.comesReadyAssembled { top: 10px } .tag.comesReadyAssembled img { max-height: 44px } } .roundTag { color: #fff; background-color: #00b57a; padding: 11px 7px; text-align: center; display: inline-block; font-size: 10px; border-radius: 50%; top: 12px; left: 12px; height: 50px; width: 50px; font-weight: 700 } #rauchConfigSlide.roundTag { width: auto; border-radius: 0; height: auto; padding: 3px 7px; left: 4px; background-color: #000 } .roundTag.big { margin-right: 5px } .ratingSec { margin-bottom: 20px } .ratingSec.blockOne, .ratingSec.blockTwo { background-color: #fff; padding: 25px } .ratingSec.productReview { margin: 5px 0 35px } .ratingSec.productReview span { font-weight: 400; font-size: 16px; color: #232f3e } .ratingBreakUp.ratingCountStar { font-size: 22px; color: #00b57a; top: -4px; position: relative } .ratingBreakUp.ratingTitle { font-size: 12px; color: #000; line-height: 1.2; display: inline-block } .starBarBlock.ratingCountStar, .starBarBlock.totalCount { color: #212121; font-size: 13px } .starBarBlock.totalCount { margin-top: -3px } .starBarBlock ul { margin-bottom: 8px } .starBarBlock.progress { width: 160px; height: 5px; margin: 3px 0 0 } .starBarBlock li { float: left } .ratingBreakUp.reviewProductBtn { background-color: #232f3e; color: #fff; display: block; border-radius: 30px; margin-top: 50px; padding: 15px 10px 10px } .ratingBreakUp.reviewProductBtn img { margin-top: -4px; margin-right: 3px } .ratingSec.ratingCmntBlock { margin-bottom: 15px } .ratingSec.ratingCmntBlock.strip { padding: 15px } .ratingSec.ratingCmntBlock.ratingCmntTitle { color: #232f3e; font-size: 16px; background-color: #f8f9f9 } .ratingSec.ratingCmntBlock ul { margin-bottom: 0 } .ratingSec.ratingCmntBlock.ratingCmntTitle.rateUserName { font-weight: 500 } .fiftyPerOffTag, .startingFromTag { position: absolute; top: 25px; left: 25px; z-index: 9 } .startingFromTag { font-weight: 400; background-color: #000; padding: 8px 8px 4px; font-size: 12px; color: #fff } .startingFromTag span { font-weight: 500; font-size: 18px; display: block } @media only screen and(max-width:767px) { .fiftyPerOffTag, .startingFromTag { top: 20px; left: 20px; max-width: 50px } .startingFromTag { max-width: none; padding: 5px 5px 2px; font-size: 11px } .startingFromTag span { font-size: 14px } } .writeUpInfo.two { max-width: 1000px; margin: auto } .writeUpInfo.two.info { margin-top: 40px; height: auto !important } .witeupWithImg { margin-top: 25px } .productListing.productSection.witeupWithImg.image { height: 260px } .witeupWithImg.block+.block { margin-top: 15px } .witeupWithImg.image { padding: 4px; position: relative; max-width: 100% } .witeupWithImg.image img { border-radius: 50%; border: 2px solid #adadad; padding: 5px } .listingHeader.brand-listing h2 { color: #000 } .listingHeader.brand-listing.proPageDetail { color: #fff } .brand-product { position: relative; border: 1px solid #ececec; padding: 15px; margin-bottom: 25px } .brand-product-thumb.image { position: static } .brand-product-thumb img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-height: 90% } .brand-product-thumb { position: relative; height: 330px !important } .brand-product-thumb.offers-tag { position: absolute; right: 0; top: -20px; margin: 0 } .dimension-tip { position: relative } .brand-product-thumb.selling-tag { left: -25px; top: -10px } .brand-product-info h2 { font-size: 17px; margin: 0 0 5px; line-height: 23px; font-weight: 500; min-height: 40px; padding-right: 60px; border-bottom: 1px solid #ececec; padding-bottom: 10px; margin-bottom: 10px } .brand-list-left-top { border-bottom: 1px solid #ececec; padding-bottom: 7px; margin-bottom: 5px; height: 27px } .brand-product-info h2 .info-tags { font-weight: 400; line-height: 20px } .brand-product-info { margin-top: 15px } .brand-product-info.in-stock.yellow { color: #4dbc15 } .brand-product-info.in-stock { margin-bottom: 1px; color: #569c04; text-transform: uppercase; font-size: 13px } .brand-list-left-top.offers-tag { margin-bottom: 0 } .brand-list-left p { font-size: 14px } .brand-product-info.stand-dimen p { text-transform: capitalize } .brand-product-info.stand-dimen.info-tags { left: 0 } .brand-product-info.stand-dimen.info-tags p { text-transform: none; font-size: 12px } .col-sm-10.brand-list-left-top { padding: 0 } .brand-list-left.measureBlock { position: relative; height: 128px } .brand-prod-spec { position: absolute; bottom: 0; left: 5px } .brand-prod-spec p { padding-left: 23px; background-repeat: no-repeat; font-size: 14px; margin-top: 8px; background-size: 19px; background-position: left; margin-bottom: 5px } .dimension-tip-brands, .del-duration-brands, .flat-p-brands, .dimension-tip { position: relative; float: left; width: 100% } .dimension-tip-brands:hover.info-tags, .del-duration-brands:hover.info-tags, .flat-p-brands:hover.info-tags { opacity: 1; visibility: visible } .brand-prod-spec.info-tags { left: -15px } .brand-prod-spec.info-tags p { padding-left: 0 } .dimension-tip-brands p { background-image: url(../img/dimensions.png) } .del-duration-brands p { background-image: url(../img/truck-deliver.png) } .flat-p-brands p { background-image: url(../img/flat-pack.png) } .brand-list-right.addCartBtn { display: block; clear: both; font-size: 16px; font-weight: 800; text-transform: uppercase } .brand-list-right.priceB ul li p { font-size: 13px } .brand-list-right { padding-left: 30px } .brand-list-right p.reserve-price { font-size: 13px; border: 1px solid #ececec; display: inline-block; text-align: center; padding: 3px; float: right } .col-md-4.brand-product-list { padding: 0 10px } .brand-product-info.in-stock.gray { color: #b4b3b3 } .preChristmasTag { background-color: #fff0; left: 15px; padding: 0; height: auto; width: auto } @media only screen and(max-width:767px) { .preChristmasTag { right: 15px } } .tooltip { font-size: 14px } .tooltip-inner { max-width: 300px } .v12PaymentPg.cmnTitle h3 { display: inline-block; text-transform: none; margin-top: 12px } .v12PaymentPg.jumbotron.grndTotal { background-color: #e0e0e0; padding: 15px; display: inline-block; border-radius: 6px; float: right; font-size: 22px; font-weight: 700 } .v12PaymentPg.blockDetails.form-control { height: auto; font-size: 15px; padding: 10px 12px } .v12PaymentPg.blockDetails label { font-size: 18px; margin-top: 10px } .v12PaymentPg.v12Button { display: inline-block; margin-right: -15px } .v12PaymentPg.embed-responsive-4by3 { padding-bottom: 140%; width: 88%; margin: auto } @media only screen and(max-width:767px) { .v12PaymentPg.form-block { margin-right: 0 } .v12PaymentPg.jumbotron.grndTotal { float: none } } .cartFloat { position: fixed; bottom: 120px; right: 10px; z-index: 99; background-color: #fdfdfd; border-radius: 50%; height: 45px; width: 45px; padding: 6px; border: 1px solid #c7c7c7; -webkit-transition: 0.6s all ease-in-out; -moz-transition: 0.6s all ease-in-out; -ms-transition: 0.6s all ease-in-out; -o-transition: 0.6s all ease-in-out; transition: 0.6s all ease-in-out } .cartFloat img { max-height: 100%; max-height: 100% } .cartFloat.count { position: absolute; top: -4px; right: -4px; background-color: #ee1c29; padding: 1px; border-radius: 50%; color: #fff; width: 18px; height: 18px; text-align: center; font-weight: 700; font-size: 12px } .cartFloat:hover, .cartFloat:focus { bottom: 125px } .financeTag { color: #462f3e; font-size: 15px; margin: 10px 0 0; border-top: 1px dashed #333; padding-top: 12px; line-height: 1.1; text-align: center; cursor: pointer } .productDetailsPg.financeTag { border-bottom: 1px dashed #333; padding: 8px 0; margin-bottom: 10px; display: inline-block; text-align: left; margin-top: 0 } .productDetailsPg.financeTag span { color: #00b67b; display: block } @media only screen and(max-width:767px) { .financeTag { font-size: 12px; line-height: 1.4 } } .viewInStoreTag { color: #3576b9; display: inline-block; font-size: 14px; margin-bottom: 3px; font-weight: 700 } .viewInStoreTag:hover { color: #000 } @media only screen and(max-width:959px) { .preChristmasTg { font-size: 12px; margin: 0 0 } } .productReview.trustpilot-widget { margin-left: -24px } .productReview.trustpilot-widget a { color: #fff0 } .home.trustReviewSlide { margin: 0 0 30px; border: 1px solid #efefef; border-radius: 5px; background-color: #f9f9f9 } #bookRemovalPopup.modal-dialog { margin-top: 50px } #bookRemovalPopup.form-block label { display: block; width: 200px; float: left } #bookRemovalPopup.form-block label:after { display: none } #bookRemovalPopup.form-block label input[type="checkbox"] { margin: 0 5px 0 0; top: 1px; position: relative } #bookRemovalPopup.removalProducts { padding: 12px; background-color: #fff; box-shadow: 0 1px 7px 0 rgb(0 0 0/20%) } #bookRemovalPopup h2 { margin-top: 0; color: #6b645c; font-size: 24px; text-transform: uppercase; font-weight: 700; margin-bottom: 20px } @media only screen and(min-width:960px)and(max-width:1199px) { .clearabeePg h2 { font-size: 22px } .clearabeePg.blockOne.contBlock { padding: 10px 0 } .clearabeePg.blockTwo.img-responsive { margin: auto; max-height: 400px } .clearabeePg.blockThree.contBlock { padding: 0 25px 0 0 } } @media only screen and(max-width:959px) { .clearabeePg h2 { font-size: 22px } .clearabeePg.blockOne h2 br, .clearabeePg.blockTwo p br { display: none } .clearabeePg.bookNowBlock a { margin-top: 25px } .clearabeePg.blockOne.contBlock { padding: 10px 0 } .clearabeePg.blockTwo.img-responsive { margin: auto; max-height: 300px } .clearabeePg.blockThree.contBlock { padding: 0 25px 0 0 } .clearabeePg.blockThree.img-responsive { margin-top: 56px } } @media only screen and(max-width:767px) { .clearabeePg p { font-size: 14px } .clearabeePg.bookNowBlock { font-size: 23px; padding: 50px 0 } .clearabeePg.bookNowBlock a { display: block; margin: 15px auto 0; max-width: 170px } .clearabeePg.blockTwo p { font-size: 19px } .clearabeePg.blockThree.contBlock { padding: 0 } } .carousel.browsedProductSec { position: absolute; top: 0; bottom: 0; right: 0; left: 57%; background-color: #fff; box-shadow: -4px 0 13px 0 #898686; padding: 20px 0 } .browsedProductSec.product { background-color: #fff; padding: 9px 12px; margin-bottom: 10px } .browsedProductSec.product+.product { border-top: 1px solid #d3d3d3 } .browsedProductSec.product.title { font-size: 16px; margin: 0; height: 51px; overflow: hidden } .carousel.browsedProductSec.product.title { height: 35px } .browsedProductSec.product.imgCenter { height: 95px; padding: 4px; margin-right: 16px } .browsedProductSec.product.imgCenter img { padding: 6px } .browsedProductSec.btn-danger { display: inline-block; margin-bottom: 5px; background-color: #5f5f5f; border-color: #5f5f5f } @media only screen and(min-width:1600px) { .browsedProductSec.product.imgCenter { height: 126px } .imageWithTxt.block.titleB h4, .imageWithTxt1 .block.titleB h4 { font-size: 22px; font-weight: 700; color: #fff } } @media only screen and(min-width:1199px)and(max-width:1400px) { .browsedProductSec.product { padding: 24px 12px; margin-bottom: 0 } } @media only screen and(max-width:960px) { .carousel.browsedProductSec { position: static } } #liveProductStoreBlock { padding-bottom: 49% } @media print { header, #liveProductStoreBlock, .configureWardrobeBanner, .bestSellerSec, .faqSection, footer, .breadcum { display: none !important } } @media(min-width:1280px)and(max-width:1440px) { .navbar-wrapper.active.navbar-nav>li>a { font-size: 12px } } @media screen and(max-width:1440px) { .navSection.dropdown-menu { overflow: auto; max-height: 460px } .navSection.dropdown-menu.navTitleHead { font-size: 11px } .navbar-wrapper.active.navbar-nav>li>a { padding: 18px 10px 15px; font-size: 10px } } @media(min-width:1440px)and(max-width:1880px) { .navSection.dropdown-menu.navTitleHead { font-size: 12px } } .hc-offcanvas-nav.nav-container { width: 90% } .hc-offcanvas-nav ul.first-nav li.nav-parent { width: 50%; float: left } .hc-offcanvas-nav ul.first-nav li.nav-parent>.nav-item { position: relative; z-index: 9; padding: 10px 10px 0; text-align: center } .hc-offcanvas-nav ul.first-nav li.nav-parent.nav-item.image { height: 105px; border: 1px solid #efefef; border-radius: 6px; position: relative; margin-bottom: 5px; overflow: hidden; padding: 25px; opacity: .7 } .hc-offcanvas-nav ul.first-nav li.nav-parent.nav-item.image img { max-width: 100%; max-height: 100% } .hc-offcanvas-nav ul.first-nav li.nav-parent.nav-item.nav-next { display: none } .hc-offcanvas-nav ul.first-nav li.nav-parent.nav-item { border-bottom: 0; border-top: 0 } .hc-offcanvas-nav ul.first-nav li.nav-item { border-bottom: 0 } .hc-offcanvas-nav ul.first-nav li.noChild { float: left; width: 100% } .hc-offcanvas-nav ul.first-nav li.dividerTop { margin-top: 12px } .hc-offcanvas-nav.noChild a { padding: 8px 22px; background-color: #f7f7f7; margin: 5px 12px; border-radius: 6px } .hc-offcanvas-nav.saleItemNav a { background-color: #ce2038; color: #fff; text-align: center; margin: 10px 10px 0 } .hc-offcanvas-nav ul.first-nav li.nav-parent.subMenuHead.image { width: 40px; height: 40px; border-radius: 50%; padding: 3px 0 0; float: left } .hc-offcanvas-nav ul.first-nav li.nav-parent.subMenuHead.image span { font-size: 23px; display: block; position: relative; text-align: center; top: 4px; line-height: 1.2 } .hc-offcanvas-nav li.nav-parent.nav-item { padding-right: 15px } .hc-offcanvas-nav.nav-parent ul li { float: left; width: 100% } .hc-offcanvas-nav.subMenuHead.subMenuTitle { display: inline-block; position: relative; top: 3px; margin-left: 5px; font-size: 16px; font-weight: 600 } .hc-offcanvas-nav.subMenuHead.subMenuTitle { float: left; position: relative; top: 11px; margin-left: 8px; font-size: 16px; font-weight: 700 } .hc-offcanvas-nav.nav-parent ul.subMenuHead { float: left; width: 85%; z-index: 9 } .hc-offcanvas-nav.nav-parent ul.subMenuHead.nav-item { padding: 6px 0 6px 17px } .hc-offcanvas-nav.nav-parent ul.vieAllLink { float: left; width: 26%; margin-top: 13px } .hc-offcanvas-nav.nav-parent ul li a { padding: 6px 17px; border-left: 1px solid #dedede; margin-left: 40px; font-size: 14px } .hc-offcanvas-nav li.nav-close a:hover, .hc-offcanvas-nav li.nav-back a:hover { background: #000 } .hc-offcanvas-nav.nav-parent ul li.vieAllLink a, .hc-offcanvas-nav.nav-parent ul li.nav-back a { border-left: 0; margin-left: 0 } .hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav li.nav-back a { color: #fff; background: #1b1b1b; border-top: 1px solid #1b1b1b; border-bottom: 1px solid #1b1b1b; padding-right: 24px } .hc-offcanvas-nav li.nav-close span::before, .hc-offcanvas-nav li.nav-close span::after { border-color: #fff } .hc-offcanvas-nav span.nav-next::before, .hc-offcanvas-nav li.nav-back span::before { border-color: #fff } .fixBar { position: fixed; left: 0; bottom: 0; top: 0; right: 0; width: 100%; background: rgb(94 94 94/72%); z-index: 99999 } .fixBar.contSec { position: fixed; left: 0; right: 0; bottom: 5%; width: 85%; max-width: 1300px; margin: auto; background-color: #fff; padding: 16px; box-shadow: 0 5px 10px rgb(33 30 34/20%); border-radius: 6px } .fixBar p { margin-bottom: 0; font-size: 16px } .fixBar.btn-info { background-color: #74afd7; border-radius: 20px; font-size: 14px; color: #fff; border: 0 } .fixBar.btn-info:hover, .fixBar.btn-info:focus { background-color: #74afd7; box-shadow: 0 0 11px 1px #bbb5b5 } .cookieEnabledMsg { background-color: #000; color: #fff; padding: 10px 20px; border-radius: 6px; position: fixed; left: 0; right: 0; bottom: 8%; width: 250px; text-align: center; font-size: 18px; margin: auto } @media screen and(min-device-width:1600px)and(max-device-width:1920px) { header.topSection.topSecTwo li.extra.user { margin-left: 7px } } #Category-desc { background-color: #f2f2f2 !important; padding: 0; margin-bottom: 0 !important; border-radius: 6px } .botImgTagBlock { text-align: right; position: absolute; right: -1px; z-index: 9; top: 0; cursor: pointer } .botImgTag { display: inline-block; color: #fff; line-height: 1; border-bottom-left-radius: .375rem; padding: .25rem .375rem; font-size: 12px; padding: 5px; margin: 0 1px; float: left } .NextDayTagBlock { padding: 8px; position: absolute; left: 0; z-index: 9; top: 0 } .NextDayImgTag { display: flex; align-items: center; color: #000; line-height: 1; font-size: 14px; float: left; font-weight: 700 } @media only screen and(max-width:767px) { .botImgTag { display: inline-block; color: #fff; line-height: 1; padding: 4px 8px 3px; font-size: 10px } .ShopByWardrobeList { grid-template-columns: 1fr 1fr } #Category-desc.table { font-size: 11px } #Category-desc.tableBlock { margin-top: 30px } #Category-desc.table tr td:first-child { width: 80% } #Category-desc.table tr td:last-child { width: 20% } } @media only screen and(max-width:320px) { .botImgTag { font-size: 8px } } @media(min-width:992px) { .Trustpilot-sec.row { display: flex } .Trustpilot-sec.col-md-6 { flex: 1 } } @media only screen and(max-width:1200px) { .navbar-wrapper.active.navbar-nav>li>a { padding: 18px 5px 15px; font-size: 9px } .imageWithTxt.block.titleB h5, .imageWithTxt1 .block.titleB h5 { font-size: 13px } } @media only screen and(min-width:960px)and(max-width:1199px) { .Trustpilot-sec.block { padding: 20px 15px } .Trustpilot-sec.block h3 { margin-top: 0 } } @media only screen and(max-width:375px) { .botImgTag { font-size: 9px } } .blindsInfoPopup.modal-content { overflow-y: scroll } .colorSwatchActive { border: 2px solid #000 !important } .priceBeat { display: inline-block; border: 1px solid #d0d0d0; border-radius: 5px; padding: 0 7px; color: #000; font-weight: 600; box-shadow: 3px 3px 0 #ededed; position: relative; bottom: 4px; cursor: pointer } @media only screen and(max-width:767px) { .priceBeat { margin-top: 5px } } .heading-1 { font-size: 24px; font-weight: 700 } .heading-2 { font-size: 20px; font-weight: 700 } .heading-3 { font-size: 18px; font-weight: 700 } .heading-4 { font-size: 16px; font-weight: 700 } .heading-5 { font-size: 14px; font-weight: 700 } .heading-6 { font-size: 12px; font-weight: 700 } .tabContentArea { margin-top: 40px } .tabContentArea h3 { font-size: 20px; font-weight: 700; margin: 0 0 15px } .tabContentArea.tab-pane { padding: 15px } .tabContentArea.tab-pane ul li:not(:last-child):after { content: ""; display: inline-block; margin-left: 15px } .tabContentArea.tab-pane ul li a { text-decoration: underline; text-transform: capitalize } .tabContentArea.tab-content { border: 1px solid #dddcd9; border-top: 0; margin-bottom: 20px; padding: 20px 10px } @media only screen and(max-width:767px) { .tabContentArea.nav-tabs>li.active>a, .tabContentArea.nav-tabs>li.active>a:hover, .tabContentArea.nav-tabs>li.active>a:focus { background-color: #eee } .tabContentArea.nav-tabs>li a { border: 0 !important } .tabContentArea.nav-tabs>li { width: 50%; margin-bottom: 0; text-align: center } .tabContentArea.tab-pane ul li a { text-decoration: none; background-color: #eee; display: inline-block; padding: 1px 4px; margin-bottom: 8px } .tabContentArea.tab-pane ul li:not(:last-child):after { display: none } } .bulkDiscBand { background-color: #000; color: #fff; padding: 5px 0; text-transform: uppercase; font-size: 12px } .bulkDiscBand.titleBand { background-color: #000; font-size: 15px; padding: 10px 5px; margin-bottom: 6px } .bulkDiscBand.titleBand b { margin-left: 5px } .bulkDiscBand a { color: #fff; padding: 8px 0; transition: 0.5s all ease-in-out } .bulkDiscBand.blockOne a, .bulkDiscBand.blockThree a { padding: 8px 0 8px } .bulkDiscBand a, .bulkDiscBand.saleTimmer { display: inline-block } .bulkDiscBand p, .bulkDiscBand ul { margin-bottom: 0 } .bulkDiscBand.blockTwo { text-align: center } .bulkDiscBand.saleTimmer { border: 1px solid #ffcb2e; padding: 3px 6px 2px; margin-left: 8px; border-radius: 5px } .bulkDiscBand.saleTimmer ul { margin-left: 0 } .bulkDiscBand.saleTimmer ul li { position: relative; padding-left: 1px; color: #ffcb2e; padding-left: 1px } .bulkDiscBand.saleTimmer ul li+li:before { content: ":"; margin-right: 8px } @media(min-width:1280px)and(max-width:1440px) { .bulkDiscBand { font-size: 11px } } @media(min-width:768px) { .bulkDiscBand.blockTwo { text-align: center } .bulkDiscBand.blockThree { text-align: right } } @media only screen and(max-width:959px)and(min-width:768px) { .bulkDiscBand { font-size: 11px; margin-bottom: 15px } } @media(max-width:767px) { .bulkDiscBand { background-color: #fff; height: 52px; overflow: hidden; transition: height 1s; text-align: center } .bulkDiscBand.active { height: 180px } .bulkDiscBand a { background-color: #e2e2e2; display: block; margin-bottom: 6px; border-radius: 6px; color: #2e2e2e } .bulkDiscBand.saleTimmer { display: block; margin-left: 0; padding: 10px 8px 8px; font-size: 14px; background-color: #000; border-radius: 6px } } .pageFreezeBlock { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgb(255 255 255 / .75); display: none; z-index: 99999 } .pageFreezeBlock.activate { display: block } .pageFreezeBlock div { position: absolute; top: 0; bottom: 20%; left: 0; right: 0; margin: auto; width: 275px; height: 105px; text-align: center } .pageFreezeBlock div.pulseImg { border-radius: 50%; padding-bottom: 5rem } .cls-btn div { display: block; height: 2px; position: relative; transition: transform 0.6s cubic-bezier(.19, 1, .22, 1)0s, opacity 0.4s cubic-bezier(.19, 1, .22, 1)0s; width: 20px; z-index: 2 } .cls-btn div:first-child { transform: translate3d(13px, 17px, 0)rotate3d(0, 0, 1, -45deg) } .cls-btn div:first-child::after, .cls-btn div:first-child::before { transition: transform 0.6s cubic-bezier(.19, 1, .22, 1)0s, opacity 0.2s cubic-bezier(.19, 1, .22, 1)0s } .cls-btn div:last-child { transform: translate3d(13px, 15px, 0)rotate3d(0, 0, 1, 45deg) } .cls-btn div:last-child::after, .cls-btn div:last-child::before { transition: transform 0.6s cubic-bezier(.19, 1, .22, 1)0.2s, opacity 0.2s cubic-bezier(.19, 1, .22, 1)0.18s } .cls-btn div::after, .cls-btn div::before { content: ""; display: block; height: 100%; pointer-events: none; position: absolute; width: 100% } .cls-btn div::before { background: none repeat scroll 0 0 #fff; opacity: 1; transform: translate3d(0, 0, 0) } .cls-btn div::after { background: none repeat scroll 0 0 #fff; opacity: 0; transform: translate3d(100%, 0, 0) } .cls-btn:hover div::before { opacity: 0; transform: translate3d(-100%, 0, 0) } .cls-btn:hover div::after { opacity: 1; transform: translate3d(0, 0, 0) } .cls-btn { width: 35px; height: 35px } .wishlist-a { width: 20px; height: 20px; position: absolute; right: 9px; bottom: 9px; z-index: 1 } svg { width: 20px; height: 20px; fill: #000 } .wishlist-a:hover svg.a { fill: #000 } .added_product svg.a { fill: #000 } .bestSellerSec.title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; min-height: 39px } .category_slider { margin-bottom: 30px !important } .category_slider.allRangesBlock { margin-top: 0 !important } .exploreRangeSec.allRangesBlock.category_img_block a.block { max-width: 220px; border: 1px solid #ccc; margin: 3px !important; padding: 0 5px 5px; width: 100% } .exploreRangeSec.allRangesBlock.category_img_block a.image { width: 100px; opacity: .8 } .exploreRangeSec.allRangesBlock.category_img_block { display: flex !important; align-items: center; justify-content: center; flex-wrap: wrap } .exploreRangeSec.allRangesBlock.category_img_block a.info { height: 32px } .exploreRangeSec.cat_button { padding: 0 10px; max-width: 390px; width: 100%; text-align: center; margin: 0 auto } .exploreRangeSec.cat_button a.image { background-color: #013c68; color: #fff; padding: 10px; border-radius: 5px; text-align: center; margin-top: 10px; box-sizing: border-box } @media only screen and(max-width:959px) { .cmnTitle { margin-bottom: 20px !important } } @media only screen and(max-width:767px) { .cmnTitle h3, .cmnTitle h3 a { font-size: 16px !important } } @media only screen and(max-width:470px) { .exploreRangeSec.allRangesBlock.category_img_block a.block { max-width: 120px } } .tabContentArea.tab-pane ul li a:after { content: "|"; margin: 0 10px } .tabContentArea.tab-pane ul li a.noPipe:after { display: none } .tabContentArea.tab-pane ul li a { text-decoration: none } .tab-content.list-inline li { padding-left: 0; padding-right: 0; display: inline-grid } @media only screen and(max-width:767px) { .tabContentArea.tab-pane ul li a:after { display: none } } .breadcum { background-color: #f7f7f7; padding: 0; display: block } .breadcum ul { display: flex; flex-wrap: wrap } .breadcum ul>li { display: inline-block; background: #f8f8f8; position: relative; padding: 6px 0 6px 20px !important; color: #000; border: 1px solid #ccc; margin: 5px 0 } .breadcum ul>li:first-child { padding: 6px 10px 6px 10px } .breadcum ul li a { display: block; color: #000; padding: 0 !important; line-height: 1; font-size: 12px; max-width: 180px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .breadcum ul>li:after { content: " "; display: block; width: 0; height: 0; border-top: 12px solid #fff0; border-bottom: 12px solid #fff0; border-left: 10px solid #f8f8f8; position: absolute; top: 50%; margin-top: -12px; left: 100%; z-index: 2 } .breadcum ul>li:before { content: ""; display: block; width: 0; height: 0; border-top: 12px solid #fff0; border-bottom: 12px solid #fff0; border-left: 10px solid #e8e3e3; position: absolute; top: 50%; margin-top: -12px; margin-left: 2px; left: 100%; z-index: 1 } .breadcum ul li+li a:before { content: "" } .breadcum ul>li.active, .breadcum ul>li:last-child { background: #fff !important; font-size: 12px; line-height: 1 } .breadcum ul>li.active:after, .breadcum ul>li:last-child:after { border-left: 10px solid #fff } @media only screen and(max-width:767px) { .breadcum { margin: 5px auto 10px } } .mobile-menu.logo-phone-small img { width: 75px } .bulkDiscBand { padding: 10px 0 } @media only screen and(max-width:992px) { .bulkDiscBand a, .bulkDiscBand.blockOne a, .bulkDiscBand.blockThree a { padding: 0 } .topSection, .navbar-collapse.collapse, .navbar-wrapper.navbar { display: none !important } .mobile-menu, .hc-nav-trigger { display: block !important } .hc-offcanvas-nav ul.first-nav li.nav-parent { width: 25% } .hc-offcanvas-nav ul.first-nav li.nav-parent.nav-item.image { display: flex; align-items: center; justify-content: center; padding: 10px } } @media only screen and(max-width:992px)and(min-width:959px) { .bulkDiscBand { margin-top: 60px; font-size: 11px; margin-bottom: 15px } } @media only screen and(max-width:550px) { .hc-offcanvas-nav ul.first-nav li.nav-parent.nav-item.image { height: 100px } .hc-offcanvas-nav ul.first-nav li.nav-parent { width: 50% } } @media only screen and(max-width:767px) { .bulkDiscBand a, .bulkDiscBand.blockOne a, .bulkDiscBand.blockThree a { padding: 8px 0 } .tabContentArea.nav-tabs>li a { margin-right: 0; padding: 10px 2px } .tabContentArea.nav-tabs>li { width: 32.79%; margin: 5px 0 0; border: 1px solid #ebebeb; border-radius: 5px 5px 0 0; float: none; font-size: 13px } .tabContentArea.nav-tabs>li:last-child { margin-right: 0 } .tabContentArea.tab-content { padding: 10px } .tabContentArea.tableBlock h3.head_top_con { font-size: 18px !important } .nav-tabs { display: flex; align-items: center; flex-wrap: wrap } .tabContentArea.nav-tabs>li:nth-child(2), .tabContentArea.nav-tabs>li:nth-child(5) { margin: 5px 3px 0 } div#searchTabOne.writeUpInfo { margin-top: 0 } div#searchTabOne.writeUpInfo p { text-align: left } .tabContentArea.tableBlock h3, .tabContentArea.tableBlock.table>tbody>tr>td { font-size: 13px !important; line-height: 1.4 !important } } .hc-offcanvas-nav ul.first-nav li.nav-parent.subMenuHead.image { height: 40px; display: block; padding: 3px 0 0 } .productNotFound { margin: 0 auto 50px; text-align: center; background: rgb(243 243 243/28%); padding: 100px 50px } .productNotFound h4 { font-size: 27px; font-weight: 700 } .productNotFound a { font-size: 16px; margin: 10px 0 30px; display: block } .productNotFound.outer_pro_not_found a { margin: 0 10px } .productNotFound.outer_pro_not_found { display: flex; align-items: center; justify-content: center } @media only screen and(max-width:615px) { .productNotFound { padding: 70px 10px } .productNotFound.outer_pro_not_found a img { width: 100%; max-width: 70px } .witeupWithImg.image { max-width: 70%; margin: 0 auto } .footer-2 .container.col-md-2 h4 { font-size: 15px; margin-bottom: 5px } .footer-2 .container.col-md-2 ul { font-size: 13px !important } .galleryPg.block { height: 214px } } .ViewColorCommonPopup.modal-body.colorSection.block p span.inStock, .ViewColorCommonPopup.modal-body.colorSection.block p span.outOfStock { font-size: 12px; font-weight: 600 } .benefitSec { margin-bottom: 20px } .customer_images.slide.block.image { border: 1px solid #efefef; padding: 5px; height: 270px; position: relative } .customer_images.slide.block.image img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-height: 90%; max-width: 95%; height: auto } .galleryPg.block img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-height: 100%; max-width: 100%; height: auto; padding: 10px } @media screen and(min-width:992px)and(max-width:1200px) { .botImgTag { font-size: 11px } } .home.popularRanges.info h3 { font-size: 30px !important; margin-bottom: 20px } .home.popularRanges.info h3 br { display: none } .cd-top.cd-fade-out { opacity: 1 !important } .cd-top { background: #fff url(../img/top_arrow_img.png)no-repeat center 50% !important; width: 60px; height: 60px } .cd-top:hover { opacity: .8; background: #fff url(../img/top_arrow_img.png)no-repeat center 50% } .multiproBanner.container { width: 100% !important } .multiproBanner { margin-bottom: 40px } @media only screen and(max-width:767px) { .multiproBanner { margin-bottom: 0 } } .bulkDiscBand { padding: 8px 0 !important; background-size: 100%100% } .bulkDiscBand.saleTimmer ul li, .bulkDiscBand.blockOne a, .bulkDiscBand.blockThree a, .bulkDiscBand a { color: #fff !important; font-weight: 700 !important; font-size: 14px } .bulkDiscBand.saleTimmer { border: 1px solid #fff !important } @media screen and(max-width:992px) { .bulkDiscBand.saleTimmer ul li, .bulkDiscBand.blockOne a, .bulkDiscBand.blockThree a, .bulkDiscBand a { font-size: 11px } } @media screen and(max-width:767px) { .bulkDiscBand { padding: 10px 0; background: none; height: 57px } .bulkDiscBand.active { height: 202px } .bulkDiscBand.titleBand { background-color: #000 } .bulkDiscBand a { background-color: #000 !important } } @media screen and(max-width:600px) { .bulkDiscBand { height: 67px } .bulkDiscBand.titleBand { background-size: contain; margin-bottom: 0; padding: 20px 5px } .option-listing-ul li:nth-child(4)p { height: 30px; font-size: 14px; line-height: 1 } } @media only screen and(max-width:992px)and(min-width:959px) { .bulkDiscBand { margin-bottom: 5px } } .exploreRangeSec.allRangesBlock.allRangesLink.image:before, .exploreRangeSec.cat_button a.image { background-color: #e01636 !important } .navSection.dropdown-menu ul+.navTitleHead { border-top: 0 } .brands_outer_wrap { width: 42% !important } .navSection.shop_brands.dropdown-menu { padding: 0 25px } .navSection.shop_brands.dropdown-menu.brands_outer_wrap.block { padding: 3px; width: 25%; margin-bottom: 0; float: left } .navSection.shop_brands.dropdown-menu>li>.divideRow.fiveIRow>.col-md-2 { width: 18% } .navSection.shop_brands.dropdown-menu>li>.divideRow.fiveIRow>.col-md-2.img_container { margin: 20px 30px 0 0; width: 20% } .navSection.shop_brands.dropdown-menu.navTitleHead a, .col-md-2.brands_outer_wrap p { font-size: 16px; color: #575757 } .navSection.shop_brands.dropdown-menu>li>.divideRow.fiveIRow>.col-md-2.img_container.branDropImg { height: 450px; border-radius: 5px } .col-md-2.brands_outer_wrap { margin-bottom: 20px } .col-md-2.brands_outer_wrap p { text-transform: uppercase; margin: 20px 11px 5px; font-weight: 700 } .navSection.dropdown-menu.brands_outer_wrap.img_menu { background-color: #fff; border: 1px solid #d3d3d3; border-radius: 8px; height: 98px; position: relative; display: table; width: 100% } .navSection.shop_brands.dropdown-menu.block { padding: 0 12px } .navSection.dropdown-menu.brands_outer_wrap.navTitleHead a { font-size: 12px } .navSection.dropdown-menu.brands_outer_wrap.navTitleHead { margin: 10px 0 0 } .navSection.dropdown-menu.img_menu { max-width: 400px; width: 100%; cursor: pointer } .navSection.shop_brands.dropdown-menu.block ul a { padding: 3px 8px } .navSection.navbar-nav>li a:hover { background-color: #f7f7f7 } .navSection.dropdown-menu.brands_outer_wrap.img_menu img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-height: 90%; max-width: 100%; padding: 5px; display: block; max-width: 60%; height: auto; width: auto } .navSection.dropdown-menu.img_menu img { width: 100% } .navSection.dropdown-menu.img_menu img { width: 100% } .navSection.dropdown-menu.navTitleHead a { color: #303b41; border-bottom: 1px solid #000; padding: 5px; font-weight: 700 } .navSection.dropdown-menu.navTitleHead span { color: #303b41; font-weight: 700; margin: 0; font-size: 16px; border-bottom: 1px solid #000; cursor: pointer } .navSection.navbar-nav>li span:hover { background-color: #eee; border-radius: 5px } span.viewMoreLink { text-decoration: underline; text-transform: lowercase; cursor: pointer; font-size: 16px; padding: 4px 8px } .furniture_img.width_cha { width: auto !important } .navSection.dropdown-menu.block ul a { color: #303b41 } .navSection.shop_brands.dropdown-menu ul+.navTitleHead { padding-top: 8px } .navSection.dropdown-menu>li.furniture_img>.divideRow { flex-wrap: nowrap } .navSection.dropdown-menu>li>.divideRow>[class*="col-md"]:nth-of-type(even), .navSection.dropdown-menu>li>.divideRow>[class*="col-md"]:nth-of-type(2n) { background-color: #fff !important } .navSection.img_cat.dropdown-menu.btn_block.navTitleHead, .navSection.shop_brands.dropdown-menu.navTitleHead a { border: none; padding: 4px 8px } .navSection.img_cat.dropdown-menu.navTitleHead { padding: 8px 0; margin: 0; padding: 0 0; margin: 5px 0 0 } .btn_block { text-align: center; margin: 15px 0 } .btn_block.navTitleHead a { max-width: 300px; width: 100%; display: block; margin-top: 41px; cursor: pointer } .navSection.dropdown-menu.block ul a.viewMoreLink { cursor: pointer } .navbar-nav>li>.dropdown-menu { transform: scaleY(0); transition: transform 200ms ease-in-out 200ms } .navbar-nav>li.dropdown:hover.dropdown-menu { -webkit-animation: menu-height-transition ease-in 200ms; animation: menu-height-transition ease-in 200ms; -webkit-animation-delay: 200ms; animation-delay: 200ms; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); transform-origin: center top } @-webkit-keyframes menu-height-transition { 0% { -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0) } 100% { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1) } } @keyframes menu-height-transition { 0% { -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0) } 100% { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1) } } @media only screen and(min-width:1900px) { .navSection.dropdown-menu.navTitleHead a, .navSection.dropdown-menu.block ul a { font-size: 16px } } @media only screen and(max-width:1900px) { .brands_outer_wrap { width: 40% !important } .navSection.shop_brands.dropdown-menu { padding: 0 10px } .navSection.dropdown-menu.block ul a { font-size: 12px } .navSection.dropdown-menu.brands_outer_wrap.img_menu { height: 80px } .navSection.shop_brands.dropdown-menu>li>.divideRow.fiveIRow>.col-md-2.img_container.branDropImg { height: 370px } .navSection.dropdown-menu.brands_outer_wrap.block.navTitleHead p { padding: 19px 0 !important; font-size: 15px !important } .navSection.shop_brands.dropdown-menu.block ul { margin-top: 2px } .navSection.shop_brands.dropdown-menu.navTitleHead a, .col-md-2.brands_outer_wrap p { font-size: 15px } } @media only screen and(max-width:1200px) { .navSection.shop_brands.dropdown-menu>li>.divideRow.fiveIRow>.col-md-2.img_container { display: none } .navSection.shop_brands.dropdown-menu.navTitleHead a, .col-md-2.brands_outer_wrap p { font-size: 16px } .navSection.dropdown-menu.block ul a { font-size: 13px } .navSection.shop_brands.dropdown-menu>li>.divideRow.fiveIRow>.col-md-2 { width: 23% } .brands_outer_wrap { width: 53% !important } .navSection.shop_brands.dropdown-menu { padding: 0 30px 10px } .navSection.shop_brands.dropdown-menu.block { padding: 0 6px } .navSection.dropdown-menu.brands_outer_wrap.img_menu { height: 73px } .navSection.dropdown-menu.brands_outer_wrap.block.navTitleHead p { padding: 16px 0 !important; font-size: 14px !important } .navSection.shop_brands.dropdown-menu.navTitleHead.spaReduce { margin-top: 2px } } @media only screen and(min-width:993px) { .bulkDiscBand { position: fixed; width: 100%; z-index: 999; top: 0; left: 0 } header { margin-top: 48px } .navbar-wrapper.active.navbar { top: 48px } .bulkDiscBand { padding: 6px 0 !important } } @media only screen and(min-width:768px)and(max-width:992px) { .multiproBanner { margin-bottom: 0; position: relative; box-sizing: border-box; margin-top: 88px } .mobile-menu.navbar-default { padding: 5px 10px 15px } .hc-nav-trigger { top: 7px } .bulkDiscBand { position: fixed; z-index: 999; width: 100%; top: 62px } } @media only screen and(max-width:959px)and(min-width:768px) { .bulkDiscBand { margin-top: -5px } .multiproBanner { margin-top: 31px } } .navSection.navbar-wrapper.active.navbar-nav:hover~.darkness { background-color: #fff } .navbar-wrapper.active.navbar-nav:hover>li>a { color: #000 } .navbar-wrapper.active.navbar { padding: 6px 0 } .blink-animation { animation: blink 1.2s linear infinite } @keyframes blink { 0% { opacity: .5 } 50% { opacity: .7 } 100% { opacity: 1 } } .option-listing-outer { position: absolute; right: 0 } .option-listing-ul { display: flex; align-items: flex-start; justify-content: space-between; list-style: none; padding: 0; border: 1px solid #efefef; max-width: 200px; border-radius: 50px; padding: 2px 8px; float: right; margin-right: 5px } .option-listing-ul li { margin: 0; width: 30px; height: 30px; padding: 2px; box-sizing: border-box; border-radius: 50% } .option-listing-ul li p { height: 25px; display: flex; align-items: center; justify-content: center; width: 25px; text-align: center; margin: 0 auto; position: relative; border-radius: 50%; overflow: hidden; border: 1px solid #0000004a } .option-listing-ul li p img { position: absolute; width: auto; height: auto } .option-listing-ul li:nth-child(2), .option-listing-ul li:nth-child(3) { margin-left: -16px } .option-listing-ul li:nth-child(4) { width: auto } .option-listing-ul li:nth-child(4)p { border: 0 } .tooltip_tag { display: none } .home.customer_images.info h3 { text-transform: capitalize } .hc-offcanvas-nav ul.first-nav li.noChild.user_nav { display: flex !important; align-items: center !important; justify-content: space-between !important } @media only screen and(max-width:992px) { footer.footer-2 { padding-top: 0 } footer.footer-2 .panel-group { margin-bottom: 0; padding: 10px 10px 0; text-align: left } footer.footer-2 .panel.panel-default { background: #fff0; border: 1px solid #ccc; margin-bottom: 10px } footer.footer-2 .panel-default>.panel-heading { background: #fff0; border: none; border-bottom: none } footer.footer-2 li.vieAllLink { float: right; top: 0; position: absolute; right: 0 } footer.footer-2 span.subMenuTitle { font-size: 16px } footer.footer-2 .panel-body.brands-nav ul { position: relative; border-bottom: 1px solid #efefef; padding: 5px 0 10px } footer.footer-2 .panel-body.brands-nav ul li a { font-size: 14px } footer.footer-2 .panel-title span:after { position: absolute; content: "-"; right: 20px } footer.footer-2 .panel-title span.collapsed:after { content: "+" } .hc-offcanvas-nav.nav-parent ul li span.subMenuTitle a { padding: 0; border: 0; margin-left: 0; font-size: 16px } .hc-offcanvas-nav.nav-parent ul li a { border-left: none; margin-left: 0 } .hc-offcanvas-nav.nav-parent ul.subMenuHead { padding: 5px 0 } .productListing footer.footer-2 .panel-title>span { padding: 10px 16px; text-transform: capitalize } .subMenuHead a.viewLink { float: right; padding-right: 20px; font-weight: 700; font-size: 16px } .subMenuHead.viewLinkOuter { width: 100% !important; padding-right: 20px !important } .offcanvas { display: none; position: fixed; top: 0; left: -250px; width: 90%; height: 100%; background-color: #fff; z-index: 1050; overflow-x: hidden; transition: left 0.3s ease } .offcanvas.show { left: 0 } .offcanvas-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(0 0 0 / .5); z-index: 1040; display: none } body.offcanvas-open { overflow: hidden } .btn_menu { background-color: #fff0; padding: 0 } .btn_menu span { width: 30px; height: 2px; background-color: #474545; margin-bottom: 6px; display: block } .mobileNav.panel-default { padding: 13px 0 0; background-color: #fff0; margin: 10px 12px 5px; border-radius: 6px } .mobileNav.panel-default>.panel-heading { background-color: #fff0; border-color: #fff0; font-size: 16px } .mobileNav.panel-title { font-size: 17px; color: inherit } .mobileNav li.subMenuHead { padding: 10px 0; border-bottom: 1px solid #efefef } .mobileNav span.subMenuTitle { font-size: 15px; padding: 15px 0 } .mobileNav.panel-heading { padding: 0 } .mobileNav button.close { opacity: inherit; font-size: 25px; margin-right: 15px; border: 1px solid #484747; color: #484747; padding: 5px; width: 35px; height: 35px } .mobileNav.viewlinkouter { margin-top: 18px; font-size: 16px; background: #1987c7; padding: 10px; text-align: center; border-radius: 5px } .mobileNav.viewlinkouter a { color: #fff } .mobileNav.panel-title span:after { position: absolute; content: "-"; right: 20px; font-size: 22px; line-height: 17px } .mobileNav.panel-title span.collapsed:after { content: "+" } .mobileNav.offcanvas-body { margin-top: 35px } .mobileNav.panel-title span.collapsed { border-bottom: 0; padding: 0 10px 10px 10px } .mobileNav.panel-title span { border-bottom: 1px solid #ccc; padding: 0 10px 15px 10px } .mobileNav ul.blindsCurtains li.subMenuHead { padding: 5px 0; border-bottom: 0 } .mobileNav ul.blindsCurtains.panel-body { padding: 0 } .mobile-menu ul.blindsCurtains ul { margin-top: 0 } .mobileNav ul.blindsCurtains.panel-default { padding: 0 0 0; margin: 5px 5px 5px; border: none; border-bottom: 1px solid #ccc; border-radius: 0 } .mobileNav ul.blindsCurtains.panel-default.last { border: none } .mobileNav ul.blindsCurtains.panel-title span { padding: 0 10px 10px 10px; font-size: 15px } .mobileNav.blindsNav { padding: 0 } ul.blindsCurtains.innWrap li { padding: 10px } ul.blindsCurtains.innWrap li.vieAllLink { text-align: center; background: #efefef; padding: 5px; margin: 5px 0 } .mobileNav.blindsCurtains.panel-title span:after { right: 30px } .mobileNav.nav-parent { border: 1px solid #ddd; list-style: none; font-size: 17px; padding: 10px; margin: 10px; border-radius: 6px } .wrap_navbar { display: flex; align-items: center } .mobileNav.mobile-menu ul { margin-top: 0 } .mobileNav.btn_menu span:nth-child(3) { margin-bottom: 0 } .outernumber { display: flex; align-items: end; justify-content: space-between; padding: 10px 10px 0; width: 100%; border-bottom: 1px solid #ddd; padding-bottom: 11px } .outernumber.phoneIconMenu { font-size: 16px; padding: 10px 10px 0; font-weight: 700 !important; font-size: 18px; color: #000; margin-bottom: 0 } .outernumber.phoneIconMenu img { height: 22px } .outernumber.userIconMenu { margin-bottom: 0; margin-right: 5px; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center } .navbar-nav>li.extra.caret.bottomCaret, .mobile-menu li.extra.caret.bottomCaret { left: auto; right: 10px } .mobile-menu li.extra.dropdown-menu { right: -5px } .outerOffcanverHead { display: flex; align-items: center; justify-content: space-between; padding: 5px 10px } .outerOffcanverHead p { font-size: 16px; font-weight: 700; margin-top: 5px; margin-bottom: 0 } } .halfPrice { z-index: 9; position: absolute; text-transform: capitalize; color: #000; background: #ffff54; padding: 5px 10px; font-size: 12px; font-weight: 600; left: 10px; top: 10px } .cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 10px; border-radius: 50%; box-shadow: 0 0 10px rgb(0 0 0 / .05); overflow: hidden; text-indent: 100%; white-space: nowrap; background: #6f93ac url(../img/cd-top-arrow.png)no-repeat center 50%; visibility: hidden; opacity: 0; z-index: 999; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s } .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch.cd-top:hover { -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s } .cd-top.cd-is-visible { visibility: visible; opacity: 1 } .cd-top.cd-fade-out { opacity: .5 } .no-touch.cd-top:hover, .cd-top:hover { background-color: #777; opacity: 1 } @media only screen and(min-width:768px) { .cd-top { right: 20px; bottom: 20px } } @media only screen and(min-width:1024px) { .cd-top { right: 30px; bottom: 30px } } .home.popularProducts.block>img { position: absolute; top: 0; left: 0; right: 0; margin: auto } .matchHeight.embed-responsive { height: 100%; border-radius: 5px } @media only screen and(min-width:960px)and(max-width:1199px) { .multiproBanner.item.col-sm-2 { padding: 20px } .multiproBanner #MyCarousel.item.h2 { font-size: 26px } .multiproBanner #MyCarousel.item.h2 span { font-size: 50px } .multiproBanner #MyCarousel.item.lmtTxt { font-size: 20px } .multiproBanner.item.discountTag { max-width: 100px } } @media(max-width:959px) { .multiproBanner.item.col-sm-2 { padding: 15px; width: 24% } .multiproBanner #MyCarousel.item.h2 { font-size: 20px } .multiproBanner #MyCarousel.item.h2 span { font-size: 40px } .multiproBanner #MyCarousel.item.lmtTxt { font-size: 20px } .multiproBanner.item.col-sm-5 { width: 38% } .multiproBanner.carousel-indicators { bottom: 8px; right: 10px } .multiproBanner.item.discountTag { max-width: 100px } } @media(max-width:767px) { .multiproBanner.item.row { margin: 0-2px; flex-direction: column-reverse } .multiproBanner.item.col-sm-2 { padding: 15px 22px; width: 100% } .multiproBanner.item.col-sm-5 { width: 100% } .multiproBanner #MyCarousel.item.lmtTxt { position: relative; top: 3px; margin-left: 8px; display: inline-block } .multiproBanner #MyCarousel.item.h2 { font-size: 18px } .multiproBanner #MyCarousel.item.h2 span { font-size: inherit; display: inline-block } .multiproBanner #MyCarousel.item.btn-warning { font-size: 14px; min-width: auto } .multiproBanner.carousel-indicators { bottom: 0 } } .carousel-indicators li { border: 2px solid #fff } .carousel-indicators li.active { margin: 1px; width: 10px; height: 10px } .banner-img-text { letter-spacing: 0; position: absolute; color: #fff; bottom: 110px; font-size: 24px; font-weight: 700 } @media only screen and(max-width:768px) { .multiproBanner.container.textImgOuter1 { font-size: 16px; bottom: 14% } } @media only screen and(max-width:567px) { .multiproBanner.container.textImgOuter2 { padding: 0 } } .popCatOuter { display: flex; align-items: center; justify-content: center } .popCatOuter ul { list-style: none; padding: 0; width: 19%; margin-right: 1.5% } .block.popCatOuter ul { width: 100% } .popCatOuter ul li { border-bottom: 1px solid #efefef; padding: 10px 0 10px 30px; font-size: 15px; position: relative; min-height: 63px; display: flex; align-items: center } .popCatOuter ul li:nth-child(2) { margin-top: 10px } .popCatOuter ul li:first-child { font-weight: 700; font-size: 25px; background: #f5f3f0; border-radius: 5px; padding-left: 20px } .popCatOuter ul li:first-child:before { display: none } .popCatOuter ul li:before { content: ""; background: url(https:position:absolute;left:4px;width:13px;height:13px;background-size:100%;top:50%;margin-top:-6px}.popCatOuter ul li:last-child{border:0}@media only screen and(max-width:1800px){ .popCatOuter ul li { min-height: 67px; display: flex; align-items: center; justify-content: flex-start } .popCatOuter ul li:first-child { font-size: 20px } } @media only screen and(max-width:1200px) { .popCatOuter ul li:first-child { min-height: 78px } .popCatOuter ul li { font-size: 14px } } @media only screen and(max-width:992px) { .popCatOuter ul li { font-size: 13px; min-height: 75px } } @media only screen and(max-width:768px) { .popularProductsCat.panel-default { margin-bottom: 6px; box-shadow: none } .popularProductsCat.panel-default>.panel-heading { background: #fff0; border: 0 } .popularProductsCat li.subMenuHead { border-bottom: 1px solid #efefef; padding: 10px 15px } .popularProductsCat li.subMenuHead:last-child { border-bottom: 0 } .popularProductsCat.panel-body { padding: 0 } .popularProductsCat.panel-title span:after { position: absolute; content: "-"; right: 20px; font-size: 20px; line-height: 24px } .popularProductsCat.panel-title span.collapsed:after { content: "+" } .popularProductsCat.panel-title>span { font-weight: 600 } } .next_day_block.titleB p { font-weight: 700; border-radius: 10px; padding: 1px; font-size: 35px; margin-bottom: -13px; display: block } .next_day_block.titleB h4 { border: 1px solid #c50708; padding: 2px; background: rgb(197 7 8 / .6); display: flex; align-items: center; justify-content: center } .imageWithTxt.next_day_block.bottomimg { position: absolute; right: 25px; bottom: 10px; width: 97px; height: 97px; background: #c50708; border-radius: 50%; display: flex; align-items: center; justify-content: center } .imageWithTxt.next_day_block.bottomimg svg { width: 70px; height: 70px } @media(max-width:1200px) { .imageWithTxt.next_day_block.bottomimg { width: 60px; height: 60px } .imageWithTxt.next_day_block.bottomimg svg { width: 40px; height: 40px } .next_day_block.titleB h4 span { font-size: 30px } } .mobileSlideNextDayDelv.bx-wrapper.bx-viewport { height: auto !important } .navSection.dropdown-menu.brands_outer_wrap.col-md-2 .img-wrap { max-width: 393px } .navSection.dropdown-menu.branDropImg { height: 100% } span.viewMoreLink { text-decoration: none; text-transform: capitalize; display: block; font-weight: 600 } .navSection.navbar-nav>li span:hover { background-color: #f7f7f7 } .navSection.dropdown-menu.block ul a.viewMoreLink { text-decoration: none; text-transform: capitalize; font-weight: 600 } .bulkDiscBand { position: static } @media only screen and(max-width:480px) { .bulkDiscBand { position: fixed; width: 100%; z-index: 999; top: 45px; left: 0; background-color: rgb(255 255 255/80%) } body { padding-top: 57px !important } .bulkDiscBand.titleBand { margin-bottom: 8px } } .navbar { min-height: 45px } @media only screen and(min-width:1600px) { #TRC-Shop-By-Wood.dropdown-menu.navTitleHead { min-height: 31px } } @media only screen and(min-width:1200px)and(max-width:1599px) { #TRC-Shop-By-Wood.dropdown-menu.navTitleHead { min-height: 27px; font-size: 12px; margin: 5px 0 } #TRC-Shop-By-Wood.dropdown-menu.block { margin-bottom: 5px; padding-bottom: 0 } } .navbar-wrapper.active.variation1 { -webkit-box-shadow: 0 0 36px-11px rgb(128 128 128); -moz-box-shadow: 0 0 36px-11px rgb(128 128 128); box-shadow: 0 0 36px-11px rgb(128 128 128); border-bottom: 0 } .navbar-wrapper.active.variation2 { -webkit-box-shadow: 0 0 36px-11px rgb(128 128 128); -moz-box-shadow: 0 0 36px-11px rgb(128 128 128); box-shadow: 0 0 36px-11px rgb(128 128 128); border-bottom: 0; background: #f4f4f4 } .navbar-wrapper.active.variation3 { background: #f4f4f4; border-bottom: 3px solid #000 } .orderSupportTop { border-radius: 5px; font-size: 17px; background-color: #000 } .orderSupportTop a { color: #fff !important } #filterShow.varColorGreen { background-color: #00b67a } .cd-top.GreencloArrow { background: #fff url(../img/arrow/top_arrow_img_green1.png)no-repeat center 50% !important; background-size: 100% !important } .cle_btn.GreenBtnTop { color: #fff !important; background-color: #00b67a !important; font-weight: 700 !important } #filterShow.varColorYellow { background-color: #ffd201; color: #000; font-weight: 800 } .cd-top.YellowcloArrow { background: #fff url(../img/arrow/top_arrow_img_yellow1.png)no-repeat center 50% !important; background-size: 100% !important } .cle_btn.YellowBtnTop { color: #000 !important; background-color: #ffd201 !important } #filterShow.varColorBlack { background-color: #000; color: #fff } .cd-top.BlackcloArrow { background: #fff url(../img/arrow/top_arrow_img1.png)no-repeat center 50% !important; background-size: 100% !important } .cle_btn.blackBtnTop { color: #fff !important; background-color: #000 !important } .cle_btn { color: #000 !important; background-color: #ffd201 !important } .outerStoreLoc { display: flex; align-items: center; justify-content: space-between; max-width: 250px; width: 100% } .outerStoreLoc svg { width: 25px; height: 24px } .outerStoreLoc svg image { width: 25px; height: 24px } .outerStoreLoc p { font-size: 15px; color: #000; font-weight: 700 } .topSecOne.container.row.col-sm-12.text-right { display: flex; align-items: center; justify-content: space-between } @media screen and(max-width:767px) { .bulkDiscBand.active { height: 232px !important } .bulkDiscBand.saleTimmer { padding: 6px 8px 6px } .col-sm-4.col-lg-3.blockfour { margin-top: 5px } .outerStoreLoc { background: #000; max-width: none; width: 100%; padding: 5px 10px; border-radius: 5px; justify-content: center } .outerStoreLoc p { color: #fff; font-size: 13px; margin-left: 15px } } header.topSection.block2 li.dropone div.wrapLinks { display: none; position: absolute; z-index: 999999; background-color: #fff; box-shadow: 0 1px 4px 0 rgb(0 0 0 / .7); padding: 12px 5px; width: 145px; top: 100%; left: 0; display: none; text-align: left; font-size: 13px; margin-top: 10px } header.topSection.block2 li.dropone { position: relative; padding: 6px 5px } header.topSection.block2 li.dropone:hover div.wrapLinks.bottomCaret { top: -10px; position: absolute; border-right: 8px solid #fff0; border-left: 8px solid #fff0; border-bottom: 10px solid; border-right: 10px solid #fff0; border-left: 10px solid #fff0; left: 15px } header.topSection.block2 li.dropone:hover div.wrapLinks ul { list-style: none; border-radius: 5px; padding: 0; display: block } header.topSection.block2 li.dropone:hover div.wrapLinks { display: block } header.topSection.block2 li.dropone:hover div.wrapLinks ul li { padding: 2px 5px } .d-flex { display: flex; flex-direction: row; flex-wrap: wrap } .d-flex::before, .d-flex::after { display: none } .col-auto { flex: 0 0 auto; width: auto } .align-items-center { align-items: center } .align-items-stretch { align-items: stretch } .justify-content-between { justify-content: space-between } .justify-content-center { justify-content: center } .navSection.navbar-nav { justify-content: center } #collapseHome.navbar-nav, #collapseDining.navbar-nav, #collapseLiving.navbar-nav { justify-content: start } #collapseBrand.navbar-nav, #collapseBlindCurtains.navbar-nav { justify-content: end } @media only screen and(min-width:960px)and(max-width:1199px) { .navSection.navbar-nav>li>a { font-size: 14px; padding: 18px 15px; color: #fff; margin: 0; font-weight: 400 } } @media(min-width:1600px) { #collapseDining.navbar-nav { padding-left: 100px } #collapseLiving.navbar-nav { padding-left: 286px } #collapseBlindCurtains.navbar-nav { padding-right: 187px } } .searchIconSticky { display: none !important; align-items: center; justify-content: center } .navbar-wrapper.active.searchIconSticky { display: block !important } .navbar-wrapper.active.searchIconSticky.glyphicon { color: #fff; top: 3px } a.dropdown-toggle.offerTab { background-color: #e51345 } .deliveryBand { position: absolute; left: 0; bottom: 0; right: 0; z-index: 9 } .deliveryBand.bandB { background-color: #2f3b40 !important; margin-right: -20px; padding: 12px; display: flex; justify-content: space-between; align-items: center } .deliveryBand.bandB img { max-height: 35px } @media(min-width:1600px) { .deliveryBand.bandB img { max-height: 50px } } .mobile-menu.deliveryBand { position: static } .mobile-menu.deliveryBand.bandB img { max-height: 28px } .mobile-menu.deliveryBand.bandB { margin-right: 0; display: flex !important } @media(max-width:410px) { .bestSellerSec.block.price.pOne { font-size: 12px } .bestSellerSec.block.price.pStroke { font-size: 11px } } .productListing.product.block { position: relative; margin-bottom: 20px; background-color: #fff; border: 1px solid #efefef; border-radius: 6px; overflow: hidden; cursor: pointer } .productListing.productSection.imageBlock { position: relative; margin-bottom: 0; z-index: 1; padding-top: 25px; padding-bottom: 25px } .productListing.productSection.image { height: 260px; position: relative; display: block; background-color: #fff; overflow: hidden; margin: 0; border-radius: 6px; padding: 0; cursor: pointer } .productListing.productSection.image img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-height: 100%; max-width: calc(100%-10px); border-radius: 4px } .productListing.productSection.block.dualImage>img:nth-of-type(1) { visibility: visible } .productListing.productSection.dualImage>img:nth-of-type(2) { visibility: hidden } .botImgTagBlock { text-align: right; position: absolute; right: -1px; z-index: 9; top: 0; cursor: pointer } .productListing.product.block.info { padding: 15px 15px 5px } .productListing.product.title { margin: 0; font-size: 16px; line-height: 1.3; margin-bottom: 5px; font-weight: 100 } .productListing.product.title a { display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 42px; color: #000 } .productListing.product.sTag { color: #000; display: block } .productListing.product.sTag+.sTag { margin-top: 5px } .productListing.product.sTag { color: #000; display: block } .productListing.product.sIcon { display: inline-block; text-align: center } @media only screen and(max-width:767px) { .productListing.product.block { margin-bottom: 10px; height: calc(100%-10px) !important } .productListing.product { width: 50% } .productListing.productSection.image { height: 170px } .productListing.price { text-align: left } .productListing.price.pOne, .productListing.price { font-size: 14px } } .navSection.dropdown-menu.block.colorblock ul li { position: relative; padding-left: 18px } .navSection.dropdown-menu.block.colorblock ul li span { width: 18px; height: 19px; position: absolute; left: 0; top: 50%; background: aliceblue; border-radius: 50%; margin-top: -10px } @media only screen and(max-width:768px) { .sm_menu_outer { display: none } .sm_menu_outer.active { display: block } .sm_menu_outer.mobile_menu li span.subTitle a { font-size: 18px; font-weight: 700; padding: 0; border-bottom: 0 } .sm_menu_outer.slide.mobile_menu ul.brandsWrap li:not(.back)>a { background: none } .sm_menu_outer.slide.mobile_menu li.active>.submenu.brandsWrap { height: calc(100%-130px) } .btnViewAll { color: #000; position: absolute; right: 20px; top: 10px; padding: 0 !important; text-decoration: none !important; border-bottom: none !important; font-size: 13px !important } .sm_menu_outer.slide.mobile_menu li.noChild:not(.back)>a { background: none } li.hasChild.dropdChange.active { position: relative } .sm_menu_outer.slide.mobile_menu li.dropdChange.active>.submenu { right: 0; bottom: auto; height: auto; overflow-y: auto; overflow-x: hidden; top: 48px } li.hasChild.dropdChange.active.back { display: none } } .newsletterCodePopup.form_wrap { position: absolute; left: auto; top: 374px; width: 100%; margin: 0 auto; right: auto } .newsletterCodePopup::placeholder { color: #000; opacity: 1; font-weight: 400 } .newsletterCodePopup:-ms-input-placeholder { color: #000; font-weight: 400 } .newsletterCodePopup::-ms-input-placeholder { color: #000; font-weight: 400 } .newsletterCodePopup.modal-dialog { max-width: 1140px; width: auto } #newsletterPopupId.leafImg { position: absolute; top: 25px; right: -32px; z-index: 9 } #newsletterPopupId.leafImg.two { top: auto; bottom: 40px } #newsletterPopupId.modal-body { padding: 0; font-size: 12px } #newsletterPopupId.btn-inverted { background-color: #000; border-color: #000 !important } #newsletterPopupId.sec1 img { max-width: 100%; object-fit: cover; margin-top: 0; padding: 0; max-width: none; max-height: 475px; width: auto } #newsletterPopupId.sec1 { height: auto !important; padding-right: 0; padding-left: 0 } #newsletterPopupId.sec2 h3 { font-size: 22px; font-weight: 700; text-align: center; margin-top: 34px; color: #fff } #newsletterPopupId.sec2 .form-group { margin-bottom: 12px } #newsletterPopupId.form-control { border: 1px solid #ececec; box-shadow: 0 1px 7px 0 rgb(0 0 0 / .2); padding: 10px 12px; height: 42px; border-radius: 5px } #newsletterPopupId.sec2 img.img-responsive { margin-top: 50px; margin-bottom: 10px } .newsletterCodePopup.sec2>img { margin-bottom: 0 } #newsletterPopupId.sec2 p { float: left; width: 100%; text-align: center; color: #fff } #newsletterPopupId.sec2 .btn { font-size: 18px; font-weight: 700; background: #000; border-color: #e94804; padding: 12px 12px 10px; border: 1px solid #fff !important; border-radius: 5px } #newsletterPopupId.sec2 p.text-center { font-style: italic } #newsletterPopupId.codeArea h2 { font-size: 36px; text-transform: uppercase; font-weight: 900; color: #000 } #newsletterPopupId.codeArea h3 { font-size: 20px; text-transform: uppercase; font-weight: 600; line-height: 35px; margin-top: 0 } #newsletterPopupId span.couponCodeCs { font-size: 24px; color: #fff; padding: 10px 20px; display: inline-block; background-color: #000; font-weight: 900 } #newsletterPopupId.newsletterCodePopup.modal-dialog { height: 100vh; transform: none !important; max-width: 650px; width: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: center; width: 100%; padding: 0; min-height: 710px } .newsletterCodePopup.codeArea { background-color: Transperent; padding-bottom: 57px; margin-top: 36px } @media only screen and(max-width:1280px)and(min-width:1101px) { #newsletterPopupId.sec2 { color: #000 } } #newsletterPopupId.sec2 { padding: 0 101px } @media only screen and(max-width:1100px) { #newsletterPopupId.sec2 img.img-responsive { margin-top: 25px } } @media only screen and(max-width:999px) { .newsletterCodePopup.codeArea { margin-top: 0; padding-top: 0; padding-bottom: 40px; margin-top: 40px } #newsletterPopupId.codeArea h2 { font-size: 40px } } .newsletterCodePopup span.readmore_text { position: absolute; bottom: 10px; right: 0; color: #fff; font-size: 15px; left: 0; text-align: center; font-weight: 500; max-width: 420px; margin: 0 auto } @media only screen and(max-width:768px) { .newsletterCodePopup span.readmore_text { font-size: 15px } #newsletterPopupId.sec2 { padding: 0 20px } #newsletterPopupId.newsletterCodePopup.modal-dialog { padding: 0; padding-left: 17px } #newsletterPopupId.codeArea h2 { font-size: 32px } #newsletterPopupId.codeArea h3 { font-size: 20px; line-height: 24px } #newsletterPopupId.sec2 h3 { margin-top: 38px } #newsletterPopupId.sec2 .btn { font-size: 14px; padding: 11px 12px 11px; border-radius: 5px } .newsletterCodePopup.form_wrap { top: 311px } #newsletterPopupId.sec2 .form-group { margin-bottom: 7px } #newsletterPopupId.form-control { height: 31px; width: 90%; margin: 0 auto } #newsletterPopupId.sec2 .btn { width: 90%; margin: 0 auto } } @media only screen and(max-width:630px) { #newsletterPopupId.newsletterCodePopup.modal-dialog { max-width: 500px } .newsletterCodePopup span.readmore_text { bottom: 7px; font-size: 11px } } .newsletterCodePopup.text_wrap { position: absolute; left: 0; right: 0; text-align: center; bottom: 50px; margin: 0 auto; background: #000; color: #fff; padding: 16px 0; max-width: 400px; font-size: 14px; border-radius: 5px; font-weight: 700; display: flex; align-items: center; justify-content: center } .newsletterCodePopup.text_wrap svg { fill: #fff; margin-right: 5px } @media only screen and(max-width:520px) { #newsletterPopupId.newsletterCodePopup.modal-dialog { max-width: 380px; padding-left: 0 } #newsletterPopupId.form-control { padding: 5px 8px } #newsletterPopupId.sec2 .form-group { margin-bottom: 5px } .newsletterCodePopup.text_wrap { bottom: 10px; max-width: 310px; padding: 10px 0; font-size: 11px } } @media only screen and(max-width:479px) { #newsletterPopupId.codeArea h2 { font-size: 25px } #newsletterPopupId.codeArea h3 { font-size: 16px; line-height: 21px; margin-top: 0 } #newsletterPopupId.sec2 .btn { padding: 7px 12px 7px } .newsletterCodePopup.form_wrap { top: 301px } } @media only screen and(max-width:1200px) { #newsletterPopupId.sec1 img { display: none } .newsletterCodePopup.modal-dialog { padding: 0 10px 0 20px } } .newsletterCodePopup.bg_wrap img { width: 100% } #newsletterPopupId #hiddenDisplay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 0 !important } .newsletterCodePopup.codeArea { padding: 0; margin: 0 } .newsletterCodePopup.cls-btn div::before { background: none repeat scroll 0 0 #000 } @media only screen and(max-width:380px) { .newsletterCodePopup.mob_mar { max-width: 340px } #newsletterPopupId.form-control { height: 30px } .newsletterCodePopup.form_wrap { top: 265px } } ul.ulfooterLinks li:after { height: 4px; position: absolute; right: -14px; background: #000; bottom: 9px; margin: 0 7px 0; content: ""; display: block; width: 4px } ul.ulfooterLinks { list-style: none; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; font-size: 13px; padding: 10px 0 0; text-transform: capitalize } ul.ulfooterLinks li { position: relative; margin: 0 7px } ul.ulfooterLinks li:last-child:after { display: none } ul.ulfooterLinks li:nth-child(4):after { display: none } .outerWrapFooter.readMoreBlock.info.textExceeds { height: 0; overflow: hidden } .outerWrapFooter { display: block; background: #f9f9f9; padding: 15px 10px; border-bottom: 2px solid #ccc; padding: 5px 10px 20px; border-bottom: 2px solid #ccc; border-top: 2px solid #ccc } .outerWrapFooter h1 { line-height: 1.4; font-size: 18px; margin: 0 } .outerWrapFooter.readMoreBlock { position: relative } .outerWrapFooter.readMoreBlock.textExceeds.fulltext { height: auto; overflow: auto } .readMoreBlock.textExceeds.fulltext~span.infoClose { bottom: auto } .readMoreBlock.info~span.infoClose, .readMoreBlock.textExceeds.fulltext~span.infoReadMore { display: none } .readMoreBlock.textExceeds~span.infoReadMore, .readMoreBlock.textExceeds.fulltext~span.infoClose { display: block } .outerWrapFooter.infoReadMore, .outerWrapFooter.infoClose { font-size: 13px } .outerWrapFooter span.infoReadMore, .outerWrapFooter.infoClose { position: absolute; right: 0 } .deliveringOuterWrap { background: #f9f9f9; padding: 10px 0 40px } .outerDeliveringWrap p { font-size: 15px !important; margin-bottom: 5px; color: #000 !important } .outerDeliveringWrap ul { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; list-style: none; padding-left: 0 } .outerDeliveringWrap ul li { margin-right: 10px; font-size: 13px; line-height: 1.4; color: #747a7c } .outerDeliveringWrap ul li a { color: #747a7c } .aboutCfsBlock { padding: 30px 0 10px } .mobilestrip { background: #000; color: #fff; text-align: center; padding: 10px } .mobilestrip a { color: #fff; font-size: 16px }