/* @font-face { font-family: "Filson Pro"; src: url("/fonts/FilsonProThin.otf") format("opentype"); font-weight: 100; } @font-face { font-family: "Filson Pro"; src: url("/fonts/FilsonProLight.otf") format("opentype"); font-weight: 300; } @font-face { font-family: "Filson Pro"; src: url("/fonts/FilsonProRegular.otf") format("opentype"); font-weight: 400; } @font-face { font-family: "Filson Pro"; src: url("/fonts/FilsonProMedium.otf") format("opentype"); font-weight: 500; } @font-face { font-family: "Filson Pro"; src: url("/fonts/FilsonProBold.otf") format("opentype"); font-weight: 700; } */ /* @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap"); */ :root { --bs-border-radius: 0.25rem; --light-blue: #d5e4ed; --dark-blue: #232f3e; --black: #131921; --grey: #e3e6e6; --red: #070405; --clearance-yellow: #fefbd9; --green: #198754; } body { font-family: "Poppins", sans-serif; font-size: 14px; font-weight: 300; min-height: 100vh; background-color: #e3e6e6; line-height: 1.3; color: #333; } a:hover, a:focus { text-decoration: none; color: #333; } a { color: #000; text-decoration: none; } .poppins-extralight { font-weight: 200; } .semiBold { font-weight: 400; } .mediumBold { font-weight: 600; } .hide, .hidden { display: none !important; } .form-check-input:checked { background-color: var(--dark-blue); border-color: var(--dark-blue); } .form-select { font-size: 14px; } .img-responsive { max-width: 100%; height: auto; } .bold { font-weight: 700; } .row { --bs-gutter-x: 1rem; } ul { margin-bottom: 0; } .list-inline li { display: inline-block; } .list-inline li:not(:last-child) { margin-right: 1rem; } .cmnTitle :is(h1, h2, h3, h4, h5, h6) { font-size: 24px; font-weight: 600; margin: 0; } .cmnTitle { font-size: 14px; margin-bottom: 15px; position: relative; text-align: center; } .cmnTitle p { margin: 10px auto 0; max-width: 1000px; } .cmnTitle a { font-size: 16px; display: inline-block; text-decoration: underline; } .cmnTitle+.writeUpInfo { margin-top: 0; } .btn-default { background-color: #fff; border-color: #efefef; } .btn-theme, .btn-info { background-color: var(--light-blue); border-color: var(--light-blue); color: #000; } .btn-theme:hover, .btn-theme:focus, .btn-info:hover, .btn-info:focus { background-color: #3f8ea8; border-color: #3f8ea8; color: #000; } .btn-light { background-color: #f1f2f2; } .btn-danger { background-color: #c81630; border-color: #c81630; } .btn-danger:hover, .btn-danger:focus { background-color: #b8132c; border-color: #b8132c; color: #fff; } .btn-info-dark, .addToCartBtn.btn-info-dark { background-color: var(--dark-blue); border-color: var(--dark-blue); color: #fff; } .btn-info-dark:hover, .btn-info-dark:focus { background-color: #0d384e; border-color: #0d384e; color: #fff; } .addToCartBtn { background-color: #ffd814; border-color: #ffd814; color: #000; } .addToCartBtn:hover, .addToCartBtn:focus { background-color: #f8bd19; border-color: #f8bd19; color: #000; } .form-group { margin-bottom: 10px; } .form-group label { margin-bottom: 5px; } .price { display: flex; align-items: center; column-gap: 5px; margin-bottom: 15px; } .price p { margin-bottom: 0; } .price .pTxt { font-weight: 600; } .price .pOne { color: #000; font-size: 18px; margin-bottom: 0; font-weight: 700; } .price .wasPrice, .price .pStroke { color: #4f4f4f; font-size: 16px; font-weight: 400; text-decoration: line-through; } .price .ySave { background-color: var(--light-blue); color: #000; border-radius: 4px; padding: 4px 6px 3px; } .recentlyViewed .price .ySave { display: none; } .stockInfo { font-weight: 600; position: relative; display: flex; align-items: center; column-gap: 3px; line-height: 19px; } .stockInfo::before { width: 16px; height: 16px; font-family: bootstrap-icons !important; content: ""; background-repeat: no-repeat; background-position: center; background-size: contain; display: inline-block; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23c00'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm3.354 4.646L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 1 1 .708-.708'/%3E%3C/svg%3E"); } .stockInfo.inStock::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%234caf50'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm10.03 4.97a.75.75 0 0 1 .011 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.75.75 0 0 1 1.08-.022z'/%3E%3C/svg%3E"); } .stockInfo.preStrock::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FF761A'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm10.03 4.97a.75.75 0 0 1 .011 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.75.75 0 0 1 1.08-.022z'/%3E%3C/svg%3E"); } .stockInfo.delInfoS::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm10.03 4.97a.75.75 0 0 1 .011 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.75.75 0 0 1 1.08-.022z'/%3E%3C/svg%3E"); } .deliveryInfo { font-size: 14px; display: flex; column-gap: 8px; align-items: center; } .deliveryInfo::before { content: ""; background: transparent url(/img/truck-icon.png) left center no-repeat; width: 40px; height: 30px; background-size: contain; } .bg-light { background-color: #fff !important; } /*custom slider*/ .customSlide { position: relative; } .customSlide .slideBox { display: flex; flex-wrap: nowrap; justify-content: center; margin: 0 -8px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; max-width: calc(100% + 16px); scrollbar-width: none; position: relative; } .customSlide .block { position: relative; display: block; } .customSlide .slide { flex: 0 0 16.666%; max-width: 16.666%; padding: 0 8px; } .customSlide .image { /* height: 210px; */ width: 100%; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; position: relative; } .customSlide .image img { border-radius: 4px; max-height: 100%; object-fit: contain; } .customSlide .slide { white-space: normal; } .customSlide .info { margin-top: 12px; } .customSlide .title { display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 38px; line-height: 1.3; margin-bottom: 5px; font-weight: 400; } .customSlide .price .pOne { font-size: 16px; } .customSlide .price .pStroke { font-size: 14px; } /* Arrows styling */ .customSlide .arrow { position: absolute; top: 40%; transform: translateY(-50%); font-size: 30px; cursor: pointer; color: #fff; background-color: var(--dark-blue); padding: 7px 10px 10px; z-index: 1; line-height: 1.1; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; visibility: hidden; } .arrowCenter .arrow { transform: translateY(0); top: 0; bottom: 0; margin: auto 0; } .customSlide .arrow.left { left: -1.5rem; border-radius: 0 8px 8px 0; } .customSlide .arrow.right { right: -1.5rem; border-radius: 8px 0 0 8px; } .customSlide .arrow.visible+.slideBox { justify-content: flex-start; } .customSlide:hover .arrow { background-color: #333; } .productSlideTwo .slide { flex: 0 0 50%; max-width: 50%; font-weight: 400; } .productSlideTwo .title { font-size: 22px; font-weight: 500; } .productSlideThree .slide { flex: 0 0 33.33333%; max-width: 33.33333%; } .productSlideFive .slide { flex: 0 0 20%; max-width: 20%; } .productSlideEight .slide { flex: 0 0 12.5%; max-width: 12.5%; } .productSlideEight h3 { font-size: 16px; } .customSlide.brandCategoryslider .slide { flex: 0 0 208px; max-width: 208px; } .brandCategory .slide a { border: 1px solid #efefef; display: block; padding: 2px; } .brandCategory .slide a .imgwrap { position: relative; height: 80px; border-radius: 5px; display: flex; justify-content: center; align-items: center; padding: 15px; } .brandCategory .slide a .imgwrap img { max-height: 100%; } .customSlide .btn-close { position: absolute; top: 0; right: 0; background-color: #ffffff; z-index: 99; opacity: 1; padding: 8px 10px; cursor: pointer; display: none; } .customSlide .block:hover .btn-close { display: block; } @media (max-width: 767px) { .p-4 { padding: 1rem !important; } .customSlide .arrow { width: 34px; font-size: 22px; } .customSlide .arrow.left { left: -1rem; } .customSlide .arrow.right { right: -1rem; } .productSlideThree .slide, .productSlideTwo .slide { flex: 0 0 60%; max-width: 60%; } .productSlideEight .slide, .productSlideFive .slide { flex: 0 0 50%; max-width: 50%; } .productSlideTwo .title { font-size: 16px; } .productSlideTwo .price { margin-bottom: 0; } .productSlideTwo .image { aspect-ratio: 1 / .9; } .cmnTitle h3 { font-size: 20px; } .price .ySave { display: table; margin-top: 3px; } .customSlide .price { align-items: flex-start; flex-direction: column; } } .writeUpInfo .customSlide .slideBox { justify-content: flex-start; } /*custom slider*/ .cmmPrdSlide .block { padding: 8px; border: 1px solid #e3e6e6; border-radius: 6px; height: 100%; } .bestsellerSec .info { display: flex; flex-direction: column; align-items: flex-start; row-gap: 10px; padding-left: 10px; } .bestsellerSec .title { margin-bottom: 0; } .bestsellerSec .itemCode { margin-top: -10px; } .readMoreBlock .info { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .readMoreBlock .textExceeds.fulltext { -webkit-line-clamp: unset; display: block; overflow: visible; } .readMoreBlock .textExceeds~span .infoReadMore, .readMoreBlock .textExceeds.fulltext~span .infoClose { display: inline-block; } .readMoreBlock .info~span { margin-top: 10px; display: inline-block; } .readMoreBlock .info~span .infoClose, .readMoreBlock .textExceeds.fulltext~span .infoReadMore { display: none; } .aboutCfsBlockSm { padding: 20px 0; } .aboutCfsBlockSm h1 { font-size: 22px; } .aboutCfsBlockSm .readMoreBlock { position: relative; } .aboutCfsBlockSm .readMoreBlock .info { height: 0; overflow: hidden; } .aboutCfsBlockSm .readMoreBlock .textExceeds.fulltext { height: auto; overflow: auto; } .aboutCfsBlockSm span.infoReadMore, .aboutCfsBlockSm .infoClose { text-align: right; } .breadcrumb { display: flex; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; } .breadcrumb ol { display: flex; align-items: center; } .breadcrumb li { color: var(--dark-blue); white-space: nowrap; } .breadcrumb li+li::before, .breadcrumb-item+.breadcrumb-item::before { content: "/"; color: var(--dark-blue); padding: 0 10px; float: none; } .breadcrumb-item+.breadcrumb-item { padding-left: 0; } .breadcrumb a { color: inherit; } .breadcrumb a:hover { text-decoration: underline; } .udStyleDiscTag { background-color: var(--dark-blue); color: #fff; padding: 5px 8px 4px; font-size: 14px; font-weight: 600; text-transform: uppercase; border-radius: 4px; display: inline-flex; align-items: center; gap: 5px; position: absolute; z-index: 9; top: 20px; left: 20px; } .recentlyViewed .udStyleDiscTag { display: none; } .detailsPg .udStyleDiscTag { right: calc(100% + 36px); left: auto; white-space: nowrap; font-size: 14px; top: 20px; } .accordion-button:focus { box-shadow: none; } .accordion-button:not(.collapsed) { background-color: #f1f2f2; color: #000; } .accordion-body { font-size: 14px; padding: 12px 10px; background: #fff; border-radius: 6px; line-height: 1.6; } .accordion-item { margin-bottom: 10px; border: 0; border-bottom: 1px solid #ddd; } .accordion-button { border: 0; font-weight: 600; padding: 10px 6px; font-size: 14px; } .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23131921'%3E%3Cpath d='M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8'/%3E%3C/svg%3E"); } .accordion-button.collapsed::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23131921'%3E%3Cpath d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2'/%3E%3C/svg%3E"); } .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; } @media (max-width: 1480px) { .container { max-width: 95%; } } @media (min-width: 1500px) { .container { max-width: 1485px; } } @media (max-width: 1199px) { .container { max-width: 100%; } } .pageFreezeBlock { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(255, 255, 255, 0.75); display: none; z-index: 99999; } .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; } 
 header .topBand { background-color: var(--dark-blue); color: #fff; padding: 5px 0; position: relative; } header .topBand a, header .topLogoSec a { color: #fff; text-decoration: none; } header .timmerB { border: 1px solid #ffdfb4; border-radius: 4px; background-color: #000; padding: 3px 12px; } header .timmerB li+li::before { content: ":"; margin-right: 5px; font-weight: bold; } header .topLogoSec { padding: 5px 0; background-color: var(--black); color: #fff; line-height: 1.2; } header .topLogoSec .logo { min-height: 50px; } header .topLogoSec img { max-height: 50px; } header .headCartS { min-width: 43px; } header .myAccountB .dropdown-menu { background-color: var(--black); border-color: #fff; left: 10px; } header .myAccountB .dropdown-item:focus, header .myAccountB .dropdown-item:hover { background-color: #474747; } header .myAccountB .dropdown-menu a:hover, header .myAccountB .dropdown-menu a:focus { color: var(--light-blue); } header .myAccountB .dropdown-toggle { background-color: transparent; border: 0; color: #fff; text-align: left; } header .myAccountB .dropdown-toggle:after { display: none; } .detailedSearch .input-group-text { background-color: var(--light-blue); font-size: 26px; line-height: 1; } .bBlock.wrp-read-mr .outer_wrap_cat_topsec .readMoreBlock .info.textExceeds .witeupWithImg .seo-section p:first-child strong { font-size: 19px;}