@font-face{font-family: 'Avenir Roman'; src: url('/catalog/view/theme/default/fonts/avenir-roman.ttf') format('truetype'); font-weight: normal; font-style: normal;} .theme-color-1{--theme-color: #ec8951;} .theme-color-2{--theme-color: #f0583d;} .theme-color-3{--theme-color: #f0b54d;} .theme-color-4{--theme-color: #e4604a;} .theme-color-5{--theme-color: #d4b196;} .theme-color-6{--theme-color: #866e6c;} .theme-color-7{--theme-color: #1a7ef2;} .theme-color-8{--theme-color: #dc457e;} .theme-color-9{--theme-color: #6d7e87;} .theme-color-10{--theme-color: #d57151;} .theme-color-11{--theme-color: #81ba00;} .theme-color-12{--theme-color: #fe816d;} .theme-color-13{--theme-color: #01effc; --theme-color2: #485ff2;} .theme-color-14{--theme-color: #5d7227; --theme-color2: #203f15;} .theme-color-15{--theme-color: #ff9944;} .theme-color-16{--theme-color: #5fcbc4;} .theme-color-17{--theme-color: #e38888;} .theme-color-18{--theme-color: #000000;} .theme-color-19{--theme-color: #3e5067;} .theme-color-20{--theme-color: #c0aa73;} .theme-color-21{--theme-color: #5ecee4;} .theme-color-22{--theme-color: #38c6bb;} .theme-color-23{--theme-color: #2874f0;} .theme-color-24{--theme-color: #90453e;} .theme-color-25{--theme-color: #3fd09e;} .theme-color-26{--theme-color: #6d6659;} .theme-color-27{--theme-color: #f39910; --theme-color2: #394868;} .theme-color-28{--theme-color: #387ef0;} .theme-color-29{--theme-color: #dd5e89; --theme-color2: #f7bb97;} .theme-color-30{--theme-color: #206664; --theme-color2: #ee7a63;} .theme-color-31{--theme-color: #ee7a63;} .theme-color-32{--theme-color: #234ca1;} .theme-color-32.dark{background-color: #262934;} .theme-color-33{--theme-color: #96796d;} .theme-color-34{--theme-color: #fa869b;} .theme-color-35{--theme-color: #479fb3;} .theme-color-36{--theme-color: #ff5141;} .theme-color-37{--theme-color: #ff4c3b;} :root{--theme-color: #ec8951; --bs-table-color: #222;} body{font-family: 'Avenir Roman', sans-serif; position: relative; background: #fff; font-size: 14px;} body.christmas .dark-light{display: none;} body.christmas section{overflow: hidden;} body.mulish-font{font-family: "Mulish", sans-serif;} h1{font-size: 60px; color: #222; font-weight: 700; text-transform: uppercase;} h1 span{font-size: 107px; font-weight: 700; color: var(--theme-color);} h2{font-size: 36px; color: #222; text-transform: uppercase; font-weight: 700; line-height: 1; letter-spacing: 0.02em;} h3{font-size: 24px; font-weight: 400; color: #777; letter-spacing: 0.03em;} h4{font-size: 18px; text-transform: capitalize; font-weight: 400; letter-spacing: 0.03em; line-height: 1;} h5{font-size: 16px; font-weight: 400; color: #222; line-height: 24px; letter-spacing: 0.05em;} h6{font-size: 14px; font-weight: 400; color: #777; line-height: 24px;} ol{padding-left: 0; margin-bottom: 0 !important;} dl{padding-left: 0; margin-bottom: 0 !important;} ul{padding-left: 0; margin-bottom: 0 !important;} li{display: inline-block;} p{font-size: 14px; color: #777; line-height: 20px;} a{-webkit-transition: 0.5s ease; transition: 0.5s ease; text-decoration: none;} a:hover{text-decoration: none; -webkit-transition: 0.5s ease; transition: 0.5s ease;} a:focus{outline: none;} button:focus{outline: none;} .btn-close:focus{-webkit-box-shadow: none; box-shadow: none;} label{margin-bottom: 0.5rem;} :focus{outline: none;} .form-control:focus{-webkit-box-shadow: none; box-shadow: none;} .form-select:focus{-webkit-box-shadow: none; box-shadow: none; border-color: #ced4da;} .font-cormorant{font-family: Cormorant, sans-serif;} .font-fraunces{font-family: "Fraunces", serif;} .font-courgette{font-family: "Courgette", cursive; text-transform: capitalize !important;} .text-theme{color: var(--theme-color) !important;} .bg-success-10{background-color: rgba(25, 135, 84, 0.1) !important;} .bg-secondary-10{background-color: rgba(108, 117, 125, 0.1) !important;} .bg-danger-10{background-color: rgba(220, 53, 69, 0.1) !important;} .form-check-input:checked{background-color: var(--theme-color); border-color: var(--theme-color);} section, .section-t-space{padding-top: calc(30px + (70 - 30) * ((100vw - 320px) / (1920 - 320)));} .section-b-space{padding-bottom: calc(30px + (70 - 30) * ((100vw - 320px) / (1920 - 320)));} .large-section{padding-top: 120px; padding-bottom: 120px;} hr.style1{width: 75px; height: 3px; margin-top: 13px; background-color: var(--theme-color); text-align: center; margin-left: auto; margin-right: auto; opacity: 1; border: none;} .table > :not(caption) > * > *{background-color: transparent;} .opacity-1{opacity: 1 !important;} .form-control{border-radius: 0;} .small-section{padding-top: 35px; padding-bottom: 35px;} .banner-padding{padding-top: 30px;} .border-section{border-top: 1px solid #eee; border-bottom: 1px solid #eee;} .border-b{border-bottom: 1px solid #38352f;} .border-bottom-grey{border-bottom: 1px solid #efefef;} .border-top-grey{border-top: 1px solid #efefef;} .darken-layout{background-color: #212121;} .dark-layout{background-color: #2d2a25;} .light-layout{background-color: #f9f9f9;} .white-layout{background-color: #fff;} .bg-light0{background-color: #d0edff;} .bg-light1{background-color: #f1e7e6;} .bg-light2{background-color: #bfbfbf;} .bg-color1{background-color: #c6c6c6;} .bg-color2{background-color: #ab5252;} .bg-color3{background-color: #6d6d6d;} .bg-blog{background-color: #eee;} .bg-grey{background-color: #f7f7f7;} .bg_cls{background-color: #fafafa;} .bg_cls .basic-product.theme-product-11{background-color: #fff;} .bg-loader{background-color: #f3f3f3;} .badge-theme-color{background-color: var(--theme-color); color: #fff;} .badge-grey-color{background-color: #929292; color: #fff;} .overflow-hidden{overflow: hidden;} del{font-size: 14px; color: #aaa; font-weight: 400;} .position-unset{position: unset !important;} [data-notify="progressbar"]{margin-bottom: 0; position: absolute; bottom: 0; left: 0; width: 100%; height: 5px;} .progress-bar{background-color: #19a340;} .progress-bar-info{background-color: #00829a;} .container-fluid.custom-container{padding-left: 90px; padding-right: 90px;} .left-sidebar_space{padding-left: 300px;} .space_sm{padding-left: 240px; padding-top: 74px !important;} .left-sidebar_space-xl{padding-left: 380px;} .background-transparent{background-color: transparent !important;} .bg-overlay{background-blend-mode: overlay; background-color: rgba(250, 250, 250, 0.98);} .bg-blue-light{background-color: rgba(40, 115, 239, 0.06);} .bg-theme{background-color: var(--theme-color); background-color: var(--theme-color2);} .blur-up{-webkit-filter: blur(5px); filter: blur(5px); transition: filter 400ms, -webkit-filter 400ms;} .blur-up.lazyloaded{-webkit-filter: blur(0); filter: blur(0);} .margin-default{margin-bottom: -30px;} .margin-default > div{margin-bottom: 30px;} .margin-default.no-slider .product-box{margin-bottom: 30px !important;} .pl-section{padding-left: 310px;} .section-white section{background-color: #fff;} .w-80{width: 80% !important;} .fz-16{font-size: 16px;} .form-group{margin-bottom: 15px;} .form-check-input:focus{-webkit-box-shadow: none; box-shadow: none;} .media{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;} .media .media-body{-webkit-box-flex: 1; -ms-flex: 1; flex: 1;} .form-check{display: -webkit-box; display: -ms-flexbox; display: flex;} .input-group-prepend, .input-group-append{display: -webkit-box; display: -ms-flexbox; display: flex;} .breadcrumb{padding: 0.75rem 1rem;} .row div[class*="col-"], .row .col{position: relative;} .form-inline{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .sticky-top-section{position: sticky; top: 150px; z-index: 1;} .bg-skin{background-color: #fbf8f4 !important;} .bg-credit, .bg-completed{color: #2f8733; background-color: #2f87331a; border: 1px solid rgba(47, 135, 51, 0.541176);} .bg-debit, .bg-cancelled{color: #dc3545; background-color: #dc35451a; border: 1px solid rgba(220, 53, 69, 0.541);} .bg-pending{color: #ffc107; background-color: #ffc1071a; border: 1px solid rgba(255, 193, 7, 0.541);} ::-webkit-inner-spin-button{display: none;} .justify-content-unset{-webkit-box-pack: unset !important; -ms-flex-pack: unset !important; justify-content: unset !important;} .snowflake{color: #fff; font-size: 16px; text-shadow: 0 0 1px #000;} .snowflake{position: absolute; top: -10%; z-index: 9; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; -webkit-animation-name: snowflakes-fall, snowflakes-shake; animation-name: snowflakes-fall, snowflakes-shake; -webkit-animation-duration: 10s, 3s; animation-duration: 10s, 3s; -webkit-animation-timing-function: linear, ease-in-out; animation-timing-function: linear, ease-in-out; -webkit-animation-iteration-count: infinite, infinite; animation-iteration-count: infinite, infinite; -webkit-animation-play-state: running, running; animation-play-state: running, running;} .snowflake:nth-of-type(0){left: 1%;} .snowflake:nth-of-type(1){left: 10%; -webkit-animation-delay: 1s, 1s; animation-delay: 1s, 1s;} .snowflake:nth-of-type(2){left: 20%; -webkit-animation-delay: 6s, 0.5s; animation-delay: 6s, 0.5s;} .snowflake:nth-of-type(3){left: 30%; -webkit-animation-delay: 4s, 2s; animation-delay: 4s, 2s;} .snowflake:nth-of-type(4){left: 40%; -webkit-animation-delay: 2s, 2s; animation-delay: 2s, 2s;} .snowflake:nth-of-type(5){left: 50%; -webkit-animation-delay: 8s, 3s; animation-delay: 8s, 3s;} .snowflake:nth-of-type(6){left: 60%; -webkit-animation-delay: 6s, 2s; animation-delay: 6s, 2s;} .snowflake:nth-of-type(7){left: 70%; -webkit-animation-delay: 2.5s, 1s; animation-delay: 2.5s, 1s;} .snowflake:nth-of-type(8){left: 80%; -webkit-animation-delay: 1s, 0s; animation-delay: 1s, 0s;} .snowflake:nth-of-type(9){left: 90%; -webkit-animation-delay: 3s, 1.5s; animation-delay: 3s, 1.5s;} @-webkit-keyframes animate{from{background-position: 0 0;} to{background-position: 0 500px;}} @keyframes animate{from{background-position: 0 0;} to{background-position: 0 500px;}} @-webkit-keyframes loading{0%{border: 0 solid #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} 20%{border: 8px solid #fff; width: 0; height: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} 100%{border: 8px solid #fff; width: 100%; height: 100%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}} @keyframes loading{0%{border: 0 solid #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} 20%{border: 8px solid #fff; width: 0; height: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} 100%{border: 8px solid #fff; width: 100%; height: 100%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}} @-webkit-keyframes skeleton-loader{0%{-webkit-transform: translateZ(0); transform: translateZ(0); background-position: -468px 0;} to{-webkit-transform: translateZ(0); transform: translateZ(0); background-position: 468px 0;}} @keyframes skeleton-loader{0%{-webkit-transform: translateZ(0); transform: translateZ(0); background-position: -468px 0;} to{-webkit-transform: translateZ(0); transform: translateZ(0); background-position: 468px 0;}} @-webkit-keyframes ring-rotate{0%{-webkit-transform: rotate(0deg); transform: rotate(0deg);} 100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}} @keyframes ring-rotate{0%{-webkit-transform: rotate(0deg); transform: rotate(0deg);} 100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}} @-webkit-keyframes up-down{0%{-webkit-transform: translateY(-10px); transform: translateY(-10px);} 50%{-webkit-transform: translateY(0); transform: translateY(0);} 100%{-webkit-transform: translateY(-10px); transform: translateY(-10px);}} @keyframes up-down{0%{-webkit-transform: translateY(-10px); transform: translateY(-10px);} 50%{-webkit-transform: translateY(0); transform: translateY(0);} 100%{-webkit-transform: translateY(-10px); transform: translateY(-10px);}} @-webkit-keyframes float{0%{-webkit-transform: translatey(0px); transform: translatey(0px);} 50%{-webkit-transform: translatey(-15px); transform: translatey(-15px);} 100%{-webkit-transform: translatey(0px); transform: translatey(0px);}} @keyframes float{0%{-webkit-transform: translatey(0px); transform: translatey(0px);} 50%{-webkit-transform: translatey(-15px); transform: translatey(-15px);} 100%{-webkit-transform: translatey(0px); transform: translatey(0px);}} @-webkit-keyframes spin{from{-webkit-transform: rotate(0deg); transform: rotate(0deg);} to{-webkit-transform: rotate(360deg); transform: rotate(360deg);}} @keyframes spin{from{-webkit-transform: rotate(0deg); transform: rotate(0deg);} to{-webkit-transform: rotate(360deg); transform: rotate(360deg);}} .confetti{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; width: 100%; height: 100%; overflow: hidden; z-index: -1; left: 0; top: 0;} .confetti .confetti-piece{position: absolute; width: 10px; height: 30px; background: #c2b07c; top: 0; opacity: 0;} .confetti .confetti-piece:nth-child(1){left: 7%; -webkit-transform: rotate(-40deg); transform: rotate(-40deg); -webkit-animation: makeItRain 1000ms infinite ease-out; animation: makeItRain 1000ms infinite ease-out; -webkit-animation-delay: 182ms; animation-delay: 182ms; -webkit-animation-duration: 1116ms; animation-duration: 1116ms;} .confetti .confetti-piece:nth-child(2){left: 14%; -webkit-transform: rotate(4deg); transform: rotate(4deg); -webkit-animation: makeItRain 1000ms infinite ease-out; animation: makeItRain 1000ms infinite ease-out; -webkit-animation-delay: 161ms; animation-delay: 161ms; -webkit-animation-duration: 1076ms; animation-duration: 1076ms;} .confetti .confetti-piece:nth-child(3){left: 21%; -webkit-transform: rotate(-51deg); transform: rotate(-51deg); -webkit-animation: makeItRain 1000ms infinite ease-out; animation: makeItRain 1000ms infinite ease-out; -webkit-animation-delay: 481ms; animation-delay: 481ms; -webkit-animation-duration: 1103ms; animation-duration: 1103ms;} .confetti .confetti-piece:nth-child(4){left: 28%; -webkit-transform: rotate(61deg); transform: rotate(61deg); -webkit-animation: makeItRain 1000ms infinite ease-out; animation: makeItRain 1000ms infinite ease-out; -webkit-animation-delay: 334ms; animation-delay: 334ms; -webkit-animation-duration: 708ms; animation-duration: 708ms;} .confetti .confetti-piece:nth-child(5){left: 35%; -webkit-transform: rotate(-52deg); transform: rotate(-52deg); -webkit-animation: makeItRain 1000ms infinite ease-out; animation: makeItRain 1000ms infinite ease-out; -webkit-animation-delay: 302ms; animation-delay: 302ms; -webkit-animation-duration: 776ms; animation-duration: 776ms;} .confetti .confetti-piece:nth-child(6){left: 42%; -webkit-transform: rotate(38deg); transform: rotate(38deg); -webkit-animation: makeItRain 1000ms infinite ease-out; animation: makeItRain 1000ms infinite ease-out; -webkit-animation-delay: 180ms; animation-delay: 180ms; -webkit-animation-duration: 1168ms; animation-duration: 1168ms;} .confetti .confetti-piece:nth-child(7){left: 49%; -webkit-transform: rotate(11deg); transform: rotate(11deg); -webkit-animation: makeItRain 1000ms infinite ease-out; animation: makeItRain 1000ms infinite ease-out; -webkit-animation-delay: 395ms; animation-delay: 395ms; -webkit-animation-duration: 1200ms; animation-duration: 1200ms;} .confetti .confetti-piece:nth-child(8){left: 56%; -webkit-transform: rotate(49deg); transform: rotate(49deg); -webkit-animation: makeItRain 1000ms infinite ease-out; animation: makeItRain 1000ms infinite ease-out; -webkit-animation-delay: 14ms; animation-delay: 14ms; -webkit-animation-duration: 887ms; animation-duration: 887ms;} .confetti .confetti-piece:nth-child(9){left: 63%; -webkit-transform: rotate(-72deg); transform: rotate(-72deg); -webkit-animation: makeItRain 1000ms infinite ease-out; animation: makeItRain 1000ms infinite ease-out; -webkit-animation-delay: 149ms; animation-delay: 149ms; -webkit-animation-duration: 805ms; animation-duration: 805ms;} .confetti .confetti-piece:nth-child(10){left: 70%; -webkit-transform: rotate(10deg); transform: rotate(10deg); -webkit-animation: makeItRain 1000ms infinite ease-out; animation: makeItRain 1000ms infinite ease-out; -webkit-animation-delay: 351ms; animation-delay: 351ms; -webkit-animation-duration: 1059ms; animation-duration: 1059ms;} .confetti .confetti-piece:nth-child(11){left: 77%; -webkit-transform: rotate(4deg); transform: rotate(4deg); -webkit-animation: makeItRain 1000ms infinite ease-out; animation: makeItRain 1000ms infinite ease-out; -webkit-animation-delay: 307ms; animation-delay: 307ms; -webkit-animation-duration: 1132ms; animation-duration: 1132ms;} .confetti .confetti-piece:nth-child(12){left: 84%; -webkit-transform: rotate(42deg); transform: rotate(42deg); -webkit-animation: makeItRain 1000ms infinite ease-out; animation: makeItRain 1000ms infinite ease-out; -webkit-animation-delay: 464ms; animation-delay: 464ms; -webkit-animation-duration: 776ms; animation-duration: 776ms;} .confetti .confetti-piece:nth-child(13){left: 91%; -webkit-transform: rotate(-72deg); transform: rotate(-72deg); -webkit-animation: makeItRain 1000ms infinite ease-out; animation: makeItRain 1000ms infinite ease-out; -webkit-animation-delay: 429ms; animation-delay: 429ms; -webkit-animation-duration: 818ms; animation-duration: 818ms;} .confetti .confetti-piece:nth-child(odd){background: #fff;} .confetti .confetti-piece:nth-child(even){z-index: 1;} .confetti .confetti-piece:nth-child(4n){width: 5px; height: 12px; -webkit-animation-duration: 2000ms; animation-duration: 2000ms;} .confetti .confetti-piece:nth-child(3n){width: 3px; height: 10px; -webkit-animation-duration: 2500ms; animation-duration: 2500ms; -webkit-animation-delay: 1000ms; animation-delay: 1000ms;} .confetti .confetti-piece:nth-child(4n-7){background: #746336;} @-webkit-keyframes makeItRain{from{opacity: 0;} 50%{opacity: 1;} to{-webkit-transform: translateY(350px); transform: translateY(350px);}} @keyframes makeItRain{from{opacity: 0;} 50%{opacity: 1;} to{-webkit-transform: translateY(350px); transform: translateY(350px);}} @-webkit-keyframes rotate{0%{-webkit-transform: rotate(0deg); transform: rotate(0deg);} 100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}} @keyframes rotate{0%{-webkit-transform: rotate(0deg); transform: rotate(0deg);} 100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}} @-webkit-keyframes grow{0%, 100%{-webkit-transform: scale(0); transform: scale(0); opacity: 0;} 50%{-webkit-transform: scale(1); transform: scale(1); opacity: 1;}} @keyframes grow{0%, 100%{-webkit-transform: scale(0); transform: scale(0); opacity: 0;} 50%{-webkit-transform: scale(1); transform: scale(1); opacity: 1;}} @-webkit-keyframes checkmark{0%, 100%{opacity: 0; -webkit-transform: scale(0); transform: scale(0);} 10%, 50%, 90%{opacity: 1; -webkit-transform: scale(1); transform: scale(1);}} @keyframes checkmark{0%, 100%{opacity: 0; -webkit-transform: scale(0); transform: scale(0);} 10%, 50%, 90%{opacity: 1; -webkit-transform: scale(1); transform: scale(1);}} @-webkit-keyframes gradient{0%{background-position: 0% 50%;} 50%{background-position: 100% 50%;} 100%{background-position: 0% 50%;}} @keyframes gradient{0%{background-position: 0% 50%;} 50%{background-position: 100% 50%;} 100%{background-position: 0% 50%;}} @-webkit-keyframes marquee-discount{0%{left: 0;} 100%{left: -100%;}} @keyframes marquee-discount{0%{left: 0;} 100%{left: -100%;}} button{cursor: pointer;} .btn{line-height: 20px; text-transform: capitalize; font-size: 14px; font-weight: 600; border-radius: 0; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;} .btn:hover{-webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;} .btn:focus{-webkit-box-shadow: none; box-shadow: none;} .btn-solid{padding: 13px 29px; color: #fff; letter-spacing: 0.05em; font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); border: 2px solid var(--theme-color); background-image: linear-gradient(30deg, var(--theme-color) 50%, transparent 50%); background-size: 850px; background-repeat: no-repeat; background-position: 0; -webkit-transition: background 300ms ease-in-out; transition: background 300ms ease-in-out;} .btn-solid:hover{background-position: 100%; color: var(--theme-color); background-color: #fff; border-color: var(--theme-color);} .btn-solid.black-btn{background-image: linear-gradient(30deg, #222 50%, transparent 50%); border: 2px solid #222;} .btn-solid:focus{color: #000;} .btn-solid.btn-gradient{background: var(--theme-color); background-image: -webkit-gradient(linear, left top, right top, from(var(--theme-color)), color-stop(var(--theme-color2)), color-stop(var(--theme-color)), to(var(--theme-color2))); background-image: linear-gradient(to right, var(--theme-color), var(--theme-color2), var(--theme-color), var(--theme-color2)); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; background-size: 300% 100%; border: none;} .btn-solid.btn-gradient:hover{background-position: 100% 0; color: #fff; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;} .btn-solid.btn-green{background-image: -webkit-gradient(linear, left top, right top, from(var(--theme-color)), to(var(--theme-color2))); background-image: linear-gradient(to right, var(--theme-color), var(--theme-color2)); border: none; background-color: var(--theme-color);} .btn-solid.btn-green:hover{background-color: var(--theme-color); background-image: none; color: #fff;} .btn-solid.btn-sm{padding: 9px 16px;} .btn-solid.btn-xs{padding: 5px 8px; text-transform: capitalize;} .btn-solid.hover-solid{-webkit-transition: none; transition: none;} .btn-solid.hover-solid:hover, .btn-solid.hover-solid:focus{background-color: var(--theme-color); opacity: 0.92; color: #fff; -webkit-transition: none; transition: none;} .btn-outline{display: inline-block; padding: 13px 29px; letter-spacing: 0.05em; border: 2px solid var(--theme-color); position: relative; color: #000;} .btn-outline:before{-webkit-transition: 0.5s all ease; transition: 0.5s all ease; position: absolute; top: 0; left: 50%; right: 50%; bottom: 0; opacity: 0; content: ""; background-color: var(--theme-color); z-index: -2;} .btn-outline:hover, .btn-outline:focus{background-color: var(--theme-color); color: #fff !important;} .btn-outline:hover i, .btn-outline:focus i{color: #fff !important;} .btn-outline:hover:before, .btn-outline:focus:before{-webkit-transition: 0.5s all ease; transition: 0.5s all ease; left: 0; right: 0; opacity: 1;} .btn-outline.btn-sm{padding: 9px 16px; font-size: 12px;} .btn-rounded{border-radius: 30px;} .btn-animation{position: relative; overflow: hidden;} .btn-animation.disabled::before{display: none;} .btn-animation i{-webkit-animation: ring 4s 0.7s ease-in-out infinite; animation: ring 4s 0.7s ease-in-out infinite;} .btn-animation .ring-animation{-webkit-animation: ring 4s 0.7s ease-in-out infinite; animation: ring 4s 0.7s ease-in-out infinite;} .btn-animation:before{position: absolute; content: ""; display: inline-block; top: -180px; left: 0; width: 30px; height: 100%; background-color: #fff; -webkit-animation: shiny-btn1 5s ease-in-out infinite; animation: shiny-btn1 5s ease-in-out infinite;} button.btn.btn-solid:active, button.btn.btn-outline:active{background-image: linear-gradient(30deg, var(--theme-color) 50%, transparent 50%); color: #fff; background: var(--theme-color);} .btn-classic:hover{background-color: var(--theme-color);} .btn-theme{background-color: var(--theme-color); color: #fff;} .btn-white{background-color: #fff; color: var(--theme-color); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; padding: 10px 29px;} .btn-white:hover{color: #000; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .btn-block{display: block; width: 100%;} .btn-close{background: none;} .btn-custom{padding: 6px 30px !important; border: none;} .btn-animation{position: relative; overflow: hidden;} .btn-animation i{-webkit-animation: ring 4s 0.7s ease-in-out infinite; animation: ring 4s 0.7s ease-in-out infinite; font-size: 20px;} .btn-animation:before{position: absolute; content: ""; display: inline-block; top: -180px; left: 0; width: 30px; height: 100%; background-color: #fff; -webkit-animation: shiny-btn1 5s ease-in-out infinite; animation: shiny-btn1 5s ease-in-out infinite;} .christmas-btn{display: inline-block; min-width: 100px; padding: calc(10px + (16 - 10) * ((100vw - 320px) / (1920 - 320))) 33px; font-size: calc(18px + (26 - 18) * ((100vw - 320px) / (1920 - 320))); line-height: 26px; text-decoration: none; color: #fff !important; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75); background: #e56c6c; outline: none; border-radius: 15px; border: 1px solid #dc3638; -webkit-box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #a23227, inset 0 80px 80px -40px #ac3223, 1px 1px 3px rgba(0, 0, 0, 0.75); box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #a23227, inset 0 80px 80px -40px #ac3223, 1px 1px 3px rgba(0, 0, 0, 0.75); position: relative; overflow: visible; -webkit-transition: 500ms linear; transition: 500ms linear;} .christmas-btn:before{content: ""; display: block; position: absolute; top: -7px; left: -3px; right: 0; height: 23px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAXCAYAAACS5bYWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABFpJREFUeNrUV0tIo1cUvpkYjQ4xxSA6DxuNqG0dtaUKOgs3s6i0dFd3pSsXdjeIixakiGA34sZuXCkoONLFwJTK4GMYLYXg29gatTpiXurkbd7vv9/5ub+IxuhA7eiFQ5Kbc8/57ne/e87/ywRBYLdl3GG3aNwqsLJ0k0tLS+fmcnNzWUVFBVMoFGx2djarvLxcm5OTw+bm5iytra2xc4ExNjY27iqVyvvwK6CpeDzuCYVC1urq6qDA9UcfPp+PHR4esmAwKK6tr68/l5/8rgQ2Ozub1dbWyiYmJooaGxt/VqvV38jlchX9l0qlwoFA4DWS/RKLxRxFRUVf5+XlPcaaT2AP0sVPJBL2SCRiAPBpu93+vKamZo/Ae71eZjabWV1dXVqw7CKwp43ksrCw8Bhg7MJ/PLDZ5PHx8cz29vYT5JGD/bSYLgTrcDgYdk6siSc6NjZWDaAe4ZoHQL+cmZnRpZPnhWDpD8kw7uKo9ML/NMCsd2tr61vkzboMrEyv138M7TyLRqMWMBsX3sMgaZhMpp+AR5EJrCocDpuEGzKg4x8khs+CVWxubvZfR9JkMik4nU7BarUKLpeLmLsKuwIqTLynp4fqmIzASrqQT09Pf1VVVfX0KsWZ6uHBwQHTaDSsoKAgo6/H4xHLEcrVyRwuEisrKzs5XrrIVAVwiUVDKRRrL+YI32ewdVhMApuHWvcj6vids6J2u90MF4yBHUZNgKoEBaRBQalJqFSqtJfUYrGIlQX+ydXVVTN+u0tKSjQNDQ1axJVl2iTypebn55d7e3v/kqoDgZU1NTU9LCws/Py0M+2ekuGincxJ3yF+18jIyHJLS0slQJUWFxczrBeBE0vE5tHRkbixlZWVfSR8gTX/0P5gH7S1tX3Z3t7+BW8qAvwSfr8/jA0EIRM/qoFtampqbW9vTw+XA+ojUruVd3Z2tvb19T2TQFEim81GgVJoCvvj4+NLOJZgaWmpemdn5y3a6BbcnJDAw8HBwac6ne6eqCW5XDwB3qVSqM9/DAwMUNy/eVLabT7sI25qwgujThCBhWE+mAt2yNc4SQKSZrOQQE1HS22VJkmPAGTr7+//fX19fRk+Zgq0trbGeFAKEAQT98BSqKOj47vm5uaa/Px8JeIk4GcaHh6eWlxcfAU/A8xG67BxAX3fwdcbYUpSDJ06Z49Ak8ZC3OL8f3YiA4PBYKdLQ2AJ9OTk5GpXV9cQiCVh79M94QtlPLDUE/1gPNrd3f0W33W4cBoco48zQuy/IZYAMnGqlSc4c66L9JruQUaSARXeT8HGKzxAqFBekni6+h46+pMzGiJGMgTOJh1yU/KNEGDvZWvfBawkA9ppwGg0mrRa7SOI2g+gxOgbJIpdFpj72PnxSnPX8vqRxTURgBQWKisrH+GThOm+CtAzoK/9/Uiqq/6hoaHfdnd3jaOjo7/yY7yxbwqkWy3sQzpS2C6YirwvUJk0y7hurfyGRrnduPGvAAMASmo8wzeVwfsAAAAASUVORK5CYII=) no-repeat 0 0, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE0AAAAXCAYAAABOHMIhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABiZJREFUeNrsWMtPlFcUvzPMwIDysLyRR4uATDHWCiVgSmRlios2DeiiXUFs0nRBd6arxqQhJDapkYXhP4BqDKTQhZaFNQSCaBEVJjwdHsNr5DUMDDPDzPT3u7nTDEgRKrKgc5KT+z3uufec33de99P4fD4RpL2RNgjB3kn35MkTeRERESFiYmLkGBoaKnQ6nWSNRvPPZFxr+vv7k6KioiIdDsfa8vLyQkFBgcP3Bnel3MDAQArWI0eFhISE87nb7bZ7PJ4VvLYuLi5O5+fnu9+kMNfq6+tLjIyMzMY6KeBEbK/XarXReI3lPDZMWcc4v7GxYV1dXR3Jy8ub2E5HPvJ6vRSSDH0ku1wuAfsEZOV1IEFHoeNFdHS0yMrK2knR0Lm5uR+hxLdQMjbwHTZbB41h8RGwCdc9MzMzneHh4bGJiYlf4SN8ijkfwqiIncCAAR7Iz2GPSShudjqdfeCeqampvwBQfFxc3JdYqwTv8gB8/F48A8BgKecE14V+L7ju2tpae05OzkuCCZvkPOj8mizmC6vVKtmPu+bx48cC3qI1mUyFUOyywWD4SHlELBaLJmCHNcwAghuAOujtuF4FqHO4nsX4EsAS3I4TJ04ME1h8PDE9PS09TYZoY2Pj1729vd6lpSVfkDYTPG0UkfNDRUWFgQ5Gb2Mh0N29e9eG/GQfHh4W8/PzwUy/ObQ/gMfVVlZW1iAiZdQxp3nv3LljRoL/5erVq1UIxzSiiVD9X4EDYATynCwAzGO858hCQRoaGmJFZNJz8YIcBc4BF966dau6sLAwBxVSJCUlCSThQwuU3W6XkYUok1Vzm5znQx5bbm9v77p+/frPeNSNRzZ/ISBwrG4ZR48eLamtrf2+uLjYSEG9Xi/wTISFhQlWGXohyzO/CJlVl23KQRLbABoaHx+/Z1lUZ/Hq1SsJFj3JT3hmHx8fnydPTEzMj46OziHPW2w22wxeD4Kfgadh/4YEzU8Az4DhffAn5eXlX1y6dKkEoCTspAQ9Mjs7+0BBo8Fms1lkZGTsOo0QLLRNkvnR+fEJzIMHD0xtbW39CL8JTFtSbAOvBIyLHIGVm9VzE2gKuDAMSSpcT6KXyT137lx2cnLyMXhcGDb3wq3XuWF3d/fCzZs3P0c4v5eSknJQbYLo7Ox0gC2lpaVZ3Be67Th/dnZWoAJKsJC3XA8fPhxoamp6hMb+BaaMgWcUMGtszZjiFDNmvcDI91pzG0iY4ARwkwrxkcHBwUdgNrRMbnrqoRbkVzDcvn3bl5qaWsmcgFH4G8XdEGUWFhak51AuISFBnkoCTyFbyWKxCJwIxlC0fq2rq7tcVFRkRKskjh8/Lr0+kBjCCDV/knfdv3//WX19/R8IRRNemxlu4AXwKqM+EJwdj1HbPYSwh3sCPAJDABm2LLchCjS+5/kirKGhwWk0GrMuXrxYQuX9hm/XXTMXMY+srKwI5ApZrbYmZh7deEJhAUKjLe/pLTzSsCuHrK+1tbUJVe3P6upq87Vr174rKysrYHVj/uW+OH3IfEuw4F3ee/fuPQfAvwOs5yyE4CnlFOu7BWrTCWlreO6FACpBZGwUw4BvkANLobReHb3kGZYGsGzTq/zlO8AT1ru6uoZbWlqeA6gINJAfnz59OlVLoX8Jtebm5raampqfcMvQYgTknz9//sKVK1c+y83NTdIEuCnaKMuNGzd+6+np6cCtSTkAw9D9X8Dyh+dbgaaAC1XAnUlPTy+qqqq6cPbs2UzkmWjNljiDJzpwHFnCkW2yo6NjCKW8H54wjlezKvRT09LSTsJrz5w6dSoN+Yp51ADAPUj8VoDbDq9pxrwuJcNIYQllJTIi/xopBw/VA7DJp0+f9hA78CgL5F5C8J2CpoCj8sfA6WCe/FPRhsRlZmbGIs8Y4FFO5CJgtrSsvrRVGW1V93b1myoGnKAKEcHgnwsWpg1lNI0fphwrmdqbckeU18WrnlOjqp5/j7W3BWvfQVPKa5SBkcrYCNVB65TRTlWZ1lXiXVU5xbtlDb2SPaLWYwrgHIcqPg6Vc7fbX69Yoyqfa7/AeiegbWOEVhmsVcWDwPn224iDJgla8Hd38Hd3ELQgaIeI/hZgAIPEp0vmQJdoAAAAAElFTkSuQmCC) no-repeat 50% 0, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAXCAYAAACFxybfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAodJREFUeNrsVb1rWlEUv2pN/GqspKRSKFYXWzEloIWif0Fn6dJChQ7OQil0qd3EzcEpg0OgdHDr4CQODk7VRlLMEIVqApX4We0zflR9/Z1Ui4T34ksaaAYP/Hzc673n/M6550PG8zz73yKjn0wm83fDYDAwo9HINBrNnwOQg4MDs0ql2lQqlfdAWont7ng8Pjw+Ps44nc4G1pI9EXWaSOzt7TGO42aH5Pv7+08ajUZ0MBiUeXEZd7vdL5VK5fX29rZ+5tQiEmdxKrlcjsEYczgcynK5/BKKv/IXFNz/XiqVXkHdjUuRIA9SqdRD8or/R8Ez9fr9fqHVakUR4c2z0REjIQuHw2ZcrPBXLCA0RHTezEdHjIQqkUhEr9I4HOILhQLf6/VoOUFEvDMiQiToDx1Cdz+bzZ6bUFarlel0OkkVUK/XWbvdPoVer5fh3ntsfwJ+CJ2XA4p0Op1bpBgJyxDehQQ6nQ5DZXHBYDBZq9V+EhFUndnr9drEqoc2bwJbwGPgtohuVSwWe2Gz2TZMJpNgRKi6qtUqg2EWj8dTgUDgo0KhWPN4PC70EvXOzs67fD6/S6kiRIKeZA1YJ2MiJNbdbvfTUCjkV6vVK2hcDF8GI2w0GrGTkxM2HA5PDxaLxSOfz/cWEfk81X0XIMMFgJJ/srBjCgk8IdcfuVyuZ36//7nFYtkQyAMumUzuRiKRD0jMFLa+AZOpYwqgB/ziBVqmVBKUO7eAB/R0WG/Z7XaTVqtdbTabHJL6EK2djBaBPHA0NSqpbUsiMUeEBgpF4Q5AbZrmSJ/yEWgBTaBNHl9kdkgmMUeG7qwAq9PqovceTA3zlxlgsuswyuXsGsiSxJLEkoSY/BZgAEjRodi+uBruAAAAAElFTkSuQmCC) no-repeat 100% 0;} .christmas-btn:hover{background: #a61715; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75), 0 0 40px #fff; -webkit-box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #da3b2c, inset 0 80px 80px -40px #dd4330, 1px 1px 3px rgba(0, 0, 0, 0.75); box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #da3b2c, inset 0 80px 80px -40px #dd4330, 1px 1px 3px rgba(0, 0, 0, 0.75);} .christmas-btn:active :active{-webkit-box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #da3b2c, inset 0 80px 80px -40px #dd4330, 0px 1px 0px rgba(255, 255, 255, 0.25); box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #da3b2c, inset 0 80px 80px -40px #dd4330, 0px 1px 0px rgba(255, 255, 255, 0.25); -webkit-transition: 50ms linear; transition: 50ms linear;} @-webkit-keyframes shiny-btn1{0%{-webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0;} 80%{-webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0.5;} 81%{-webkit-transform: scale(4) rotate(45deg); transform: scale(4) rotate(45deg); opacity: 1;} 100%{-webkit-transform: scale(50) rotate(45deg); transform: scale(50) rotate(45deg); opacity: 0;}} @keyframes shiny-btn1{0%{-webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0;} 80%{-webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0.5;} 81%{-webkit-transform: scale(4) rotate(45deg); transform: scale(4) rotate(45deg); opacity: 1;} 100%{-webkit-transform: scale(50) rotate(45deg); transform: scale(50) rotate(45deg); opacity: 0;}} @-webkit-keyframes ring{0%{-webkit-transform: rotateZ(0); transform: rotateZ(0);} 1%{-webkit-transform: rotateZ(15deg); transform: rotateZ(15deg);} 3%{-webkit-transform: rotateZ(-14deg); transform: rotateZ(-14deg);} 5%{-webkit-transform: rotateZ(17deg); transform: rotateZ(17deg);} 7%{-webkit-transform: rotateZ(-16deg); transform: rotateZ(-16deg);} 9%{-webkit-transform: rotateZ(15deg); transform: rotateZ(15deg);} 11%{-webkit-transform: rotateZ(-14deg); transform: rotateZ(-14deg);} 13%{-webkit-transform: rotateZ(13deg); transform: rotateZ(13deg);} 15%{-webkit-transform: rotateZ(-12deg); transform: rotateZ(-12deg);} 17%{-webkit-transform: rotateZ(12deg); transform: rotateZ(12deg);} 19%{-webkit-transform: rotateZ(-10deg); transform: rotateZ(-10deg);} 21%{-webkit-transform: rotateZ(9deg); transform: rotateZ(9deg);} 23%{-webkit-transform: rotateZ(-8deg); transform: rotateZ(-8deg);} 25%{-webkit-transform: rotateZ(7deg); transform: rotateZ(7deg);} 27%{-webkit-transform: rotateZ(-5deg); transform: rotateZ(-5deg);} 29%{-webkit-transform: rotateZ(5deg); transform: rotateZ(5deg);} 31%{-webkit-transform: rotateZ(-4deg); transform: rotateZ(-4deg);} 33%{-webkit-transform: rotateZ(3deg); transform: rotateZ(3deg);} 35%{-webkit-transform: rotateZ(-2deg); transform: rotateZ(-2deg);} 37%{-webkit-transform: rotateZ(1deg); transform: rotateZ(1deg);} 39%{-webkit-transform: rotateZ(-1deg); transform: rotateZ(-1deg);} 41%{-webkit-transform: rotateZ(1deg); transform: rotateZ(1deg);} 43%{-webkit-transform: rotateZ(0); transform: rotateZ(0);} 100%{-webkit-transform: rotateZ(0); transform: rotateZ(0);}} @keyframes ring{0%{-webkit-transform: rotateZ(0); transform: rotateZ(0);} 1%{-webkit-transform: rotateZ(15deg); transform: rotateZ(15deg);} 3%{-webkit-transform: rotateZ(-14deg); transform: rotateZ(-14deg);} 5%{-webkit-transform: rotateZ(17deg); transform: rotateZ(17deg);} 7%{-webkit-transform: rotateZ(-16deg); transform: rotateZ(-16deg);} 9%{-webkit-transform: rotateZ(15deg); transform: rotateZ(15deg);} 11%{-webkit-transform: rotateZ(-14deg); transform: rotateZ(-14deg);} 13%{-webkit-transform: rotateZ(13deg); transform: rotateZ(13deg);} 15%{-webkit-transform: rotateZ(-12deg); transform: rotateZ(-12deg);} 17%{-webkit-transform: rotateZ(12deg); transform: rotateZ(12deg);} 19%{-webkit-transform: rotateZ(-10deg); transform: rotateZ(-10deg);} 21%{-webkit-transform: rotateZ(9deg); transform: rotateZ(9deg);} 23%{-webkit-transform: rotateZ(-8deg); transform: rotateZ(-8deg);} 25%{-webkit-transform: rotateZ(7deg); transform: rotateZ(7deg);} 27%{-webkit-transform: rotateZ(-5deg); transform: rotateZ(-5deg);} 29%{-webkit-transform: rotateZ(5deg); transform: rotateZ(5deg);} 31%{-webkit-transform: rotateZ(-4deg); transform: rotateZ(-4deg);} 33%{-webkit-transform: rotateZ(3deg); transform: rotateZ(3deg);} 35%{-webkit-transform: rotateZ(-2deg); transform: rotateZ(-2deg);} 37%{-webkit-transform: rotateZ(1deg); transform: rotateZ(1deg);} 39%{-webkit-transform: rotateZ(-1deg); transform: rotateZ(-1deg);} 41%{-webkit-transform: rotateZ(1deg); transform: rotateZ(1deg);} 43%{-webkit-transform: rotateZ(0); transform: rotateZ(0);} 100%{-webkit-transform: rotateZ(0); transform: rotateZ(0);}} input[type="tel" i]{direction: unset;} .custom-check-box{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px;} .custom-check-box .form-check-label{margin: 0;} .checkbox_animated{margin: 0; width: 20px; height: 20px; border: unset; position: relative;} .checkbox_animated::before{content: ""; position: absolute; width: 12px; height: 6px; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75), -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); -webkit-transform: rotate(-45deg) scale(0); transform: rotate(-45deg) scale(0); left: 4px; top: 5px; z-index: 1; border: 2px solid var(--theme-color); border-top-style: none; border-right-style: none;} .checkbox_animated::after{content: ""; position: absolute; width: 20px; height: 20px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #fff; border: 2px solid #ececec; cursor: pointer;} .checkbox_animated:checked::before{-webkit-transform: rotate(-45deg) scale(1); transform: rotate(-45deg) scale(1);} textarea.form-control{border-color: #eee;} .form-box{position: relative;} .form-box .form-label, .form-box label{font-weight: 500; font-size: calc(15px + (16 - 15) * ((100vw - 320px) / (1920 - 320))); margin-bottom: 4px; color: #777;} .form-box .form-control{height: auto; padding: calc(10px + (12 - 10) * ((100vw - 320px) / (1920 - 320))) calc(13px + (19 - 13) * ((100vw - 320px) / (1920 - 320))); font-weight: 500; border-radius: 0; border: 1px solid #eee; font-size: calc(14px + (14 - 14) * ((100vw - 320px) / (1920 - 320)));} .form-box .form-control::-webkit-inner-spin-button{display: none;} .form-box .custom-select .select2.select2-container--focus .select2-focused .select2-selection--single{border: 1px solid #eee;} .form-box .custom-select .select2-selection.select2-selection--single{border: 1px solid #eee; padding: calc(10px + 2 * (100vw - 320px) / 1600) calc(13px + 6 * (100vw - 320px) / 1600); height: auto; background-color: #fff; border-radius: 0;} .form-box .custom-select .select2-selection.select2-selection--single .select2-selection__rendered{padding: 0 !important; line-height: 1.6;} .form-box .custom-select .select2-selection.select2-selection--single .select2-selection__placeholder{font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320))); color: #777; font-weight: 500;} .form-box .custom-select .select2-selection.select2-selection--single .select2-selection__arrow::before{content: "\ea4e"; font-family: remixicon; font-style: normal; -webkit-font-smoothing: antialiased; border: unset; width: auto; height: auto; color: #777; font-size: 17px;} .form-box .custom-select .select2-dropdown{margin-top: -1px; border: 1px solid #eee; border-radius: 0;} .form-box .custom-select .select2-dropdown .select2-search .select2-search__field{border: 1px solid #eee;} .form-box .custom-select .select2-results .select2-results__options::-webkit-scrollbar-track{background-color: rgba(var(--theme-color), 0.14);} .form-box .custom-select .select2-results .select2-results__options::-webkit-scrollbar{width: 4px; background-color: #f5f5f5;} .form-box .custom-select .select2-results .select2-results__options::-webkit-scrollbar-thumb{background-color: var(--theme-color);} .form-box .custom-select .select2-results .select2-results__options .select2-results__option{background-color: #fff; display: block;} .form-box .custom-select .select2-results .select2-results__options .select2-results__option .country .dial-code{color: #777; font-weight: 500;} .form-box .custom-select .select2-results .select2-results__options .select2-results__option--highlighted{background-color: var(--theme-color); font-weight: 600;} .form-box .custom-select .select2-results .select2-results__options .select2-results__option--highlighted .country .dial-code{color: #eee;} .phone-field .form-box{position: relative;} .phone-field .form-box .form-control{padding-left: calc(111px + (132 - 111) * ((100vw - 320px) / (1920 - 320)));} .phone-field .form-box .form-label ~ .custom-select{top: 29px; left: 1px;} .phone-field .custom-select{position: absolute; top: 0; left: 0; height: calc(42px + (48 - 42) * ((100vw - 320px) / (1920 - 320))); width: calc(100px + (120 - 100) * ((100vw - 320px) / (1920 - 320)));} .phone-field .custom-select .select2{height: 100%;} .phone-field .custom-select .select2 .selection{height: calc(100% - 2px); border-right: 1px solid #eee;} .phone-field .custom-select .select2 .selection .select2-selection{height: 100%; border: unset; border-radius: 0; gap: 5px; background-color: transparent; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .phone-field .custom-select .select2 .selection .select2-selection.select2-selection--single{border: unset;} .phone-field .custom-select .select2 .selection .select2-selection .select2-selection__rendered{display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; line-height: 1 !important; padding: 0; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important;} .phone-field .custom-select .select2 .selection .select2-selection .select2-selection__arrow{width: auto !important;} .phone-field .custom-select .select2 .selection .select2-selection .select2-selection__arrow::before{content: "\ea4e" !important; font-family: remixicon; font-style: normal; -webkit-font-smoothing: antialiased; border: unset !important; width: auto !important; height: auto !important; color: #777; font-size: 17px;} .ratio_40 .bg-size:before{padding-top: 40%; content: ""; display: block;} .ratio_45 .bg-size:before{padding-top: 45%; content: ""; display: block;} .ratio2_1 .bg-size:before{padding-top: 50%; content: ""; display: block;} .ratio2_3 .bg-size:before{padding-top: 60%; content: ""; display: block;} .ratio3_2 .bg-size:before{padding-top: 66.66%; content: ""; display: block;} .ratio_landscape .bg-size:before{padding-top: 75%; content: ""; display: block;} .ratio_square .bg-size:before{padding-top: 100%; content: ""; display: block;} .ratio_115 .bg-size:before{padding-top: 115%; content: ""; display: block;} .ratio_125 .bg-size:before{padding-top: 125%; content: ""; display: block;} .ratio_asos .bg-size:before{padding-top: 127.7777778%; content: ""; display: block;} .ratio_portrait .bg-size:before{padding-top: 150%; content: ""; display: block;} .ratio1_2 .bg-size:before{padding-top: 200%; content: ""; display: block;} .b-top{background-position: top !important;} .b-bottom{background-position: bottom !important;} .b-center{background-position: center !important;} .b_size_content{background-size: contain !important; background-repeat: no-repeat;} .slick-slider{overflow: hidden;} .slick-slider.slick-slider{overflow: visible;} .no-arrow .slick-next, .no-arrow .slick-prev{display: none !important;} .theme-dots .slick-dots{bottom: 10px;} .theme-dots .slick-dots li button:before{font-size: 12px;} .theme-dots .slick-dots li.slick-active button:before{color: var(--theme-color);} .theme-dots.slick-dotted.slick-slider{margin-bottom: 0;} .slick-default-margin .slick-list{margin-left: -12px; margin-right: -12px;} .slick-default-margin .slick-slide > div{margin-left: 12px; margin-right: 12px;} .slick-sm-margin .slick-list{margin-left: -8px; margin-right: -8px;} .slick-sm-margin .slick-slide > div{margin-left: 8px; margin-right: 8px;} .banner-timer{background-image: url("../images/offer-banner.jpg"); background-size: cover; margin-left: 20px; margin-right: 20px;} .banner-timer .banner-text{padding-top: 45px; padding-bottom: 45px;} .banner-timer .banner-text h2{margin-bottom: 0; text-align: center;} .banner-timer .banner-text h2 span{color: var(--theme-color);} .banner-timer .timer-box{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%;} .timer{padding: 15px; background-color: rgba(236, 137, 81, 0.09); border: 1px dashed var(--theme-color); display: inline-block;} .timer p{font-size: 18px; color: #fff; margin-bottom: 0;} .timer span{text-align: center; color: #ffffff; width: calc(70px + (70 - 60) * ((100vw - 320px) / (1920 - 320))); display: inline-block; position: relative; font-size: 16px; font-weight: 600;} .timer span .timer-cal{font-size: 12px; color: #777; text-align: center; font-weight: 500; margin-top: 7px;} .timer span .padding-l{display: inline; text-align: center; position: absolute; top: 0; -webkit-transform: unset; transform: unset; width: auto; right: -1px;} .timer-section{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .timer-section .timer{margin-top: 0; background-color: var(--theme-color);} .timer-section .timer span .timer-cal{color: rgba(255, 255, 255, 0.9);} .product-box-timer.timer{width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: rgba(255, 255, 255, 0.85); position: absolute; z-index: 1; bottom: 60px;} .title1{text-align: center;} .title1 h4{color: var(--theme-color); padding-bottom: 10px; margin-bottom: 0; margin-top: -2px;} .title1 .title-inner1{padding-bottom: 15px; margin-bottom: 30px; position: relative;} .title1 .title-inner1:after{position: absolute; height: 5px; width: 70px; background-color: var(--theme-color); content: ""; left: 0; right: 0; margin: 0 auto; bottom: 0;} .title1.title-gradient .title-inner1:after{background: var(--theme-color); background: -webkit-gradient(linear, left top, left bottom, from(var(--theme-color)), color-stop(99%, var(--theme-color2))); background: linear-gradient(180deg, var(--theme-color) 0%, var(--theme-color2) 99%); background-color: var(--theme-color);} .title1.title5 .title-inner1{padding-bottom: 0; margin-bottom: 0;} .title1.title5 .title-inner1:after{display: none;} .title1.title5 hr[role="tournament6"]{border: 0px solid; height: 1px; background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(var(--theme-color)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0), var(--theme-color), rgba(0, 0, 0, 0)); display: block; width: 25%; margin: 15px auto 30px auto;} .title1.title5 hr[role="tournament6"]::before{position: absolute; background-color: #efefef; border: 1px solid; border-color: var(--theme-color); padding: 5px; -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 50%; margin: -6px 0px 0px 0; content: "";} .title1.wo-border .title-inner1{padding-bottom: 0;} .title1.wo-border .title-inner1:after{display: none;} .title2{text-align: center; position: relative; z-index: 1;} .title2 h4{color: var(--theme-color); padding-bottom: 10px; margin-bottom: 0; text-transform: uppercase; margin-top: -3px;} .title2 .title-inner2{margin-bottom: 50px; position: relative; display: inline-block; padding: 0 25px;} .title2 .title-inner2:after{position: absolute; height: 5px; width: 100%; background-color: var(--theme-color); opacity: 0.4; content: ""; left: 0; right: 0; margin: 0 auto; bottom: 3px; z-index: -1;} .title3{text-align: center;} .title3 h4{color: var(--theme-color); padding-bottom: 10px; margin-bottom: 5px; margin-top: -3px;} .title3 .title-inner3{margin-bottom: 20px; position: relative; margin-top: -5px;} .title3 .line{position: relative; height: 5px; width: 45px; background-color: var(--theme-color); content: ""; left: 0; right: 0; margin: 0 auto; bottom: 0; margin-bottom: 50px;} .title3 .line:after, .title3 .line:before{position: absolute; height: 5px; width: 10px; content: ""; background-color: var(--theme-color);} .title3 .line:after{right: 50px;} .title3 .line:before{left: 50px;} .title4{text-align: center;} .title4 .title-inner4{padding-bottom: 25px; margin-bottom: 0; position: relative; margin-top: -5px;} .title4 .line{position: relative; height: 1px; width: 180px; background-color: var(--theme-color); margin: 0 auto; margin-bottom: 55px; bottom: 0; top: 0;} .title4 .line:after, .title4 .line:before{position: absolute; height: 10px; width: 10px; content: ""; background-color: var(--theme-color); top: -4px;} .title4 .line:after{left: 78px;} .title4 .line:before{left: 64px;} .title4 .line span:after, .title4 .line span:before{position: absolute; height: 10px; width: 10px; content: ""; background-color: var(--theme-color); top: -4px;} .title4 .line span:after{right: 78px;} .title4 .line span:before{right: 64px;} .title6{text-align: center;} .title6 h2{margin-top: -5px; margin-bottom: 20px;} .title7{margin-bottom: 20px;} .title7 .title{font-size: calc(16px + (24 - 16) * ((100vw - 320px) / (1920 - 320))); margin-bottom: 0;} .title7 .sub-title{font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320))); margin-bottom: 0; color: #7b7b7b; margin-top: 2px; text-transform: capitalize;} .title8{margin-bottom: calc(12px + (22 - 12) * ((100vw - 320px) / (1920 - 320)));} .title8 h2{font-size: calc(16px + (24 - 16) * ((100vw - 320px) / (1920 - 320))); margin-bottom: 0; text-transform: capitalize;} .title8 p{font-size: 16px; margin-bottom: 0; margin-top: 6px;} .title-borderless{margin-bottom: 30px; text-align: center; margin-top: calc(0px + (-5 - 0) * ((100vw - 320px) / (1920 - 320)));} .about-text p{line-height: 28px; letter-spacing: 0.06em; text-align: center; margin-bottom: 50px;} .theme-tab .title-inline{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px; border-bottom: 1px solid #ddd;} .theme-tab .title-inline h3{text-transform: capitalize; margin-bottom: 0; color: black; font-weight: 600;} .theme-tab .title-inline .tab-title{margin-bottom: 0; margin-left: auto; margin-top: 0;} .theme-tab .title-inline .tab-title li{padding-left: 0; padding-right: 0; padding-bottom: 10px; margin: 0 15px;} .theme-tab .title-inline .tab-title .current{border-bottom: 2px solid var(--theme-color);} .title-basic{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: calc(16px + (22 - 16) * ((100vw - 320px) / (1920 - 320)));} .title-basic .title{font-size: calc(16px + (24 - 16) * ((100vw - 320px) / (1920 - 320))); margin-bottom: 0;} .title-basic .timer{margin-top: 0; margin-left: 15px; background-color: transparent; position: relative;} .title-basic .timer:after{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--theme-color); opacity: 0.05;} .title-basic .timer p{color: #000000;} .title-basic .timer span .timer-cal{display: none;} .title-gradient{background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 400% 400%; -webkit-animation: gradient 15s ease infinite; animation: gradient 15s ease infinite;} .theme-tab{position: relative;} .theme-tab .tab-content{display: none;} .theme-tab .tab-content[style="display: block;"] .basic-product{-webkit-animation: zoomIn 300ms ease-in-out; animation: zoomIn 300ms ease-in-out;} .theme-tab .tab-content .product-tab .tab-box{background-color: #fff; width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: calc(25% - 10px); margin: 0 5px 10px; padding: 15px;} .theme-tab .tab-content .product-tab .tab-box:nth-last-child(-n + 4){margin: 0 5px 0;} .theme-tab .tab-content .product-tab .tab-box .product-box2 .media > a{overflow: hidden;} .theme-tab .tab-content .product-tab .tab-box .product-box2 img{height: 220px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .theme-tab .tab-content .product-tab .tab-box .product-box2 .media{gap: 10px;} .theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body .rating{margin-top: 0;} .theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body .rating i{padding-right: 0;} .theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body .rating i:nth-child(-n + 4){color: #ffa200;} .theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body .rating i:last-child{color: #ddd;} .theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body a h6{line-height: 17px; margin-top: 5px; margin-bottom: 0;} .theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body h4{font-size: 20px; margin-top: 5px; font-weight: 700; color: #222; margin-bottom: 0;} .theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body .color-variant li{display: inline-block; height: 20px; width: 20px; border-radius: 100%; margin-right: 2px; margin-top: 20px; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; margin-bottom: 0; cursor: pointer;} .theme-tab .tab-content .product-tab .tab-box:hover .product-box2 img{-webkit-transform: scale(1.03); transform: scale(1.03); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .theme-tab .tab-title, .theme-tab .tab-title2{text-align: center; font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320))); margin-bottom: 30px; margin-top: -6px;} .theme-tab .tab-title .current a, .theme-tab .tab-title2 .current a{color: var(--theme-color); font-weight: 500;} .theme-tab .tab-title li, .theme-tab .tab-title2 li{padding-left: 25px; padding-right: 25px;} .theme-tab .tab-title a, .theme-tab .tab-title2 a{color: #2d2a25; text-transform: uppercase;} .theme-tab .tab-title.border-title li, .theme-tab .tab-title2.border-title li{border-left: 1px solid #bbb;} .theme-tab .tab-title.border-title li:first-child, .theme-tab .tab-title2.border-title li:first-child{border-left: none;} .theme-tab .tab-title2{font-size: 24px; font-weight: 700; text-transform: uppercase; margin-top: -8px;} .theme-tab .tab-title2:after{content: ""; position: absolute; border: 1px solid #f1f5f4; width: 100%; left: 0; top: 17px; z-index: -1;} .theme-tab .tab-title2 .current{background-color: #fff;} .theme-tab .tab-title2 .current a{background-color: #fff;} .tab-bg{position: relative; z-index: 1; padding: 70px 50px 60px 50px;} .tab-bg.tab-grey-bg{background-color: #f9f9f9;} .tab-bg:after{position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--theme-color); opacity: 0.09; z-index: -1;} .tab-bg .theme-tab .tab-title{margin-bottom: 30px;} .pt-cls-slider{padding-top: 10px;} .ajax-search.form_search{overflow: unset;} .ajax-search .twitter-typeahead{width: 100%;} .ajax-search .typeahead{padding: 15px 20px; width: 100% !important; background-color: #fff !important; border-radius: 0; font-size: 18px;} .ajax-search .empty-message{color: var(--theme-color); text-align: center; padding: 10px 0px; font-size: 16px;} .ajax-search .tt-menu{display: block; width: 100%; background-color: #fff; border: unset !important; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); max-height: 350px; overflow: auto; top: 55px !important; border-radius: 5px; padding: 8px 0;} .ajax-search .tt-suggestion{padding: 0px 14px; font-size: 18px; line-height: 24px; cursor: pointer;} .ajax-search .man-section{position: relative; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .ajax-search .image-section{padding: 5px 0;} .ajax-search .image-section img{width: 50px; -webkit-filter: invert(0) !important; filter: invert(0) !important;} .ajax-search .description-section{width: 80%;} .ajax-search .description-section h4{margin: 0px; padding: 0px 7px; font-size: 17px; color: #222; margin-top: 0; margin-bottom: 2px; text-transform: capitalize;} .ajax-search .description-section span{padding: 7px; font-size: 16px; color: #a09999;} .full-banner{position: relative; background-size: cover; background-repeat: no-repeat; padding-top: 190px; padding-bottom: 190px; background-position: center;} .full-banner.parallax-layout{padding-top: 350px; padding-bottom: 350px;} .full-banner.parallax-layout .banner-contain h4{color: #7f786d;} .full-banner.banner-layout-3 .banner-contain h4{color: #fff;} .full-banner.banner-layout-3 .banner-contain h3{color: #fff; margin-top: 10px;} .full-banner.banner-layout-3 .banner-contain .color{color: var(--theme-color); line-height: 1;} .full-banner.parallax{background-attachment: fixed;} .full-banner.p-left .banner-contain{float: left;} .full-banner.p-right .banner-contain{float: right;} .full-banner.p-center .banner-contain{left: 0; right: 0; margin: 0 auto;} .full-banner.feature-banner{padding: 50px 0;} .full-banner.feature-banner h2{text-align: center; color: #fff; margin-bottom: 180px; margin-top: -7px;} .full-banner.feature-banner .feature-object, .full-banner.feature-banner .feature-object-right{text-align: right; margin-bottom: -5px;} .full-banner.feature-banner .feature-object li, .full-banner.feature-banner .feature-object-right li{margin-bottom: 55px; margin-right: 50px;} .full-banner.feature-banner .feature-object li .media img, .full-banner.feature-banner .feature-object-right li .media img{border-radius: 100%; border: 1px solid #fff; margin-left: 15px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .full-banner.feature-banner .feature-object li .media .media-body, .full-banner.feature-banner .feature-object-right li .media .media-body{text-align: right; margin-top: 18px;} .full-banner.feature-banner .feature-object li .media .media-body h4, .full-banner.feature-banner .feature-object li .media .media-body p, .full-banner.feature-banner .feature-object-right li .media .media-body h4, .full-banner.feature-banner .feature-object-right li .media .media-body p{color: #fff;} .full-banner.feature-banner .feature-object li .media .media-body h4, .full-banner.feature-banner .feature-object-right li .media .media-body h4{font-size: 20px;} .full-banner.feature-banner .feature-object li .media .media-body p, .full-banner.feature-banner .feature-object-right li .media .media-body p{margin-bottom: 0;} .full-banner.feature-banner .feature-object li:hover .media img, .full-banner.feature-banner .feature-object-right li:hover .media img{background-color: #fff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: scale(1.05); transform: scale(1.05);} .full-banner.feature-banner .feature-object li:nth-child(2), .full-banner.feature-banner .feature-object-right li:nth-child(2){padding-right: 30px;} .full-banner.feature-banner .feature-object li:nth-child(3), .full-banner.feature-banner .feature-object-right li:nth-child(3){padding-right: 60px; margin-bottom: 0;} .full-banner.feature-banner .feature-object-right{text-align: left; margin-left: 50px;} .full-banner.feature-banner .feature-object-right li .media img{margin-left: 0; margin-right: 15px;} .full-banner.feature-banner .feature-object-right li .media .media-body{text-align: left;} .full-banner.feature-banner .feature-object-right li:nth-child(2){padding-right: 0; padding-left: 30px;} .full-banner.feature-banner .feature-object-right li:nth-child(3){padding-right: 0; padding-left: 60px;} .full-banner.feature-banner .center-img{position: absolute; bottom: -112px; left: 50%; margin: 0 auto; -webkit-transform: translateX(-50%); transform: translateX(-50%);} .full-banner.feature-banner .banner-decor .left-img{left: 50px; position: absolute; top: 0; -webkit-animation: movebounce 4.9s linear infinite; animation: movebounce 4.9s linear infinite;} .full-banner.feature-banner .banner-decor .right-img{right: 50px; position: absolute; top: 0; -webkit-animation: movebounce 4.9s linear infinite; animation: movebounce 4.9s linear infinite;} @-webkit-keyframes movebounce{0%{-webkit-transform: translateY(0px); transform: translateY(0px);} 50%{-webkit-transform: translateY(20px); transform: translateY(20px);} 100%{-webkit-transform: translateY(0px); transform: translateY(0px);}} @keyframes movebounce{0%{-webkit-transform: translateY(0px); transform: translateY(0px);} 50%{-webkit-transform: translateY(20px); transform: translateY(20px);} 100%{-webkit-transform: translateY(0px); transform: translateY(0px);}} .full-banner.small-banner{padding-top: 45px !important; padding-bottom: 45px !important;} .full-banner.small-banner .banner-contain.app-detail{padding-left: 40px;} .full-banner.small-banner .banner-contain.app-detail h4{padding-top: 0; margin-bottom: 10px;} .full-banner.small-banner .banner-contain.app-detail .store-btn a + a{margin-left: 10px;} .full-banner .banner-contain .btn-solid, .full-banner .banner-contain .btn-outline{margin-top: 20px;} .full-banner .banner-contain h2{font-size: 100px; font-weight: 700; color: var(--theme-color); text-transform: uppercase; margin-top: -15px;} .full-banner .banner-contain h3{font-size: 60px; color: #333; text-transform: uppercase; font-weight: 700;} .full-banner .banner-contain h4{font-size: 24px; color: #777; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5em; padding-top: 10px; margin-bottom: -5px; line-height: 1.3;} .full-banner .banner-contain.christmas-contain .btn-solid, .full-banner .banner-contain.christmas-contain .btn-outline{margin-top: calc(20px + (65 - 20) * ((100vw - 320px) / (1920 - 320)));} .full-banner .banner-contain.christmas-contain h2{font-size: calc(24px + (70 - 24) * ((100vw - 320px) / (1920 - 320))); font-weight: 700; color: #fff; text-transform: capitalize; margin-bottom: 0; margin-top: 0;} .full-banner .banner-contain.christmas-contain h3{font-size: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320))); color: #fff; text-transform: capitalize; font-weight: 700; margin-bottom: 15px; margin-top: -6px;} .full-banner .banner-contain.christmas-contain h4{font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320))); color: #fff; font-weight: 600; text-transform: capitalize; letter-spacing: 0.07em; padding-top: 10px; margin-bottom: -5px; line-height: 1.3;} .full-banner .banner-contain.christmas-contain h4 span{color: var(--theme-color);} .full-banner .santa-img{position: absolute; bottom: -62px; left: 28px;} .full-banner .santa-img img{display: inline-block; -webkit-animation-name: dance; animation-name: dance; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);} .full-banner .decor{position: absolute; top: -150px; left: 0;} @-webkit-keyframes dance{0%{-webkit-transform: rotate(10deg); transform: rotate(10deg);} 16.66%, 49.98%{-webkit-transform: rotate(-10deg); transform: rotate(-10deg);} 32.32%{-webkit-transform: rotate(-5deg); transform: rotate(-5deg);} 66.64%, 100%{-webkit-transform: rotate(10deg); transform: rotate(10deg);} 83.8%{-webkit-transform: rotate(5deg); transform: rotate(5deg);}} @keyframes dance{0%{-webkit-transform: rotate(10deg); transform: rotate(10deg);} 16.66%, 49.98%{-webkit-transform: rotate(-10deg); transform: rotate(-10deg);} 32.32%{-webkit-transform: rotate(-5deg); transform: rotate(-5deg);} 66.64%, 100%{-webkit-transform: rotate(10deg); transform: rotate(10deg);} 83.8%{-webkit-transform: rotate(5deg); transform: rotate(5deg);}} .full-banner.section-space{padding: 100px 0;} .full-banner.custom-space{padding: 100px 0;} .parallax{background-attachment: fixed;} .parallax-cls section:nth-child(odd) .full-banner{background-position: right;} .parallax-cls section:nth-child(even) .full-banner{background-position: left;} .parallax-cls section .banner-contain{margin-top: -12px;} .pet-parallax{position: relative;} .pet-parallax .pet-decor{position: absolute; left: 110px; bottom: -164px;} .pet-parallax .banner-contain h4, .pet-parallax .banner-contain h3, .pet-parallax .banner-contain p{color: #212121;} .pet-parallax .banner-contain p{max-width: 75%; margin: 0 auto; line-height: 22px; font-size: 16px; letter-spacing: 0.04em;} .pet-parallax .banner-contain h4{letter-spacing: 0.05em; padding-top: 0 !important; margin-bottom: 0; line-height: 1.3; margin-top: -7px;} .pet-parallax .banner-contain h3{margin: 15px 0; font-size: 48px;} .pet-parallax .full-banner{padding-top: 130px; padding-bottom: 130px; background-blend-mode: overlay;} .advertise-section .full-banner{padding-bottom: 105px; padding-top: 105px; background-position: top;} .advertise-section .full-banner .banner-contain{background-color: rgba(255, 255, 255, 0.9); padding: 40px 0; width: 90%;} .advertise-section .full-banner .banner-contain h2{font-size: 75px;} .banner-text-white .collection-banner .contain-banner h2{color: #fff;} .collection-banner{position: relative; overflow: hidden; display: block;} .collection-banner .img-part{-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width: 100%;} .collection-banner.p-top .contain-banner{-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;} .collection-banner.p-left .contain-banner{-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;} .collection-banner.p-right .contain-banner{-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;} .collection-banner.p-center .contain-banner{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .collection-banner.tl-content .contain-banner, .collection-banner.tl-content .contain-banner.banner-3{-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-left: 30px; padding-right: 30px; padding-top: 30px;} .collection-banner .contain-banner{position: absolute; top: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 70px; padding-right: 70px;} .collection-banner .contain-banner.banner-3{padding-left: 30px; padding-right: 30px;} .collection-banner .contain-banner.banner-3 h2{font-size: 26px; letter-spacing: 0.05em; color: #fff; margin-top: 5px; margin-bottom: -6px;} .collection-banner .contain-banner.banner-3 h4{color: #fff;} .collection-banner .contain-banner.banner-4{padding-left: 50px; padding-right: 50px;} .collection-banner .contain-banner.banner-4 h2{font-size: 28px; letter-spacing: 0.03em; color: #fff; margin-bottom: -6px;} .collection-banner .contain-banner.content-bg h2{font-size: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320))); padding: 10px; background-color: #fff;} .collection-banner .contain-banner.content-bg.banner-3 h2{font-size: calc(18px + (30 - 18) * ((100vw - 320px) / (1920 - 320)));} .collection-banner .contain-banner h4{color: var(--theme-color); font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 0; line-height: 28px;} .collection-banner .contain-banner h2{font-size: 60px; font-weight: 700; color: #222; letter-spacing: 0.1em; margin-bottom: -6px;} .collection-banner .contain-banner h2.font-smaller{font-size: calc(20px + (45 - 20) * ((100vw - 320px) / (1920 - 320)));} .collection-banner.christmas-banner .contain-banner{position: absolute; top: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: calc(30px + (60 - 30) * ((100vw - 320px) / (1920 - 320))); padding-right: calc(30px + (60 - 30) * ((100vw - 320px) / (1920 - 320)));} .collection-banner.christmas-banner .contain-banner h4{font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320))); color: #fff; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 0;} .collection-banner.christmas-banner .contain-banner h2{font-size: calc(24px + (40 - 24) * ((100vw - 320px) / (1920 - 320))); font-weight: 700; color: #fff; letter-spacing: 0.1em; margin-bottom: -6px;} .collection-banner.overlay-banner{position: relative; z-index: 1;} .collection-banner.overlay-banner .contain-banner{z-index: 1;} .collection-banner.overlay-banner:after{content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: black; opacity: 0.3;} .collection-banner:hover .img-part{-webkit-transform: scale(1.05); transform: scale(1.05); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .banner-offer .collection-banner .contain-banner.white-content h4{color: rgba(255, 255, 255, 0.8) !important;} .banner-offer .collection-banner .contain-banner.white-content h2{color: rgba(255, 255, 255, 0.9) !important;} .banner-offer .collection-banner .contain-banner.white-content h6{color: rgba(255, 255, 255, 0.8) !important;} .banner-offer .collection-banner .contain-banner h4{font-size: 16px; text-transform: capitalize; font-weight: 400;} .banner-furniture{padding-left: 15px; padding-right: 15px;} .banner-furniture .collection-banner .contain-banner.banner-3 h2{color: #222; margin-bottom: 0;} .banner-furniture .collection-banner .contain-banner.banner-3 h4{color: var(--theme-color);} .banner-goggles .collection-banner .contain-banner.banner-3 h2{color: #222;} .banner-goggles .collection-banner .contain-banner.banner-3 h4{color: var(--theme-color);} .banner-top-cls{margin-top: 30px;} .banner-6 .collection-banner .contain-banner.banner-3 h2{color: #222;} .absolute_banner .collection-banner{overflow: unset;} .absolute_banner .collection-banner .absolute-contain{position: absolute; background-color: #fff; bottom: 20px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding: 20px; min-width: 85%; text-align: center; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .absolute_banner .collection-banner .absolute-contain h3{color: var(--theme-color); text-transform: capitalize; margin-top: -5px; font-weight: 700;} .absolute_banner .collection-banner .absolute-contain h4{color: #000; margin-bottom: 0;} .absolute_banner .collection-banner:hover img{-webkit-transform: none; transform: none;} .banner-content-bottom .collection-banner .contain-banner{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: -webkit-gradient(linear, left bottom, left top, from(#f8f9fa), color-stop(74%, rgba(248, 249, 250, 0.82)), to(rgba(248, 249, 250, 0.04))); background: linear-gradient(to top, #f8f9fa 0%, rgba(248, 249, 250, 0.82) 74%, rgba(248, 249, 250, 0.04) 100%); padding: 25px; height: auto; bottom: 0; top: unset;} .banner-content-bottom .collection-banner .contain-banner h2{margin-top: 10px; margin-bottom: 0;} .banner-content-bottom .collection-banner .contain-banner .btn{padding: 6px 15px; font-size: 13px; margin-top: 10px;} .banner-content-bottom .collection-banner .contain-banner.bg-dark-bottom{background: none; background-color: #f8f9fa;} .sale-banner{padding: 12px; margin-bottom: 20px;} .sale-banner h4{margin-bottom: 0; font-weight: 600; font-size: calc(14px + (17 - 14) * ((100vw - 320px) / (1920 - 320))); line-height: 1.4;} .home-slider .banner-content-bottom .collection-banner .contain-banner{background: none;} .home-slider .banner-content-bottom .collection-banner .contain-banner h2{font-size: 20px;} .home-slider .banner-content-bottom .collection-banner .sale{position: absolute; top: 20px; left: 20px; display: inline-block; background: var(--theme-color); color: #fff; height: 2.5rem; width: 2.5rem; text-align: center; vertical-align: middle; line-height: 2.5rem; -webkit-transform: rotate(-20deg); transform: rotate(-20deg); -webkit-animation: beat 1s ease infinite alternate; animation: beat 1s ease infinite alternate;} .home-slider .banner-content-bottom .collection-banner .sale:before, .home-slider .banner-content-bottom .collection-banner .sale:after{content: ""; position: absolute; background: inherit; height: inherit; width: inherit; top: 0; left: 0; z-index: -1; -webkit-transform: rotate(30deg); transform: rotate(30deg);} .home-slider .banner-content-bottom .collection-banner .sale:after{-webkit-transform: rotate(60deg); transform: rotate(60deg);} @-webkit-keyframes beat{from{-webkit-transform: rotate(-20deg) scale(1); transform: rotate(-20deg) scale(1);} to{-webkit-transform: rotate(-20deg) scale(1.1); transform: rotate(-20deg) scale(1.1);}} @keyframes beat{from{-webkit-transform: rotate(-20deg) scale(1); transform: rotate(-20deg) scale(1);} to{-webkit-transform: rotate(-20deg) scale(1.1); transform: rotate(-20deg) scale(1.1);}} .home-slider .banner-content-bottom .center-cls .slick-slider{margin-top: -40px;} .home-slider .banner-content-bottom .slick-slider{margin-top: 6%;} .home-slider .banner-content-bottom .slick-list{margin: 0 -12px;} .home-slider .banner-content-bottom .slick-list .slick-slide > div{margin: 0 12px;} .center-cls{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%;} .vertical-banner .vertical-content{margin-top: 15px; text-align: center;} .vertical-banner .vertical-content h2{font-size: calc(17px + (22 - 17) * ((100vw - 320px) / (1920 - 320))); margin-bottom: calc(2px + (6 - 2) * ((100vw - 320px) / (1920 - 320)));} .vertical-banner .vertical-content h4{font-weight: 700; margin-bottom: 0; color: #000;} .vertical-banner .vertical-content a{color: #909090; border-bottom: 1px solid #909090; font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320))); text-transform: capitalize;} .banner-effect{overflow: hidden; -webkit-transform: rotate(0.0001deg); transform: rotate(0.0001deg); -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);} .banner-effect .bg-size{-webkit-transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);} .banner-effect:hover{-webkit-transform: scale(0.95); transform: scale(0.95);} .banner-effect:hover .bg-size{-webkit-transform: scale(1.15); transform: scale(1.15);} .banner-style-1 .custom-height{height: 460px;} .banner-style-2.absolute-banner .absolute-bg{padding: 0; background-color: transparent !important;} .banner-style-2.absolute-banner .absolute-bg .collection-banner{position: relative; overflow: unset;} .banner-style-2.absolute-banner .absolute-bg .collection-banner .absolute-img img{position: absolute; left: 40px; top: -40px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .banner-style-2.absolute-banner .absolute-bg .collection-banner:hover .absolute-img img{top: -50px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .custom-height-banner .img-part{height: 330px;} .gift-card-section{z-index: 1; position: relative;} .gift-card-section .container .card-box{background-color: var(--theme-color); padding: calc(15px + (35 - 15) * ((100vw - 320px) / (1920 - 320))); border-radius: 0;} .gift-card-section .collection-banner{border-radius: 10px;} .deal-product-space{background-color: #f8efe7; padding-top: 195px; margin-top: -130px; z-index: -1; padding-bottom: 130px !important; margin-bottom: -90px;} .deal-product-space .product-box .product-detail, .deal-product-space .product-box .product-info, .deal-product-space .product-wrap .product-detail, .deal-product-space .product-wrap .product-info{margin-top: 0;} .deal-product-space .product-style-4.product-box, .deal-product-space .product-style-4.product-wrap{background-color: #fff;} .banner-section a{overflow: hidden; display: block;} .banner-section a .bg-size, .banner-section a img{-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .banner-section a:hover .bg-size, .banner-section a:hover img{-webkit-transform: scale(1.05); transform: scale(1.05);} .banner-section a.bg-size{-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .banner-section a.bg-size:hover{-webkit-transform: scale(1.05); transform: scale(1.05);} .blog .slick-slide{line-height: 1;} .blog-bg{background-color: #f1f5f4;} .classic-effect{position: relative; overflow: hidden;} .classic-effect:before, .classic-effect:after{background: var(--theme-color); width: 25%; position: absolute; content: ""; opacity: 0; -webkit-transition: all 0.3s steps(4); transition: all 0.3s steps(4); z-index: 1; bottom: 100%; top: 0;} .classic-effect:before{left: 0; -webkit-transition-delay: 0s; transition-delay: 0s;} .classic-effect:after{left: 25%; -webkit-transition-delay: 0.025s; transition-delay: 0.025s;} .classic-effect span:before, .classic-effect span:after{background: var(--theme-color); width: 25%; position: absolute; content: ""; opacity: 0; -webkit-transition: all 0.3s steps(4); transition: all 0.3s steps(4); z-index: 1; bottom: 100%; top: 0;} .classic-effect span:before{left: 50%; -webkit-transition-delay: 0.05s; transition-delay: 0.05s;} .classic-effect span:after{left: 75%; -webkit-transition-delay: 0.15s; transition-delay: 0.15s;} .classic-effect:hover:before, .classic-effect:hover:after{bottom: 0; opacity: 0.5;} .classic-effect:hover span:before, .classic-effect:hover span:after{bottom: 0; opacity: 0.5;} .basic-effect{position: relative; overflow: hidden;} .basic-effect > div{-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .basic-effect:after{position: absolute; content: ""; background: -webkit-gradient(linear, left top, left bottom, from(var(--theme-color)), color-stop(99%, var(--theme-color2))); background: linear-gradient(-180deg, var(--theme-color) 0%, var(--theme-color2) 99%); width: 100%; height: 100%; top: 0; left: 0; opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .basic-effect:hover:after{opacity: 0.7; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .basic-effect:hover > div{-webkit-transform: scale(1.2) rotate(5deg); transform: scale(1.2) rotate(5deg); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .blog-details{text-align: center; padding-left: 15px; padding-right: 15px;} .blog-details h4{color: var(--theme-color); margin-top: 25px; line-height: 1; margin-bottom: 0;} .blog-details p{color: #222; font-size: 18px; text-transform: capitalize; font-weight: 700; line-height: 1.5; letter-spacing: 0.03em; margin-top: 10px; margin-bottom: -5px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .blog-details p:hover{color: var(--theme-color); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .blog-details h6{line-height: 1; letter-spacing: 0.1em; margin-bottom: 0;} .blog-2 .blog-details h6{padding: 12px 0 0;} .blog-left .blog-details{text-align: left; padding: 0;} .blog-left .blog-details h4{font-weight: 700; color: #000;} .blog-left .blog-details p{font-size: 14px; text-transform: capitalize; font-weight: 400; margin-top: -3px;} .blog-left .blog-details h6{color: black; margin: 12px 0;} .shadow-effect .classic-effect{-webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;} .add_to_cart{position: fixed; background-color: #fff; z-index: 9999; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .add_to_cart ::-webkit-scrollbar{width: 3px; height: 7px;} .add_to_cart ::-webkit-scrollbar-track{background: #ddd;} .add_to_cart ::-webkit-scrollbar-thumb{background: #888;} .add_to_cart ::-webkit-scrollbar-thumb:hover{background: #555;} .add_to_cart .cart-inner{background-color: #fff; z-index: 9; position: relative; top: 0;} .add_to_cart .cart-inner .cart_media{padding: 0 20px;} .add_to_cart .cart-inner .cart_media li{position: relative; padding-bottom: 10px; width: 100%;} .add_to_cart .cart-inner .cart_media li .media{-webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%;} .add_to_cart .cart-inner .cart_media li .media img{height: 90px;} .add_to_cart .cart-inner .cart_media li .media .media-body{-ms-flex-item-align: center; align-self: center;} .add_to_cart .cart-inner .cart_media li .media .media-body h4{color: #333;} .add_to_cart .cart-inner .cart_media li .media .media-body h4 span{color: #777; font-size: 16px;} .add_to_cart .cart-inner .cart_media li .total{border-top: 1px solid #f1f5f4; border-bottom: 1px solid #f1f5f4; padding-top: 10px; padding-bottom: 10px;} .add_to_cart .cart-inner .cart_media li .total h5{text-transform: capitalize; margin-bottom: 0; color: #999999;} .add_to_cart .cart-inner .cart_media li .total h5 span{float: right;} .add_to_cart .cart-inner .cart_media li .buttons a{font-size: 16px; color: #fff; text-transform: capitalize; font-weight: 700; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .add_to_cart .cart-inner .cart_media li .buttons a:hover{color: var(--theme-color); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .add_to_cart .cart-inner .cart_media li .buttons .checkout{float: right;} .add_to_cart .cart-inner .cart_media .close-circle{position: absolute; top: 0; right: 0;} .add_to_cart .cart-inner .cart_media .close-circle i{color: #a1a1a1; font-size: 16px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .add_to_cart .cart-inner .cart_media .close-circle i:hover{color: #000; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .add_to_cart .cart-inner .cart_top{display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px; border-bottom: 1px solid #efefef; margin-bottom: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .add_to_cart .cart-inner .cart_top h3{font-size: 18px; color: #222; font-weight: 700; text-transform: uppercase; margin-bottom: 0;} .add_to_cart .cart-inner .cart_top .close-cart{margin-left: auto;} .add_to_cart .cart-inner .cart_top .close-cart i{color: black; font-size: 18px;} .add_to_cart .overlay{visibility: hidden; opacity: 0; background-color: #212331; position: fixed; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .add_to_cart.open-side{-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .add_to_cart.open-side .overlay{opacity: 0.8; visibility: visible; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .add_to_cart.left{left: -300px; top: 0; height: 100vh; width: 300px;} .add_to_cart.left .cart-inner{height: 100vh; overflow: auto;} .add_to_cart.left.open-side{left: 0;} .add_to_cart.right{right: -300px; height: 100vh; width: 300px; top: 0;} .add_to_cart.right .cart-inner{height: 100vh; overflow: auto;} .add_to_cart.right.open-side{right: 0;} .add_to_cart.top, .add_to_cart.bottom{height: 218px; width: 100%;} .add_to_cart.top .cart_media, .add_to_cart.bottom .cart_media{display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%;} .add_to_cart.top .cart_media .cart_product, .add_to_cart.bottom .cart_media .cart_product{display: -webkit-box; display: -ms-flexbox; display: flex; width: 75%; overflow-y: auto;} .add_to_cart.top .cart_media .cart_product li, .add_to_cart.bottom .cart_media .cart_product li{min-width: 245px; max-width: 225px; margin-right: 18px; padding-bottom: 0;} .add_to_cart.top .cart_media .cart_total, .add_to_cart.bottom .cart_media .cart_total{width: 25%;} .add_to_cart.top .cart-inner, .add_to_cart.bottom .cart-inner{height: 218px;} .add_to_cart.top .cart-inner .cart_top, .add_to_cart.bottom .cart-inner .cart_top{margin-bottom: 0; background-color: #fbfbfb; padding: 15px 44px; border-bottom: none;} .add_to_cart.top .cart-inner .cart_media, .add_to_cart.bottom .cart-inner .cart_media{padding: 0;} .add_to_cart.top .cart-inner .cart_media .cart_product, .add_to_cart.top .cart-inner .cart_media .cart_total, .add_to_cart.bottom .cart-inner .cart_media .cart_product, .add_to_cart.bottom .cart-inner .cart_media .cart_total{padding: 30px 44px;} .add_to_cart.top{top: -300px;} .add_to_cart.top.open-side{top: 0;} .add_to_cart.bottom{bottom: -300px;} .add_to_cart.bottom.open-side{bottom: 0;} .cart_qty_cls{position: absolute; background: var(--theme-color); width: 20px; height: 20px; color: #ffffff; border-radius: 20px; text-align: center; font-size: 12px; font-weight: 600; top: 28%; right: -8px; line-height: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .cart_qty_cls span{line-height: 1;} .addcart_btm_popup{position: fixed; right: 0; width: 40px; height: 38px; color: #000000; -webkit-transition: all ease-in 0.3s; transition: all ease-in 0.3s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 22px; text-decoration: none; background-color: #f7f7f7; top: calc(50% - 170px); border-radius: 5px; border-top-right-radius: 0; border-bottom-right-radius: 0; -webkit-box-shadow: 0px 0px 5px 0px rgba(154, 154, 154, 0.54); box-shadow: 0px 0px 5px 0px rgba(154, 154, 154, 0.54);} .addcart_btm_popup .fixed_cart{position: relative; z-index: 99; display: block; float: right; font-size: 18px; text-decoration: none; padding-left: 8px; white-space: nowrap;} .addcart_btm_popup .fixed_cart i{color: black;} .addcart_btm_popup .fixed_cart .cart_qty_cls{font-weight: 400;} .category-block .category-image{margin: 0 auto; text-align: center; border: 1px solid #ddd; border-radius: 100%; width: 80px; height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: 0.5s ease; transition: 0.5s ease;} .category-block .category-image .icon{width: 40px;} .category-block .category-image .furniture-icon{width: unset;} .category-block .category-image.svg-image{background-color: #fff;} .category-block .category-image.svg-image svg{width: 50px; fill: var(--theme-color);} .category-block .category-details{margin-top: 15px; text-align: center;} .category-block .category-details h5{font-weight: 700; margin: 0 auto; -webkit-transition: 0.5s ease; transition: 0.5s ease; text-transform: uppercase; font-size: calc(13px + (16 - 13) * ((100vw - 320px) / (1920 - 320)));} .category-block .category-details h6{margin-bottom: -6px; margin-top: -4px;} .category-block:hover .category-image{background-color: var(--theme-color); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .category-block:hover .category-image img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .category-block:hover .category-image svg{fill: #fff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .category-block:hover .category-details h5{color: var(--theme-color); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .category-nft{padding-bottom: 12px;} .category-nft a{border: 1px solid #eee; display: block; width: -webkit-max-content; width: -moz-max-content; width: max-content; padding: calc(8px + (12 - 8) * ((100vw - 320px) / (1920 - 320))); border-radius: 10px; margin: 0 auto; -webkit-box-shadow: 5px 5px 8px 1px #dfdfdf; box-shadow: 5px 5px 8px 1px #dfdfdf;} .category-nft .category-image{margin: 0 auto; text-align: center; border: 1px solid #ddd; border-radius: 100%; width: 110px; height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: 0.5s ease; transition: 0.5s ease; border-radius: 9px; overflow: hidden;} .category-nft .category-image img{-o-object-fit: cover; object-fit: cover; width: 100%; height: 100%;} .category-nft .category-details{margin-top: 3px; text-align: center;} .category-nft .category-details h5{font-weight: 700; margin: 0 auto; -webkit-transition: 0.5s ease; transition: 0.5s ease; text-transform: uppercase; font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));} .category-nft .category-details h6{margin-bottom: -6px; margin-top: -4px;} .category-nft:hover .category-details h5{color: var(--theme-color); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .category-border{background-color: #f1f5f4; padding: 20px 10px;} .category-border .border-padding{padding: 0 10px;} .category-border div .category-banner{padding: 0; position: relative; overflow: hidden;} .category-border div .category-banner img, .category-border div .category-banner .bg-size{-webkit-transform: scale(1); transform: scale(1); -webkit-transition: 0.5s ease; transition: 0.5s ease;} .category-border div .category-banner:hover img, .category-border div .category-banner:hover .bg-size{-webkit-transform: scale(1.1) translateX(14px); transform: scale(1.1) translateX(14px); -webkit-transition: 0.5s ease; transition: 0.5s ease;} .category-border div .category-banner:hover h2{color: var(--theme-color); -webkit-transition: 0.5s ease; transition: 0.5s ease;} .category-border div .category-banner .category-box{position: absolute; width: 100%; height: 100%; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .category-border div .category-banner .category-box h2{background-color: #fff; display: inline-block; padding: 20px 35px; margin-bottom: 0; -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4); -webkit-transition: 0.5s ease; transition: 0.5s ease;} .category-border.category-border-2 div .category-banner .category-box h2{font-size: 26px; padding: 16px 17px; text-transform: capitalize;} .category-bg-section .category-border-2:nth-child(2){padding-top: 0;} .category-bg{padding: 40px 50px; position: relative; z-index: 1;} .category-bg .image-block img{width: 100%;} .category-bg .image-block.even:after{bottom: 94%;} .category-bg .image-block:after{content: ""; position: absolute; background-color: var(--theme-color); height: 0; width: 40px; z-index: 1; right: 0; left: 0; margin: 0 auto; opacity: 0; -webkit-transition: 0.5s ease; transition: 0.5s ease; margin-top: -40px;} .category-bg .image-block:hover:after{opacity: 0.3; -webkit-transition: 0.5s ease; transition: 0.5s ease; height: 80px;} .category-bg .contain-block{display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; background-color: #fff;} .category-bg .contain-block.even:after{top: 94%;} .category-bg .contain-block:after{content: ""; position: absolute; background-color: var(--theme-color); height: 0; width: 40px; z-index: 1; right: 0; left: 0; margin: 0 auto; opacity: 0; -webkit-transition: 0.5s ease; transition: 0.5s ease; bottom: 94%;} .category-bg .contain-block:hover h2{color: var(--theme-color); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .category-bg .contain-block:hover h6 span{color: var(--theme-color); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .category-bg .contain-block:hover .category-btn{background-image: linear-gradient(30deg, #222 50%, transparent 50%); border: 2px solid #222; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .category-bg .contain-block:hover:after{opacity: 0.3; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; height: 80px;} .category-bg .contain-block h2{margin-bottom: 0; margin-top: 15px; -webkit-transition: 0.5s ease; transition: 0.5s ease; color: #222;} .category-bg .contain-block h6{color: var(--theme-color); text-transform: uppercase; letter-spacing: 0.3em; line-height: 1; margin-bottom: 0;} .category-bg .contain-block h6 span{color: #7f786d; letter-spacing: 0.03em; font-weight: 700; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .category-bg .contain-block .category-btn{letter-spacing: 0.07em; margin-bottom: 25px; margin-top: 25px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .category-bg:after{position: absolute; content: ""; left: 0; top: 0; background-color: var(--theme-color); opacity: 0.3; width: 100%; height: 100%; z-index: -1;} .category-m .slick-list{margin: 0 -10px;} .category-m .slick-slide > div{margin: 0 10px;} .category-m .category-wrapper{border: 1px solid #eee; margin: 0 auto; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 40px; padding-bottom: 40px; position: relative;} .category-m .category-wrapper > div:after, .category-m .category-wrapper > div:before{content: ""; width: 1px; height: 0; position: absolute; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; background: var(--theme-color); -webkit-transition-delay: 0s; transition-delay: 0s;} .category-m .category-wrapper > div:before{left: 0; top: 0;} .category-m .category-wrapper > div:after{right: 0; bottom: 0;} .category-m .category-wrapper .bg-size{max-width: 100px; margin: 0 auto;} .category-m .category-wrapper:after, .category-m .category-wrapper:before{content: ""; width: 0; height: 1px; position: absolute; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; background: var(--theme-color);} .category-m .category-wrapper:before{right: 0; top: 0;} .category-m .category-wrapper:after{left: 0; bottom: 0;} .category-m .category-wrapper:hover{-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .category-m .category-wrapper:hover:after, .category-m .category-wrapper:hover:before{-webkit-transition-delay: 0s; transition-delay: 0s; width: 100%;} .category-m .category-wrapper:hover > div:after, .category-m .category-wrapper:hover > div:before{-webkit-transition-delay: 0.2s; transition-delay: 0.2s; height: 100%;} .category-m .category-wrapper img{display: inline;} .category-m .category-wrapper h4{text-transform: uppercase; color: #2d2a25; font-weight: 700; margin-bottom: 0; padding-bottom: 25px; padding-top: 25px;} .category-m .category-wrapper .btn{margin-top: 20px;} .category-m .category-wrapper .category-link li{display: block; text-transform: capitalize; margin-top: 5px;} .category-m .category-wrapper .category-link li:first-child{margin-top: 0;} .category-m .category-wrapper .category-link li a{color: #948e8c;} .category-m .category-wrapper .category-link li a:hover{color: var(--theme-color);} .category-m.w-bg .category-wrapper{background-color: #fff; border-color: transparent; padding-bottom: 20px;} .category-m.w-bg .category-wrapper h4{padding-top: 0;} .category-m.w-bg .category-wrapper .bg-size{margin: 20px auto 0;} .category-m.w-bg .category-wrapper img{max-width: 140px; margin: 10px auto 0;} .background{background-color: #f1f5f4; padding: 20px 10px; margin: 0;} .background .contain-bg{width: 100%; background-color: #fff; padding-top: 45px; padding-bottom: 45px; text-align: center; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: relative; z-index: 1;} .background .contain-bg:after{position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--theme-color); opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .background .contain-bg h4{color: #222; text-transform: uppercase; font-weight: 700; margin-bottom: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .background .contain-bg:hover:after{opacity: 0.07; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .background .contain-bg:hover h4{color: var(--theme-color); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .category-bake{margin-top: -40px;} .category-bake .category-box{padding: 30px 0; background-color: #fff; text-align: center; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);} .category-bake .category-box h3{color: #000; text-transform: capitalize; font-weight: 600;} .category-bake .category-box img{width: 25%; margin-bottom: 12px;} .img-category{text-align: center;} .img-category .img-sec{border-radius: 100%; margin: 0 auto; width: 85%; border: 3px solid #fff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .img-category h4{text-transform: capitalize; margin-top: 12px; color: #000; font-weight: 600; display: inline-block; position: relative; z-index: 1;} .img-category .pattern-bg{background-image: url("../images/vector-pattern/1.jpg"); border-radius: 100%; width: 90%; margin: 0 auto; position: relative; z-index: 1; background-position: 0 0; background-repeat: repeat-y; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .img-category .pattern-bg .img-sec{width: 100%; border: none !important;} .img-category .pattern-bg.bg2{background-image: url("../images/vector-pattern/2.jpg");} .img-category .pattern-bg.bg3{background-image: url("../images/vector-pattern/3.jpg");} .img-category .pattern-bg.bg4{background-image: url("../images/vector-pattern/4.jpg");} .img-category .pattern-bg.bg5{background-image: url("../images/vector-pattern/5.jpg");} .img-category .pattern-bg.bg6{background-image: url("../images/vector-pattern/6.jpg");} .img-category:hover .img-sec, .img-category.hover-effect .img-sec{border: 3px solid var(--theme-color); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .img-category:hover .pattern-bg, .img-category.hover-effect .pattern-bg{-webkit-animation: 15s linear 0s infinite normal none running animatedBackground2; animation: 15s linear 0s infinite normal none running animatedBackground2; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .deal-category{position: relative;} .deal-category .deal-content{position: absolute; left: 50%; top: 50%; width: calc(100% - 30px); height: calc(100% - 30px); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #fff; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .deal-category .deal-content h2{text-transform: capitalize;} .gradient-category{text-align: center; margin-top: 18px;} .gradient-category .gradient-border{background: #654ea3; background: -webkit-gradient(linear, left top, right top, from(var(--theme-color)), to(var(--theme-color2))); background: linear-gradient(to right, var(--theme-color), var(--theme-color2)); padding: 3px; width: 100%; height: 220px; position: relative; z-index: 1; -webkit-transform: scale(0.94); transform: scale(0.94);} .gradient-category .gradient-border .img-sec{background-color: #efefef; width: calc(100% - 1px); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; height: 100%; position: relative; z-index: 1;} .gradient-category .gradient-border .img-sec:after{content: ""; background-image: url("../images/wave-bg.jpg"); background-position: 0 0; background-repeat: repeat-y; width: 100%; height: 100%; -webkit-animation: animatedBackground2 15s linear infinite; animation: animatedBackground2 15s linear infinite; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: absolute; left: 0; opacity: 0; top: 0; z-index: -1;} .gradient-category .gradient-border .img-sec img{position: absolute; left: 0; bottom: 0; z-index: 1;} .gradient-category h4{text-transform: capitalize; margin-top: 12px; color: #000; font-weight: 600; display: inline-block; position: relative; z-index: 1; margin-bottom: 0;} .gradient-category:hover .gradient-border .img-sec:after, .gradient-category.hover-effect .gradient-border .img-sec:after{opacity: 1; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} @-webkit-keyframes animatedBackground2{from{background-position: 100% 0;} to{background-position: 0 100%;}} @keyframes animatedBackground2{from{background-position: 100% 0;} to{background-position: 0 100%;}} .category-slide{margin-bottom: -10px;} .category-slide .img-category h4{font-size: 14px;} .category-slide .img-category .img-sec{width: 65%;} .vector-category{padding-top: 0; margin-top: -70px;} .vector-category .container{background-color: #fff; position: relative; padding-top: 30px; -webkit-box-shadow: 0 0 8px #ddd; box-shadow: 0 0 8px #ddd; padding-bottom: 30px;} .vector-category .margin-default > div{margin-bottom: 0;} .vector-category .category-slide .slick-prev:before{content: "\f104";} .vector-category .category-slide .slick-next:before{content: "\f105";} .vector-category .category-slide .slick-prev, .vector-category .category-slide .slick-next{z-index: 1; background: #fff; padding: 0px 8px 2px 10px; height: auto; width: auto; line-height: 1; -webkit-box-shadow: 0 0 8px #ddd; box-shadow: 0 0 8px #ddd;} .vector-category .category-slide .slick-prev:before, .vector-category .category-slide .slick-next:before{color: black; font: normal normal normal 28px/1 FontAwesome;} .vector-category .category-slide .img-category .img-sec{width: 108px; height: 108px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #f8f8f8; border-radius: 0;} .vector-category .category-slide .img-category .img-sec img, .vector-category .category-slide .img-category .img-sec svg{width: 60px;} .vector-category.vector-style-2{padding-top: 30px; margin-top: 0; -webkit-box-shadow: 0 0 8px #ddd; box-shadow: 0 0 8px #ddd; padding-bottom: 40px;} .vector-category.vector-style-2 .container{padding: 0; -webkit-box-shadow: none; box-shadow: none;} .vector-category.vector-style-2 .category-slide .img-category{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .vector-category.vector-style-2 .category-slide .img-category h4{margin: 0; color: #565656; font-weight: 500; font-size: 16px;} .vector-category.vector-style-2 .category-slide .img-category .img-sec{width: 58px; height: 58px; margin-right: 22px; margin-left: 0;} .vector-category.vector-style-2 .category-slide .img-category .img-sec img{width: 35px;} .category-img-wrapper .category-wrap .category-content{text-align: center; padding-top: 14px;} .category-img-wrapper .category-wrap .category-content .bg-size, .category-img-wrapper .category-wrap .category-content img{-webkit-filter: none; filter: none; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .category-img-wrapper .category-wrap .category-content h3{font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320))); color: #000; text-transform: capitalize; font-weight: 700; margin-bottom: calc(0px + (4 - 0) * ((100vw - 320px) / (1920 - 320)));} .category-img-wrapper .category-wrap .category-content a{color: #909090; font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));} .category-img-wrapper .category-wrap .category-content.top-content{padding-top: 0; padding-bottom: 14px;} .category-img-wrapper .category-wrap:hover .bg-size, .category-img-wrapper .category-wrap:hover img{-webkit-filter: saturate(0.3); filter: saturate(0.3); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .category-style-1 .category-block .category-image{width: 85%; height: auto; border: none; border-radius: 0; position: relative; z-index: 1;} .category-style-1 .category-block .category-image:after{content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 38px; background-color: var(--theme-color); opacity: 0.2; z-index: -1;} .category-style-1 .category-block:hover .category-image{background-color: transparent;} .category-style-1 .category-block:hover .category-image img{-webkit-filter: none; filter: none;} .button-dark.category-button .btn{border: 2px solid #232323; background-color: #232323; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .button-dark.category-button .btn:before{display: none;} .button-dark.category-button .btn img{-webkit-filter: invert(1); filter: invert(1); width: 35px; margin-right: 14px;} .button-dark.category-button .btn:hover{background-color: #232323; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .category-rounded .category-block .category-details h5{padding: 2px 14px; display: inline-block; background-color: var(--theme-color); border-radius: 15px; color: #fff;} .category-rounded .category-block .category-image.svg-image{border-radius: 10px;} .category-width .category-block .category-image img{width: 40px;} .vegetables-category .slick-list{padding-bottom: 3px;} .vegetables-category .category-boxes{text-align: center; width: 100%; margin: 0 auto; background-color: #f8f8f8; padding: 18px; border-radius: 0;} .vegetables-category .category-boxes .img-sec{width: 52%; margin: 0 auto 12px;} .vegetables-category .category-boxes h4{margin-bottom: 0; color: #222;} .cookie-bar{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: fixed; bottom: -100px; left: 0; width: 100%; background-color: #2d2a25; padding: 10px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 9;} .cookie-bar p{margin-bottom: 0; color: #fff;} .cookie-bar .btn{margin-left: 20px;} .cookie-bar.show{bottom: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .cookie-bar.left-bottom{width: 270px; display: block; text-align: center; left: 30px; padding: 35px 25px; -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.12), 0 15px 12px rgba(0, 0, 0, 0.13); box-shadow: 0 19px 38px rgba(0, 0, 0, 0.12), 0 15px 12px rgba(0, 0, 0, 0.13); background-color: #fff; bottom: 20px; display: none; -webkit-animation: fadeInUp 1s; animation: fadeInUp 1s;} .cookie-bar.left-bottom img{width: 70px; margin-bottom: 10px;} .cookie-bar.left-bottom p{margin-bottom: 14px; color: #777; line-height: 20px;} .cookie-bar.left-bottom .btn{margin-left: 5px; margin-right: 5px;} .cookie-bar.left-bottom .btn-close{position: absolute; right: 13px; top: 7px;} .cookie-bar.left-bottom .btn-close i{color: #777;} .cookie-bar.left-bottom.show{display: block;} .cookie-bar.left-bottom.subscribe-box{width: 420px;} .cookie-bar.right{left: unset; right: 30px;} .nft-collection-section{background-color: #1b1c21; overflow: hidden; padding: calc(40px + (110 - 40) * ((100vw - 320px) / (1920 - 320))) 0;} .nft-collection-section .title2 .title-inner2{color: #fff;} .nft-collection-section .nft-collection-box{border-radius: 15px; background-color: #262935; padding: 10px; position: relative;} [dir="rtl"] .nft-collection-section .nft-collection-box{direction: rtl;} .nft-collection-section .nft-collection-box .collection-header{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 15px; margin-bottom: 6px;} .nft-collection-section .nft-collection-box .collection-header img{width: 50px; height: 50px; border-radius: 100%;} .nft-collection-section .nft-collection-box .collection-header h4{margin-bottom: 2px; color: #fff;} .nft-collection-section .nft-collection-box .collection-header h5{margin-bottom: 0; color: rgba(255, 255, 255, 0.8);} .nft-collection-section .nft-collection-box .collection-header .wishlist-icon{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; position: absolute; right: 30px; top: 12px; color: #fff;} .nft-collection-section .nft-collection-box .collection-header .wishlist-icon svg{width: 20px; color: #fff;} .nft-collection-section .nft-collection-box .collection-img img{height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 15px;} .nft-collection-section .nft-collection-box .collection-img .custom-grid{display: grid; gap: 0; padding: 0; grid-template-columns: 50% 50%;} .nft-collection-section .nft-collection-box .collection-img .custom-grid > div{padding: 5px;} .nft-collection-section .nft-collection-box .collection-img .custom-grid > div .collection-bg-img{border-radius: 10px;} .nft-collection-section .nft-collection-box .collection-img .custom-grid > div:first-child{grid-column: 1 / 2; grid-row: 1 / 3;} .nft-collection-section .nft-collection-box .collection-img .custom-grid > div:first-child .collection-bg-img{height: 100%;} @media (max-width: 767px){.nft-collection-section .nft-collection-box .custom-grid > div:first-child{grid-column: 1 / 4;} .nft-collection-section .nft-collection-box .custom-grid > div:nth-child(3), .nft-collection-section .nft-collection-box .custom-grid > div:nth-child(5){grid-column: 2 / 4;}} .full-scroll-menu{position: fixed; width: 100%; top: 0; left: 0; z-index: 9; background-color: transparent;} .full-scroll-menu .container-fluid{padding-left: 60px; padding-right: 60px;} .full-scroll-footer{position: fixed; bottom: 0; left: 0; width: 100%;} .full-scroll-footer .sub-footer{background-color: transparent;} .full-scroll-footer .sub-footer .container-fluid{padding-left: 60px; padding-right: 60px;} .home-slider.fullpage .home{height: calc(100vh - 2px);} .home-slider.fullpage .home .slider-contain{height: calc(100vh - 2px); padding-left: 25px;} .home-slider.fullpage .home .slider-contain h1{font-style: italic; font-size: 50px; margin-top: -12px;} .home-slider.fullpage .home .slider-contain p{max-width: 600px; line-height: 1.5; margin-top: 15px; margin-bottom: 10px; font-size: 16px; color: #777777;} .home-slider.fullpage .slick-next, .home-slider.fullpage .slick-prev{display: none !important;} .home-slider.fullpage:hover .slick-next, .home-slider.fullpage:hover .slick-prev{display: none !important;} .home-slider.fullpage .slick-dots{top: 50%; bottom: unset; width: unset; left: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%);} .home-slider.fullpage .slick-dots li{display: -webkit-box; display: -ms-flexbox; display: flex;} .home-slider.fullpage .slick-dots li button:before{font-size: 15px; color: var(--theme-color); opacity: 0.2;} .home-slider.fullpage .slick-dots li.slick-active button:before{opacity: 0.8;} .home-slider.instagram-slider .home{height: 50vh;} .home-slider.instagram-slider .home .slider-contain{height: 50vh;} .home-slider.slick-dotted.slick-slider{margin-bottom: 0;} .video-layout{height: calc(100vh - 5px); width: 100vw; -o-object-fit: fill; object-fit: fill;} .white-bg{background-color: #fff !important;} .box-layout-body{background-color: #f9f9f9;} .box-layout-body .box-layout-header{background-color: #fff;} .box-layout-body .box-layout{margin-top: -70px; margin-bottom: 5px; -webkit-box-shadow: 0 0 8px 0 #ddd; box-shadow: 0 0 8px 0 #ddd; position: relative; background-color: #fff;} .box-layout-body .box-layout .full-banner{margin-left: -15px; margin-right: -15px; padding-top: calc(100px + (200 - 100) * ((100vw - 320px) / (1920 - 320))); padding-bottom: calc(100px + (200 - 100) * ((100vw - 320px) / (1920 - 320)));} .box-layout-body .box-layout.bg-image{background-image: url("../images/bg-image.jpg");} .beauty-about .about-text p{text-align: left;} .beauty-about.border-about .border-cls{position: relative;} .beauty-about.border-about .border-cls:after{position: absolute; content: ""; width: 90%; height: 95%; left: -10px; top: -20px; border: 10px solid var(--theme-color); z-index: -1;} .beauty-about.border-about .service-block1 svg{margin-bottom: 6px;} .beauty-about.border-about .service-block1:after{content: ""; position: absolute; width: 40px; height: 40px; right: 30%; top: 0; background-color: var(--theme-color); z-index: -1; opacity: 0.18;} .beauty-about.border-about .about-section .small-section{padding-top: 0;} .about-section{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%;} .about-section .small-section{padding-top: 20px;} .about-section .service .service-block1 img{margin-bottom: 10px;} .about-section .service .service-block1 h5{text-transform: capitalize; font-weight: 700; margin-bottom: 0;} .video-modal .modal-body{padding: 0;} .video-modal iframe{height: 500px; width: 100%; vertical-align: middle; border: none;} .video-section .video-img{position: relative; overflow: hidden;} .video-section .video-img img{-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: scale(1); transform: scale(1);} .video-section .video-img .play-btn{position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .video-section .video-img .play-btn span{height: 60px; width: 60px; border-radius: 100%; background-color: var(--theme-color); text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex;} .video-section .video-img .play-btn i{font-size: 35px; padding-left: 5px; color: #fff;} .video-section .video-img:hover img{-webkit-transform: scale(1.03); transform: scale(1.03); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .flower-bg{background-image: url("../images/flower/full-banner/2.jpg"); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; height: 100%; width: 100%;} .bg-block{background-image: url("../images/flower/full-banner/2.jpg"); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; height: 100%; width: 100%; padding: 70px 50px 60px 50px;} .bg-block .title4 .line{margin-bottom: 25px;} .bg-block .theme-tab .tab-title{margin-bottom: 30px;} .layout-20{background-image: url("../images/nursery/bg.jpg"); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; padding: 50px;} .game-back{background-image: url("https://i.pinimg.com/originals/e0/80/08/e08008c19c8e9e1b0074baf36d699407.jpg"); background-blend-mode: overlay; background-color: rgba(0, 0, 0, 0.6);} .game-back .pixelstrap.sm-horizontal > li > a{color: #fff;} .game-back .pixelstrap.sm-horizontal > li > a:hover, .game-back .pixelstrap.sm-horizontal > li > a.active{color: #fff;} .game-back .onhover-div img{-webkit-filter: brightness(100); filter: brightness(100);} .game-back .main-menu.border-section{border-bottom: none;} .game-back .main-menu .menu-left .navbar i{color: #fff;} .main-banner-bg{background: url("../images/main-banner-bg.jpg"); padding: 45px 0;} .main-banner-bg .small-slider{border: 20px solid #fff;} .main-banner-bg .small-slider .home-slider .home .slider-contain{-webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;} .main-banner-bg .small-slider .home-slider .home .slider-contain h1, .main-banner-bg .small-slider .home-slider .home .slider-contain h4{color: #fff;} .main-banner-bg .small-slider .home-slider .home .slider-contain > div{margin-bottom: 30px;} .game-banner .banner-timer{background-image: url(../images/banner-game.jpg); background-blend-mode: overlay; background-color: rgba(0, 0, 0, 0.4); margin-left: 0; margin-right: 0;} .game-banner .banner-timer .banner-text h2{color: #fff;} .game-banner .timer{background-color: rgba(45, 42, 37, 0.4) !important;} .game-banner .timer span{color: #fff;} .game-slider .theme-card .offer-slider img{height: 220px;} .bg-footer{background: url("../images/game/footer.jpg"); background-position: bottom;} .bg-footer .light-layout{background-color: transparent;} .game-parallax .full-banner.parallax{background-blend-mode: overlay; background-color: rgba(0, 0, 0, 0.6);} .game-parallax .full-banner .banner-contain h3, .game-parallax .full-banner .banner-contain h4{color: #fff;} .effect-cls{position: relative;} .effect-cls:after{content: ""; position: absolute; background: url(../images/game/top.png); top: -1px; left: 0; width: 100%; height: 85px; z-index: 1; background-repeat: no-repeat;} .effect-cls:before{content: ""; position: absolute; background: url("../images/game/back.png"); bottom: -12px; width: 100%; height: 110px; z-index: 1;} .effect-cls.footer-effect:before{display: none;} .gym-parallax .title1 h2{color: #fff;} .gym-parallax .product-para p{color: #fff;} .gym-parallax .instagram-box .overlay{background: -webkit-gradient(linear, left top, left bottom, from(var(--theme-color)), color-stop(99%, var(--theme-color2))); background: linear-gradient(-180deg, var(--theme-color) 0%, var(--theme-color2) 99%);} .gym-product{text-align: center;} .gym-product .product-box{background-color: #fff; padding: 15px; -webkit-box-shadow: 0 0 8px 0 #ddd; box-shadow: 0 0 8px 0 #ddd; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .gym-product .product-box .img-wrapper{position: unset;} .gym-product .product-box .img-wrapper .cart-info{width: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; left: 0; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; bottom: 0; top: 0;} .gym-product .product-box .img-wrapper .cart-info i{background: -webkit-gradient(linear, left top, left bottom, from(var(--theme-color)), color-stop(99%, var(--theme-color2))); background: linear-gradient(180deg, var(--theme-color) 0%, var(--theme-color2) 99%); color: rgba(255, 255, 255, 0.6); border-radius: 100%; margin: 0 5px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .gym-product .product-box .img-wrapper .cart-info button:hover i, .gym-product .product-box .img-wrapper .cart-info a:hover i{color: #fff;} .gym-product .product-box .product-detail h6{color: #777;} .gym-product .product-box .product-detail h4{color: #222 !important;} .gym-product .product-box:hover{-webkit-transform: scale(1.02); transform: scale(1.02); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .gym-product .product-box:hover .img-wrapper .cart-info{opacity: 1; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .gym-product .product-box:hover .img-wrapper .cart-info button{-webkit-animation: fadeInUp 300ms ease-in-out; animation: fadeInUp 300ms ease-in-out;} .gym-product .product-box:hover .img-wrapper .cart-info a:nth-child(2) i{-webkit-animation: fadeInUp 500ms ease-in-out; animation: fadeInUp 500ms ease-in-out;} .gym-product .product-box:hover .img-wrapper .cart-info a:nth-child(3) i{-webkit-animation: fadeInUp 700ms ease-in-out; animation: fadeInUp 700ms ease-in-out;} .gym-product .product-box:hover .img-wrapper .cart-info a:nth-child(4) i{-webkit-animation: fadeInUp 1000ms ease-in-out; animation: fadeInUp 1000ms ease-in-out;} .gym-product .partition-cls > div:nth-child(-n + 4){margin-bottom: 30px;} .gym-blog .blog-details{text-align: left; padding-left: 0;} .gym-blog .blog-details p{margin-bottom: 10px;} .gym-banner .collection-banner .contain-banner h4, .gym-banner .collection-banner .contain-banner h2{color: #fff;} .bg-img-gym.overlay-cls{background-blend-mode: overlay; background-color: rgba(0, 0, 0, 0.85);} .bg-img-gym .dark-layout{background-color: transparent;} .bg-img-gym .footer-theme2 p{color: #fff;} .bg-img-gym .footer-theme2 .contact-details li{color: #fff;} .bg-img-gym .footer-theme2 .contact-details li a{color: #fff;} .bg-img-gym .footer-theme2 .footer-link a, .bg-img-gym .footer-theme2 .footer-link-b a{color: #ebebeb;} .bg-img-gym .sub-footer.darker-subfooter{background-color: black;} .bg-img-gym .sub-footer.darker-subfooter p{color: #fff;} .jewel-footer .white-layout .footer-theme2 .footer-block .footer-container .footer-content .footer-logo img{height: 34px;} .jewel-footer .sub-footer.black-subfooter{background-color: #f1f5f4;} .home.bg-position{background-position: top;} .pets-box .product-box .img-wrapper .cart-info{position: absolute; padding: 10px; border: none; -webkit-transform: perspective(500px) rotateX(90deg); transform: perspective(500px) rotateX(90deg); bottom: 0; z-index: 1;} .pets-box .product-box .img-wrapper .cart-info:after{position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--theme-color); opacity: 0.3; z-index: -1;} .pets-box .product-box .img-wrapper .cart-info i{padding: 5px; margin: 0 3px; background-color: #fff;} .pets-box .product-box .img-wrapper .cart-info a{border-left: none;} .pets-box .product-box .product-detail{text-align: center; background-color: #fafafa;} .pets-box .product-box .product-detail .rating{margin-top: 0; padding-top: 15px;} .pets-box .product-box:hover{-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.08); box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);} .pets-box .product-box:hover .cart-info{-webkit-transform: perspective(500px) rotateX(0deg); transform: perspective(500px) rotateX(0deg);} footer.pet-layout-footer .white-layout{background-color: #f5f5f5;} footer.pet-layout-footer .white-layout .small-section .footer-theme2 .footer-link .footer-brand-logo a img{height: 34px;} footer.pet-layout-footer .footer-brand-logo{margin-bottom: 20px;} footer.pet-layout-footer .sub-footer.black-subfooter{background-color: var(--theme-color);} footer.pet-layout-footer .sub-footer p{padding: 15px 0; color: #fff;} footer.pet-layout-footer .social-white{display: block; margin-top: 40px; margin-bottom: 30px;} .form_search{height: 45px; overflow: hidden; position: relative; width: 700px; background-color: #f5f5f5; border-radius: 0; -webkit-box-shadow: 0 0 0 1px #e2e2e2; box-shadow: 0 0 0 1px #e2e2e2;} .form_search input{width: 100%; height: 45px; font-size: 16px; color: darkgrey; border: none; outline: none; background: none; padding: 0 10px;} .form_search button{position: absolute; top: 5px; right: 5px; width: 40px; height: 35px; padding: 0; border: none; outline: none; cursor: pointer; background-color: transparent; border-radius: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .form_search button i{font-size: 18px; color: var(--theme-color);} .blog.blog_box .blog-details{text-align: left; padding: 0;} .blog.blog_box .blog-details p{font-size: 14px; text-transform: none; color: #333; font-weight: 400; margin-bottom: 0; margin-top: 3px; line-height: 1.6;} .blog.blog_box .blog-details a p{color: #40494f; text-transform: capitalize; font-weight: 700; margin-bottom: 0; margin-top: calc(12px + (21 - 12) * ((100vw - 320px) / (1920 - 320))); font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));} .blog.blog_box .blog-details .read-cls{text-transform: capitalize; font-weight: 700; color: #000;} .tools-bg{background-color: #f5f5f5;} .tools-bg section{background-color: #f5f5f5;} .tools-bg .absolute-banner .absolute-bg{-webkit-box-shadow: none; box-shadow: none;} .tools-parallax.small-slider .home-slider .home .slider-contain h4, .tools-parallax.small-slider .home-slider .home .slider-contain h1{color: #fff;} .tools-parallax-product.full-banner{padding-top: 110px; padding-bottom: 110px;} .tools-parallax-product .tools-description h3{color: #fff; text-transform: uppercase; margin-top: -5px;} .tools-parallax-product .tools-description .tools-form .search-box{width: 75%; margin: 20px 0;} .tools-parallax-product .tools-description .tools-form .search-box select{text-transform: capitalize;} .tools-parallax-product .tools-description .tools-form .btn-find{width: 75%; padding: 7px 29px; background-size: 1000px;} .tools-parallax-product .tools-grey .slick-prev, .tools-parallax-product .tools-grey .slick-next{-webkit-transform: scale(1.5); transform: scale(1.5);} .tools_slider .home-slider .home .container{position: relative;} .tools_slider .home-slider .home .tools-parts{position: absolute; top: 0; right: 10%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 85vh; margin-top: 50px;} .tools_slider .home-slider .home .tools-parts1{position: absolute; top: 0; right: 20%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 85vh; margin-top: 50px;} .tools_slider .home-slider .slider-contain{margin-top: 70px; margin-left: 150px;} .tools_slider .home-slider .slider-contain h4, .tools_slider .home-slider .slider-contain h1{color: #fff;} .nft-home .home-slider .home{background-color: #151515;} .nft-home .home-slider .slider-img{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; width: 100%; padding-top: 70px;} .nft-home .home-slider .slider-img img{width: 50%; -webkit-animation: float 5s ease-in-out infinite; animation: float 5s ease-in-out infinite;} .nft-home .home-slider .slider-img img.sm-img{width: 41%; margin-right: -70px; -webkit-animation: float 6s ease-in-out infinite; animation: float 6s ease-in-out infinite;} @media (max-width: 991px){.nft-home .home-slider .slider-img img.sm-img{width: 50%; margin-right: -50px;}} @media (max-width: 767px){.nft-home .home-slider .slider-img img.sm-img{width: 66%;}} @media (max-width: 991px){.nft-home .home-slider .slider-img img{width: 60%;}} @media (max-width: 991px){.nft-home .home-slider .slider-img img{width: 70%;}} .nft-home .home-slider .slider-contain{padding-top: 70px;} [dir="rtl"] .nft-home .home-slider .slider-contain{text-align: right;} @media (max-width: 576px){.nft-home .home-slider .slider-contain{padding-top: 55px;}} .nft-home .home-slider .slider-contain p{line-height: 30px; font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320))); color: #777777;} .nft-home .home-slider .slider-contain h1{text-transform: capitalize; font-size: calc(20px + (56 - 20) * ((100vw - 320px) / (1920 - 320))); margin-top: 0; margin-bottom: 6px; color: #fff;} .nft-home .home-slider .slider-contain h3{margin-top: 14px; margin-bottom: 0; font-weight: 600; color: #777777;} .nft-home .home-slider .slider-contain h3 del{margin-left: 10px;} .nft-box{padding: 10px; border: 1px solid #eee; border-radius: 15px;} [dir="rtl"] .nft-box{direction: rtl;} .nft-box .nft-img{position: relative; border-radius: 10px; overflow: hidden;} .nft-box .nft-img .timer-sec{position: absolute; right: 40px; top: 8px; background-color: rgba(255, 255, 255, 0.7); border-radius: 26px; padding: 2px 10px;} [dir="rtl"] .nft-box .nft-img .timer-sec{left: 40px; right: unset;} .nft-box .nft-img a{position: absolute; right: 10px; top: 7px; width: 25px; color: #5c5c5c; height: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 100%; background-color: rgba(255, 255, 255, 0.7); border-radius: 100%; padding: 5px; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);} [dir="rtl"] .nft-box .nft-img a{right: unset; left: 10px;} .nft-box .nft-content .top-content{margin-top: 14px;} .nft-box .nft-content .top-content h4{font-weight: 600; color: #222; margin-bottom: 4px;} .nft-box .nft-content .top-content h5{color: #777777;} .nft-box .nft-content .bottom-content{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} .nft-box .nft-content .bottom-content span{color: #777777; display: block; margin-bottom: 3px;} .nft-box .nft-content .bottom-content .price{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 6px;} .nft-box .nft-content .bottom-content .price img{width: 18px;} .nft-box .nft-content .bottom-content .price h5{margin-bottom: 0;} .nft-feature-sec .step-bg h4{margin-bottom: 10px; color: #fff; font-size: 25px;} .nft-feature-sec .step-bg .step-box{position: relative; padding: 50px 35px 33px; -webkit-box-shadow: 0 15px 39px 0 rgba(8, 18, 109, 0.08); box-shadow: 0 15px 39px 0 rgba(8, 18, 109, 0.08); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background-color: #262935; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; border-radius: 25px;} .nft-feature-sec .step-bg .step-box .steps{position: relative; width: 80px; height: 80px; background: #1b1b1d; margin: 0 auto 25px auto; color: #fff; text-align: center; font-weight: 500; border-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: calc(28px + (40 - 28) * ((100vw - 320px) / (1920 - 320))); padding: 8px;} .nft-feature-sec .step-bg .step-box p{line-height: 1.5; margin-bottom: 0; color: rgba(255, 255, 255, 0.72); font-size: 16px;} .nft-top-collection .collection-panal .nft-collection{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: calc(10px + (16 - 10) * ((100vw - 320px) / (1920 - 320)));} [dir="rtl"] .nft-top-collection .collection-panal .nft-collection{direction: rtl;} .nft-top-collection .collection-panal .nft-collection + .nft-collection{padding-top: 15px; margin-top: 15px; border-top: 1px solid #eee;} .nft-top-collection .collection-panal .nft-collection .number{font-size: calc(13px + (22 - 13) * ((100vw - 320px) / (1920 - 320))); width: calc(15px + (25 - 15) * ((100vw - 320px) / (1920 - 320))); color: #5a5a5a;} .nft-top-collection .collection-panal .nft-collection .img-part img{width: calc(60px + (70 - 60) * ((100vw - 320px) / (1920 - 320))); height: calc(60px + (70 - 60) * ((100vw - 320px) / (1920 - 320))); border-radius: 7px; overflow: hidden; -o-object-fit: cover; object-fit: cover;} .nft-top-collection .collection-panal .nft-collection .content{width: calc(100% - 120px);} @media (max-width: 576px){.nft-top-collection .collection-panal .nft-collection .content{width: calc(100% - 100px);}} .nft-top-collection .collection-panal .nft-collection .content h5{font-weight: 600; font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320))); margin-bottom: calc(5px + (10 - 5) * ((100vw - 320px) / (1920 - 320))); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px;} .nft-top-collection .collection-panal .nft-collection .content h5 img{width: calc(16px + (19 - 16) * ((100vw - 320px) / (1920 - 320))); height: auto; margin-top: -3px;} .nft-top-collection .collection-panal .nft-collection .content h6{margin-bottom: 0; font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (1920 - 320))); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; line-height: calc(17px + (24 - 17) * ((100vw - 320px) / (1920 - 320)));} .nft-top-collection .collection-panal .nft-collection .content h6:nth-child(2){margin-top: -4px;} .category-tools .category-m .category-wrapper{background-color: #fff; border: none; -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05);} .category-tools .category-m .category-wrapper .bg-size{max-width: 100%;} .banner-tools{margin-top: 30px; border: 1px solid #ddd; overflow: hidden; display: block;} .banner-tools img{-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .banner-tools:hover img{-webkit-transform: scale(1.05); transform: scale(1.05); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .tools-brand .row{background-color: #fff; padding: 25px 0; margin: 0;} .service_slide{position: relative;} .service_slide .home-slider .home{background-blend-mode: overlay; background-color: rgba(0, 0, 0, 0.4);} .service_slide .home-slider .slider-contain{height: 60vh;} .service_slide .service-home{position: absolute; width: 100%; bottom: 0;} .service_slide .service-home .service-block1{background-color: rgba(255, 255, 255, 0.9); padding: 25px 0;} .service_slide .service-home .service-block1 h4{margin-bottom: 3px; margin-top: 3px; text-transform: capitalize;} .service_slide .service-home .service-block1 p{text-transform: capitalize;} .service_slide .service-home .service-block1 svg{margin-bottom: 5px; width: 50px; height: 50px;} .service_slide .service-home .service-block1:nth-child(even){background-color: rgba(255, 255, 255, 0.85);} .tab-left .theme-tab{display: -webkit-box; display: -ms-flexbox; display: flex;} .tab-left .theme-tab .left-side{width: 30%;} .tab-left .theme-tab .left-side .left-tab-title{margin-bottom: 38px;} .tab-left .theme-tab .left-side .left-tab-title h4{color: #dafe69; margin-top: -3px;} .tab-left .theme-tab .left-side .left-tab-title h3{color: #fff;} .tab-left .theme-tab .left-side .tab-title{margin-right: 100px; text-align: left;} .tab-left .theme-tab .left-side .tab-title a{text-transform: capitalize;} .tab-left .theme-tab .left-side li{width: 100%; padding: 7px 0; border-bottom: 1px solid #606060;} .tab-left .theme-tab .left-side li a{color: #fff;} .tab-left .theme-tab .left-side li:first-child{border-top: 1px solid #606060;} .tab-left .theme-tab .left-side li.current a{color: #dafe69;} .tab-left .theme-tab .tab-content-cls{width: 70%;} .product_section{background-image: url("../images/marijuana/leaf-bg.jpg");} .border-box.tools-grey .ribbon span{background-image: -webkit-gradient(linear, left top, right top, from(var(--theme-color)), to(var(--theme-color2))); background-image: linear-gradient(to right, var(--theme-color), var(--theme-color2));} .border-box.tools-grey .product-box{-webkit-box-shadow: none; box-shadow: none; border: 1px solid #ddd;} .border-box.tools-grey .product-box .cart-info a:hover{background-image: -webkit-gradient(linear, left top, right top, from(var(--theme-color)), to(var(--theme-color2))); background-image: linear-gradient(to right, var(--theme-color), var(--theme-color2));} .border-box.tools-grey .product-box .cart-info button:hover{background-image: -webkit-gradient(linear, left top, right top, from(var(--theme-color)), to(var(--theme-color2))); background-image: linear-gradient(to right, var(--theme-color), var(--theme-color2));} .border-box.tools-grey .product-box .quick-view-part{background-image: -webkit-gradient(linear, left top, right top, from(var(--theme-color)), to(var(--theme-color2))); background-image: linear-gradient(to right, var(--theme-color), var(--theme-color2));} .detail-cannabis .detail_section{text-align: center;} .detail-cannabis .detail_section > div{-webkit-box-shadow: -1px 2px 5px 1px #ececec; box-shadow: -1px 2px 5px 1px #ececec; padding: 45px 25px; background-color: #fff;} .detail-cannabis .detail_section p{margin-bottom: 0; line-height: 24px; letter-spacing: 0.05em;} .detail-cannabis .detail_section h4{font-weight: 700;} .detail-cannabis .detail_section svg{width: 50px; margin-bottom: 15px; fill: var(--theme-color);} .overflow-cls{overflow: visible !important;} .margin-add{margin-top: 60px;} .grey-bg{background-color: #f5f5f5;} .blog-section .blog-details h4{color: var(--theme-color); margin-top: 15px; line-height: 1; margin-bottom: 0;} .blog-section .blog-details p{color: #222; font-size: 14px; text-transform: uppercase; font-weight: 700; line-height: 1.2; letter-spacing: 0.03em; margin-top: 6px; margin-bottom: 6px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .blog-section .blog-details h6{line-height: 1; letter-spacing: 0.1em; margin-bottom: 0;} .blog-section .blog-wrap .blog-image{overflow: hidden;} .blog-section .blog-wrap .blog-image img{-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .blog-section .blog-wrap:hover .blog-details p{color: var(--theme-color); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .blog-section .blog-wrap:hover .blog-image img{-webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .blog-section .slick-slider .slick-list{margin: 0 -12px;} .blog-section .slick-slider .slick-list .slick-slide > div{margin: 0 12px; position: relative;} .blog-section .review-box{background-color: #fff; z-index: 1; text-align: center; padding: 30px; position: relative;} .blog-section .review-box:after{position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; border: 3px solid var(--theme-color); opacity: 0.5; z-index: -1;} .blog-section .review-box .santa-img{position: absolute; top: 0; right: -116px;} .blog-section .review-box .slick-prev{z-index: 1; top: unset; bottom: 0; left: -30px; right: 0; margin: 0 auto;} .blog-section .review-box .slick-prev:before{font: normal normal normal 900 14px/1 FontAwesome; content: "\f053"; color: #717171;} .blog-section .review-box .slick-prev:after{position: absolute; content: ""; height: 13px; width: 2px; background-color: #eee; left: 24px;} .blog-section .review-box .slick-next{top: unset; left: 30px; right: 0; margin: 0 auto; bottom: 0;} .blog-section .review-box .slick-next:before{font: normal normal normal 900 14px/1 FontAwesome; content: "\f054"; color: #717171;} .blog-section .review-box .slick-prev{left: -30px; right: 0; margin: 0 auto;} .blog-section .review-box .review-content .avtar{border: 1px solid #eee; padding: 5px; border-radius: 100%; display: inline-block; margin-top: 10px;} .blog-section .review-box .review-content .avtar img{border-radius: 100%; height: 60px; width: auto; margin: 0 auto; border: 1px solid #eee;} .blog-section .review-box .review-content h5{margin-bottom: 0; text-transform: uppercase; font-weight: 700; color: var(--theme-color); margin-top: 15px;} .blog-section .review-box .review-content h6{margin-bottom: 0; margin-top: 10px; text-transform: capitalize; color: #555; font-size: 16px;} .blog-section .review-box .review-content p{margin-top: 20px; margin-bottom: 80px; line-height: 24px;} .instagram{position: relative; margin-bottom: -1px;} .instagram .insta-decor{position: absolute; top: 0; right: 0;} .logo-section{position: relative;} .logo-section .logo-decor{position: absolute; bottom: 0; left: 0;} #preloader{position: fixed; left: 0px; top: 0px; z-index: 9999; width: 100vw; height: 100vh; overflow: hidden; background: #fff url("../images/christmas/loading.gif") no-repeat center center;} .bakery-banner .home-slider .slider-contain > div{background-color: #fff; padding: 50px 80px; position: relative; z-index: 1;} .bakery-banner .home-slider .slider-contain > div:after{content: ""; position: absolute; left: 50%; top: 50%; width: calc(100% + 40px); height: calc(100% + 40px); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: 4px solid var(--theme-color); opacity: 0.66; z-index: -1;} .animation-sec{position: relative; overflow: hidden;} .animation-sec .animated-icon .icon-1{width: 160px; position: absolute; top: 30px; left: -50px;} .animation-sec .animated-icon .icon-1 img{-webkit-transform: rotate(-76deg); transform: rotate(-76deg); opacity: 0.3;} .animation-sec .animated-icon .icon-2{width: 120px; position: absolute; bottom: 160px; right: -30px;} .animation-sec .animated-icon .icon-2 img{opacity: 0.3;} .animation-sec .animated-icon .icon-3{position: absolute; left: 32%; width: 100px; top: 90px;} .animation-sec .animated-icon .icon-3 img{-webkit-transform: rotate(-25deg); transform: rotate(-25deg); opacity: 0.2;} .custom-cake{background-blend-mode: overlay; background-color: rgba(255, 255, 255, 0.92); position: relative; z-index: 1;} .custom-cake .steps-media{-webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 50px;} .custom-cake .steps-media h5{font-weight: 600;} .custom-cake .steps-media img{width: 60px; margin-right: 20px;} .custom-cake .steps-media select{background: url(../images/dropdown.png) no-repeat 95%; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border: none; -webkit-box-shadow: 0 0 8px #e4e4e4; box-shadow: 0 0 8px #e4e4e4;} .custom-cake .customized-bottom{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;} .custom-cake .customized-bottom .form-control{border: none; -webkit-box-shadow: 0 0 8px #e4e4e4; box-shadow: 0 0 8px #e4e4e4;} .custom-cake .customized-bottom .form-group{margin-bottom: 0; margin-right: 20px; width: 42%;} .custom-cake .customized-bottom .form-group label{font-size: 16px; font-weight: 600; color: #222; line-height: 24px; letter-spacing: 0.05em;} .custom-cake .customized-bottom h5{font-size: 18px; color: #222; font-weight: 600; margin-right: 20px; margin-bottom: 12px;} .custom-cake:after{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left bottom, left top, from(#fafafa), color-stop(1%, rgba(250, 250, 250, 0.99)), to(rgba(125, 185, 232, 0))); background: linear-gradient(to top, #fafafa 0%, rgba(250, 250, 250, 0.99) 1%, rgba(125, 185, 232, 0) 100%); z-index: -1;} .bakery-card .offer-slider .row{margin-bottom: -30px;} .bakery-card .offer-slider .row > div{margin-bottom: 30px;} .bakery-card .offer-slider .media{background-color: #fff; padding: 20px; -webkit-box-shadow: 0 0 8px #f5f5f5; box-shadow: 0 0 8px #f5f5f5;} .bakery-card .offer-slider .media .lable{background-color: var(--theme-color); color: #fff; padding: 8px 6px; border-radius: 100%; text-transform: capitalize; position: absolute; left: 130px; top: 20px;} .chef-section .slick-list{margin-left: -12px; margin-right: -12px;} .chef-section .slick-list .slick-slide > div{margin-left: 12px; margin-right: 12px;} .chef-section .chef-box{-webkit-box-shadow: 0 0 8px #e7e7e7; box-shadow: 0 0 8px #e7e7e7; margin: 10px 0; background-color: #fff;} .chef-section .chef-box img{width: 70%; margin: 0 auto;} .chef-section .chef-box .chef-detail{text-align: center; padding: 17px 0; position: relative;} .chef-section .chef-box .chef-detail h3{text-transform: capitalize; color: var(--theme-color); margin-bottom: 4px; font-weight: 600; font-size: 22px;} .chef-section .chef-box .chef-detail h5{font-size: 18px; color: #adadad; margin-bottom: 0;} .chef-section .chef-box .chef-detail:after{content: ""; height: 3px; background-color: #e6e6e6; width: 100%; margin: 0 auto; position: absolute; background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0.02, white), color-stop(0.5, var(--theme-color)), color-stop(0.98, white)); left: 0; top: 0;} .chef-section .chef-box .chef-detail .social-icon{margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .chef-section .chef-box .chef-detail .social-icon ul{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .chef-section .chef-box .chef-detail .social-icon ul li{background-color: #f5f5f5; width: 30px; height: 30px; margin: 0 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .chef-section .chef-box .chef-detail .social-icon ul li i{font-size: 14px; color: #9f9f9f; -webkit-transition: 0.5s ease; transition: 0.5s ease;} .chef-section .chef-box .chef-detail .social-icon ul li:hover i{color: var(--theme-color); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .cycle-box-row{margin-bottom: -30px;} .cycle-box-row > div{margin-bottom: 30px;} .search-section{position: relative;} .search-section .absolute-bg{border-radius: 0;} .search-section h4{font-weight: 600;} .search-section .form-control{border-radius: 0; border: 1px solid #eee; padding: 10px 25px;} .search-section select.form-control{background: url(../images/dropdown.png) no-repeat 95%; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: auto !important; background-color: #fff;} .center-slider-bicycle .slick-list{margin-top: -5px; margin-bottom: -5px;} .center-slider-bicycle .slick-prev{left: 31%; z-index: 1; opacity: 0.6;} .center-slider-bicycle .slick-prev:before{font-size: 30px; color: var(--theme-color);} .center-slider-bicycle .slick-next{right: 31%; z-index: 1; opacity: 0.6;} .center-slider-bicycle .slick-next:before{font-size: 30px; color: var(--theme-color);} .center-slider-bicycle .slick-slide{-webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0.8; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .center-slider-bicycle .slick-slide.slick-center{opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .cycle-box{margin: 5px 0; padding: 25px; -webkit-box-shadow: 1px 0px 2px 2px rgba(194, 194, 194, 0.16); box-shadow: 1px 0px 2px 2px rgba(194, 194, 194, 0.16); border-radius: 15px; background-color: #fff; position: relative;} .cycle-box .product-detail h4{color: black; font-weight: 600;} .cycle-box .product-detail .details li{color: rgba(0, 0, 0, 0.63); font-size: 16px;} .cycle-box .product-detail .details li + li{margin-left: 12px;} .cycle-box .product-detail .add-wish{position: absolute; right: 22px; top: 22px; background-color: #f1f1f1; border-radius: 100%; width: 28px; height: 28px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .cycle-box .product-detail .add-wish a{line-height: 0;} .cycle-box .product-detail .add-wish a svg{width: 16px; height: 16px;} .cycle-box .bottom-detail{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 12px; padding-bottom: 6px;} .cycle-box .bottom-detail h4{margin-bottom: 0; color: #000000; font-weight: 600;} .cycle-box .bottom-detail .btn{margin-left: auto;} .cycle-box .bottom-detail .color-variant{margin-bottom: 10px;} .cycle-box .cart-detail{margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-top: 1px solid #ddd; padding-top: 12px; margin-bottom: -5px; font-size: 16px;} .cycle-box .cart-detail li{padding: 0 14px;} .cycle-box .cart-detail li a, .cycle-box .cart-detail li button{color: rgba(0, 0, 0, 0.5); text-transform: capitalize; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .cycle-box .cart-detail li svg{width: 14px; height: 14px; color: rgba(0, 0, 0, 0.5); margin-right: 6px;} .cycle-box .cart-detail li button{background-color: transparent; border: none; padding: 0;} .cycle-box .cart-detail li + li{border-left: 1px solid rgba(0, 0, 0, 0.2);} .cycle-box .img-wrapper{position: relative;} .cycle-box .img-wrapper:after{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.77); opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .cycle-box .img-wrapper .quick-view-part{position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: var(--theme-color); border-radius: 100%; width: 28px; height: 28px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 1; -webkit-box-shadow: 0px 1px 2px #a9a9a9; box-shadow: 0px 1px 2px #a9a9a9; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .cycle-box .img-wrapper .quick-view-part a{line-height: 0; color: #fff;} .cycle-box .img-wrapper .quick-view-part a svg{width: 16px; height: 16px;} .cycle-box .img-wrapper:hover:after{opacity: 1; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .cycle-box .img-wrapper:hover .quick-view-part{-webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .collection-banner.ratio_asos .bg-size:before{padding-top: 28%; content: ""; display: block;} .animated-wheel img{position: absolute; right: -8%; width: 290px; bottom: -20%; opacity: 0.14; -webkit-animation-name: spin; animation-name: spin; -webkit-animation-duration: 35s; animation-duration: 35s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear;} .center-object-banner .full-banner{position: relative;} .center-object-banner .full-banner.feature-banner h2{color: #222; margin-bottom: 120px;} .center-object-banner .full-banner.feature-banner .center-img{bottom: -22px;} .center-object-banner .full-banner.feature-banner .feature-object li .media h4, .center-object-banner .full-banner.feature-banner .feature-object li .media p, .center-object-banner .full-banner.feature-banner .feature-object-right li .media h4, .center-object-banner .full-banner.feature-banner .feature-object-right li .media p{color: #222;} .center-object-banner .full-banner.feature-banner .feature-object li .media img, .center-object-banner .full-banner.feature-banner .feature-object-right li .media img{background-color: #fff; width: 80px; padding: 10px;} .ratio_custom.ratio_landscape .bg-size{border-radius: 25px; margin-bottom: 25px;} .ratio_custom.ratio_landscape .bg-size:before{padding-top: 31.7%;} .radius-cls{border-radius: 25px; overflow: hidden;} .wine-img{position: absolute; right: 6%; bottom: -9%; z-index: 1;} .wine-process-sec .slick-list{margin: 0 -20px;} .wine-process-sec .slick-list .slick-slider > div{margin: 0 20px;} .wine-process-sec .process-section{position: relative; background-color: #fff; margin: 0 20px; padding: 30px;} .wine-process-sec .process-section img{margin: 0 auto; width: 58%;} .wine-process-sec .process-section .process-content{text-align: center; margin-top: 20px;} .wine-process-sec .process-section .process-content h3{text-transform: capitalize; color: var(--theme-color); font-weight: 600;} .wine-process-sec .process-section .process-content p{margin-bottom: 0; width: 80%; margin: 0 auto; line-height: 24px;} .wine-process-sec .process-section:after{content: ""; position: absolute; right: -50%; top: 0; width: 100%; height: 100%; display: block; background: url(../images/wine/process/arrow.png) no-repeat center center; z-index: 1;} .canvas-section{position: relative; overflow: hidden;} .canvasDesign{position: absolute; left: 0; top: 0;} .slider-contain-banner h1{font-size: 50px;} .slider-contain-banner p{font-size: 20px; line-height: 34px; margin-top: 20px; color: #000000;} .main-feature .key-feature{margin-top: -70px;} .main-feature .key-feature > div{margin-top: 70px;} .main-feature .key-feature .theme-collection .image-contain{background-color: rgba(249, 249, 249, 0.7); padding: 50px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .main-feature .key-feature .theme-collection .image-contain img{width: 50px;} .main-feature .key-feature .theme-collection .image-contain .set-image{text-align: center;} .main-feature .key-feature .theme-collection h5{margin-top: 20px; text-align: center; color: #555; text-transform: capitalize; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; padding-bottom: 0; margin-bottom: 0; line-height: 1; font-weight: 700;} .main-feature .key-feature .theme-collection:hover .image-contain{-webkit-box-shadow: 0px 0px 26px 3px #e2e2e2; box-shadow: 0px 0px 26px 3px #e2e2e2; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .main-feature .key-feature .theme-collection:hover h5{color: var(--theme-color); -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .specification-section{background-color: #fff; padding: 20px; height: 100%;} .specification-section h3{font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320))); text-transform: capitalize; color: black; font-weight: 700; margin-bottom: calc(7px + (15 - 7) * ((100vw - 320px) / (1920 - 320)));} .specification-section ul li{display: block; font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320))); line-height: 1.8;} .left-product-sec{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .left-product-sec img{width: 70%; margin: 0 auto;} .single-detail-section .rounded-25{border-radius: 25px;} .single-detail-section .slider-contain{height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .single-detail-section .slider-contain h1{font-size: calc(20px + (50 - 20) * ((100vw - 320px) / (1920 - 320)));} .single-detail-section .slider-contain p{font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320))); line-height: calc(30px + (34 - 30) * ((100vw - 320px) / (1920 - 320))); margin-bottom: 0; margin-top: calc(0px + (20 - 0) * ((100vw - 320px) / (1920 - 320)));} .slider [data-animation-in]{opacity: 0; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-transition: opacity 0.5s ease 0.3s; transition: opacity 0.5s ease 0.3s;} .offer-box{top: 50%; position: fixed; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; left: -415px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 9;} .offer-box img{margin-right: 18px;} .offer-box.toggle-cls{left: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .offer-box .heading-right h3{position: absolute; top: 50%; right: 0; width: 230px; height: 36px; line-height: 36px; letter-spacing: 4px; font-size: 18px; color: #fff; font-weight: 700; text-transform: uppercase; -webkit-transform: translate(50%, -50%) rotate(-90deg); transform: translate(50%, -50%) rotate(-90deg); text-align: center; background-color: var(--theme-color); margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer;} .offer-box .heading-right h3 i{line-height: 1; font-size: 20px; margin-left: 8px;} .offer-box.grey-color-box .heading-right h3{background-color: #a9a9a9;} .sale-box{top: 50%; position: fixed; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: -2px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 9;} .sale-box .heading-right h3{position: absolute; top: 50%; right: -20px; width: 230px; height: 36px; line-height: 36px; letter-spacing: 5px; font-size: 18px; color: #fff; font-weight: 700; text-transform: uppercase; -webkit-transform: translate(50%, -50%) rotate(-90deg); transform: translate(50%, -50%) rotate(-90deg); text-align: center; background-color: var(--theme-color); margin-bottom: 0; cursor: pointer;} .cart-error-toast .toast{width: calc(100% - 50px); left: 0 !important; background-color: #fc8f8f; color: black; font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (1920 - 320))); padding: calc(15px + (22 - 15) * ((100vw - 320px) / (1920 - 320))) calc(20px + (42 - 20) * ((100vw - 320px) / (1920 - 320))); margin: 0; left: 50% !important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} @media (max-width: 576px){.cart-error-toast .toast{left: 0 !important; width: 100vw; -webkit-transform: none; transform: none;}} .cart-error-toast .toast .error-icon{margin-right: calc(14px + (32 - 14) * ((100vw - 320px) / (1920 - 320))); width: calc(22px + (33 - 22) * ((100vw - 320px) / (1920 - 320))); height: calc(22px + (33 - 22) * ((100vw - 320px) / (1920 - 320)));} .cart-error-toast .toast .close-icon{width: 22px;} @media (max-width: 576px){.cart-error-toast .toast-content{margin-top: -4px;}} .top-panel-adv{background-image: url(../images/top-panel.jpg); padding: 14px;} .top-panel-adv .panel-left-content{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .top-panel-adv .col-6{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .top-panel-adv h4 span{color: var(--theme-color); font-size: 18px; font-weight: 900;} .top-panel-adv .delivery-area{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #2066641f; margin-left: 20px; padding: 5px 15px 8px; border: 1px dashed var(--theme-color); border-radius: 0;} .top-panel-adv .delivery-area h5{font-size: 12px; margin-bottom: 0px;} .top-panel-adv .delivery-area h4{font-size: 14px; margin-bottom: 0; font-weight: 700; color: var(--theme-color);} .top-panel-adv .close-btn{display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; margin-left: auto; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;} .top-panel-adv .close-btn svg{background-color: #fff; padding: 6px; width: 30px; height: 30px; color: var(--theme-color); border-radius: 0; -webkit-box-shadow: 0 0 4px #ddd; box-shadow: 0 0 4px #ddd;} .top-panel-adv.hide{display: none;} .shop-sidebar-demo{display: -webkit-box; display: -ms-flexbox; display: flex;} .shop-sidebar-demo .shop-sidebar{width: 320px; border-right: 1px solid #ddd; position: fixed; left: 0; top: 88px; background-color: #fff; height: calc(100vh - 88px); overflow: auto;} .shop-sidebar-demo .shop-sidebar .pixelstrap.sm-vertical a{font-size: 18px; font-weight: 500; text-transform: capitalize; padding: 18px 23px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .shop-sidebar-demo .shop-sidebar .pixelstrap.sm-vertical a img{height: 36px; width: 36px;} .shop-sidebar-demo .shop-sidebar .sm-vertical{padding: 15px;} .shop-sidebar-demo .shop-main{width: calc(100% - 320px); padding: 0 50px; margin-left: 320px; margin-top: 88px;} .shop-sidebar-demo .shop-main .small-slider .home{border-radius: 15px !important; overflow: hidden; background-position: right !important;} .shop-sidebar-demo .shop-main .small-slider .home .slider-contain{padding: calc(20px + (100 - 20) * ((100vw - 320px) / (1920 - 320))) 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .shop-sidebar-demo .shop-main .small-slider .home .slider-contain h2{font-size: calc(20px + (36 - 20) * ((100vw - 320px) / (1920 - 320)));} .shop-sidebar-demo .shop-main footer{margin: 0 -50px;} .shop-sidebar-demo .shop-main .slick-sm-margin .slick-list{margin-left: -12px; margin-right: -12px;} .shop-sidebar-demo .shop-main .slick-sm-margin .slick-slide > div{margin-left: 12px; margin-right: 12px;} .sidebar-shop-footer{margin-left: 320px;} .sidebar-shop-footer .container-fluid{padding: 0 50px;} .box-product .full-box .theme-card .offer-slider.video-slider{border: 1px solid #eee; background-color: #f8f8f8; padding: 8px;} .box-product .full-box .theme-card .offer-slider.video-slider .slider-product-box .media{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; padding-right: 0;} .box-product .full-box .theme-card .offer-slider.video-slider .slider-product-box .media img{padding: 0;} .deal-section .sidenav nav > .pixelstrap > li > a, .deal-section .sidenav nav > .pixelstrap > li > .has-submenu{-webkit-box-pack: unset; -ms-flex-pack: unset; justify-content: unset;} .deal-section .sidenav nav > .pixelstrap > li > a .sub-arrow, .deal-section .sidenav nav > .pixelstrap > li > .has-submenu .sub-arrow{margin-left: auto; margin-top: 0;} .deal-section .collection-banner:empty{display: none !important;} .deal-section .pixelstrap .clothing-menu a:hover, .deal-section .pixelstrap .full-mega-menu a:hover{padding: 5px 35px;} .deal-section .pixelstrap .link-section ul li a{margin: 0;} .deal-section .sidenav .pixelstrap li .clothing-menu li a:focus, .deal-section .sidenav .pixelstrap li .clothing-menu li a:hover{font-size: 15px;} .deal-section .sidenav .pixelstrap li .clothing-menu li a:empty{display: none !important;} footer{position: relative;} footer.dark-version .footer-theme2 .subscribe-block{border-color: #323232;} footer.dark-version .border-b{border-color: #323232;} footer.dark-version .dark-layout{background-color: transparent;} footer.dark-version .sub-footer.darker-subfooter{background-color: #17181c;} footer.dark-version .sub-footer.darker-subfooter p{color: #ddd;} footer.dark-version .footer-theme2 p{color: #ddd;} footer.dark-version .footer-theme2 .contact-details li{color: #ddd;} footer.dark-version .footer-theme2 .contact-details li a{color: #ddd;} footer.dark-version .footer-theme2 .footer-link a, footer.dark-version .footer-theme2 .footer-link-b a{color: #ddd;} footer .footer-theme .footer-mobile-title{display: none;} footer .darken-layout p{color: rgba(255, 255, 255, 0.9);} footer .darken-layout .sub-title .footer-title.active .according-menu{font: normal normal normal 14px/1 FontAwesome;} footer .darken-layout .sub-title .footer-title.active .according-menu.before{content: "\f068";} footer .darken-layout .sub-title h4{color: #fff;} footer .darken-layout .sub-title li a{color: rgba(255, 255, 255, 0.9);} footer .darken-layout .sub-title .contact-list i{color: rgba(255, 255, 255, 0.9);} footer .darken-layout .sub-title .contact-list li{color: rgba(255, 255, 255, 0.9);} footer .darken-layout .footer-social a:before{display: none;} footer .darken-layout .footer-social i{color: rgba(255, 255, 255, 0.9);} footer p{line-height: 1.6; letter-spacing: 0.03em; margin-bottom: 0; font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));} footer.footer-black .light-layout{background-color: hwb(200 14% 83%);} footer.footer-black .upside{background-color: transparent;} footer.footer-black .upside .small-section{background-color: rgba(255, 255, 255, 0.92); padding: 20px 30px; margin-bottom: -45px; z-index: 1; position: relative; background-color: #fff; -webkit-box-shadow: 0 0 8px #eee; box-shadow: 0 0 8px #eee;} footer.footer-black .upside .small-section .center-thing{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%;} footer.footer-black .upside .small-section .center-thing .subscribe h4{margin-bottom: 0; color: black;} footer.footer-black .upside .small-section .center-thing .black-btn{background-image: linear-gradient(30deg, #23292c 50%, transparent 50%); border: 2px solid #23292c;} footer.footer-black .below-section{padding-top: 115px;} footer.footer-black .sub-footer{background-color: #191e21;} footer.footer-black .sub-footer p{color: #a5a5a5;} footer.footer-black .footer-social i{color: #a5a5a5 !important;} footer.footer-black .footer-theme .sub-title i{color: #a5a5a5;} footer.footer-black .footer-theme .sub-title li{color: #a5a5a5;} footer.footer-black .footer-theme .sub-title li a{color: #a5a5a5;} footer.footer-black .footer-theme .sub-title h4{color: #fff;} footer.footer-black .footer-theme p{color: #a5a5a5;} footer.footer-black .subscribe h4, footer.footer-black .subscribe p{color: #000;} footer.footer-black .footer-social i{color: #777;} footer.footer-black.footer-light .subscribe{border-right: 1px solid #eee;} footer.footer-classic .upper-footer{background-color: var(--theme-color);} footer.footer-classic .upper-footer .small-section{padding: 35px 0;} footer.footer-classic.footer-light .subscribe{border-right: none;} footer.footer-classic.footer-light .subscribe h4{color: #fff;} footer.footer-classic.footer-light .subscribe p{color: #fff;} footer.footer-classic .sub-footer{background-color: #494949;} footer.footer-classic .sub-footer p{color: #fff; padding: 10px 0;} footer.footer_digital .white-bg{background-color: #fff;} footer.footer-christmas .light-layout{background: transparent;} footer.footer-christmas .light-layout .border-section{border-bottom: 1px solid #dedede33;} footer.footer-christmas .sub-footer{background-color: transparent;} footer.footer-christmas .sub-footer .border-top{border-top: 1px solid #dedede33 !important;} footer.footer-christmas p{color: #fff;} footer.footer-christmas .subscribe{text-align: left; border-right: 1px solid #dedede33 !important;} footer.footer-christmas .subscribe h4{color: #fff;} footer.footer-christmas .footer-theme .sub-title h4{color: #fff;} footer.footer-christmas .footer-theme .sub-title li{color: #fff;} footer.footer-christmas .footer-theme .sub-title li a{color: #fff;} footer.footer-christmas .footer-theme .sub-title li:hover a:before{width: 100%; height: 2px; -webkit-transition: 0.5s ease; transition: 0.5s ease;} footer.footer-christmas .footer-theme .sub-title .contact-list li a:hover{color: var(--theme-color); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} footer.footer-christmas .footer-theme .sub-title .contact-list li:hover{color: #999; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} footer.footer-christmas .footer-social i, footer.footer-christmas .social-white i{color: #fff; -webkit-transition: 0.5s ease; transition: 0.5s ease;} footer.footer-christmas .footer-social i:hover, footer.footer-christmas .social-white i:hover{color: var(--theme-color) !important; -webkit-transition: 0.5s ease; transition: 0.5s ease;} footer.footer-5{background-image: -webkit-gradient(linear, left top, right top, from(var(--theme-color)), to(var(--theme-color2))); background-image: linear-gradient(to right, var(--theme-color), var(--theme-color2));} footer.footer-5 .dark-layout{background-color: transparent;} footer.footer-5 .sub-footer{background-color: transparent;} footer.footer-5 .sub-footer > .container{border-top: 1px solid #eeeeee26;} footer.footer-5 .sub-footer p{color: #fff;} footer.footer-5 .footer-theme2 .footer-content .footer-logo img{height: 34px;} footer.footer-5 .footer-theme2 p{color: #fff;} footer.footer-5 .footer-theme2 .contact-details li{color: #fff;} footer.footer-5 .footer-theme2 .contact-details li a{color: #fff;} footer.footer-5 .footer-theme2 .subscribe-block{border-inline: 1px solid #eeeeee26;} footer .subscribe-form.rounded-input .form-control{border-radius: 25px 0 0 25px;} footer .subscribe-form.rounded-input .btn-solid{border-radius: 0 25px 25px 0;} footer.darken-background{background-color: #2d2a25; background-image: none !important;} footer.dark-footer .darken-layout{background-color: #212121;} footer.dark-footer .sub-footer.dark-subfooter{background-color: #2c2c2c;} footer.footer-expand p{font-size: 16px;} footer.footer-expand .footer-theme .footer-title h4{color: var(--theme-color2);} footer.footer-expand .footer-theme .sub-title li{font-size: 16px;} footer.footer-expand .footer-theme .sub-title h4{color: var(--theme-color2);} .footer-light .subscribe{display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-right: 1px solid #eee; text-align: left;} .footer-light .subscribe h4{margin-bottom: 10px;} .footer-light .subscribe-form{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;} .subscribe{text-align: center;} .subscribe h4{color: #222; text-transform: uppercase; font-weight: 700; display: block; margin-bottom: 15px;} .subscribe h4 i{color: var(--theme-color); padding-right: 5px; font-size: 23px;} .subscribe p{line-height: 1.6;} .subscribe-form{display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex;} .subscribe-form .form-group{margin-bottom: 0;} .subscribe-form .form-control{padding: 13px; width: 345px; border-radius: 0; border: 1px solid #eee;} .subscribe-form .form-control.name-cls{width: 265px;} .subscribe-form.classic-form .form-control{border-radius: 0; border: none; background-color: #f5f2f2; margin-left: 15px;} .subscribe-form.classic-form .btn-solid, .subscribe-form.classic-form .btn-outline{margin-bottom: 0 !important;} .footer-social, .social-white{margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .footer-social li, .social-white li{display: inline-block !important; padding-right: 30px;} .footer-social i, .social-white i{font-size: 20px; color: #000; -webkit-transition: 0.5s ease; transition: 0.5s ease;} .footer-social i:hover, .social-white i:hover{color: var(--theme-color) !important; -webkit-transition: 0.5s ease; transition: 0.5s ease;} .social-white li{padding-left: 22px; padding-right: 22px;} .footer-theme .footer-logo{margin-bottom: 18px;} .footer-theme .footer-logo img{height: calc(25px + (34 - 25) * ((100vw - 320px) / (1920 - 320)));} .footer-theme .sub-title h4{color: #222; margin-bottom: 14px; text-transform: capitalize; letter-spacing: unset; font-weight: 600;} .footer-theme .sub-title li{position: relative; display: inherit; padding-top: 13px; text-transform: capitalize; font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); color: #777;} .footer-theme .sub-title li a{position: relative; color: #777;} .footer-theme .sub-title li a:before{position: absolute; top: 20px; content: ""; height: 2px; width: 0; background-color: var(--theme-color); -webkit-transition: 0.5s ease; transition: 0.5s ease;} .footer-theme .sub-title li:hover a:before{width: 100%; height: 2px; -webkit-transition: 0.5s ease; transition: 0.5s ease;} .footer-theme .sub-title .contact-list i{position: absolute; left: -2px; top: 18px; line-height: 1; font-size: 18px; color: #777777;} .footer-theme .sub-title .contact-list li{position: relative; padding-left: 25px; line-height: 28px; color: #777777;} .footer-theme .sub-title .contact-list li a:hover{color: var(--theme-color); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .footer-theme .sub-title .contact-list li:hover{color: #999; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .footer-theme .sub-title .contact-list li:hover a:before{display: none;} .footer-theme .sub-title .contact-list li:last-child{margin-bottom: -5px;} .sub-footer{background-color: #fff;} .sub-footer.dark-subfooter{background-color: #323232;} .sub-footer.dark-subfooter p{color: #afafaf;} .sub-footer.darker-subfooter{background-color: #25221e;} .sub-footer.darker-subfooter p{color: #7f786d;} .sub-footer.black-subfooter{background-color: #222;} .sub-footer.black-subfooter p{color: #777;} .sub-footer p{color: #777; margin-bottom: 0; padding: 20px 0;} .sub-footer .payment-card-bottom{height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;} .sub-footer .payment-card-bottom img{height: calc(24px + (30 - 24) * ((100vw - 320px) / (1920 - 320)));} .sub-footer .payment-card-bottom li{padding-left: 7px; padding-right: 7px; display: inline-block;} .footer-theme2{text-align: center;} .footer-theme2 .footer-content .footer-logo img{height: 34px;} .footer-theme2 .footer-mobile-title{display: none !important;} .footer-theme2 .contact-details li a{color: #adadad;} .footer-theme2 .contact-details li a:hover{color: var(--theme-color); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .footer-theme2.footer-border{border: 20px solid #f1f5f4;} .footer-theme2 .footer-logo{margin-bottom: 18px;} .footer-theme2 p{line-height: 32px; letter-spacing: 0.03em; margin-bottom: 0; color: #adadad;} .footer-theme2 h4{color: #fff; text-transform: uppercase; font-weight: 700; margin-bottom: 0; padding-bottom: 25px;} .footer-theme2 .contact-details li{display: block; color: #adadad; padding: 0 50px; line-height: 32px; letter-spacing: 0.03em; margin-bottom: 0; font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));} .footer-theme2 .contact-details li:last-child{margin-bottom: -8px;} .footer-theme2 .subscribe-block{border-left: 1px solid #38352f; border-right: 1px solid #38352f; padding: 10px 110px;} .footer-theme2 .subscribe-block h2{color: #fff; margin-bottom: 30px;} .footer-theme2 .subscribe-block .btn-solid, .footer-theme2 .subscribe-block .btn-outline{margin-top: 10px;} .footer-theme2 .subscribe-block .form-group{margin-bottom: 0;} .footer-theme2 .subscribe-block .form-control{text-align: center; letter-spacing: 0.7px; font-size: 14px; padding: 15px; border-radius: 0;} .footer-theme2 .sub-footer.darker-subfooter p{color: #adadad;} .footer-theme2 .footer-link.link-white h4, .footer-theme2 .footer-link-b.link-white h4{color: #222;} .footer-theme2 .footer-link.link-white a, .footer-theme2 .footer-link-b.link-white a{color: #777; -webkit-transition: 0.5s ease; transition: 0.5s ease;} .footer-theme2 .footer-link.link-white a:hover, .footer-theme2 .footer-link-b.link-white a:hover{color: #2d2a25; -webkit-transition: 0.5s ease; transition: 0.5s ease;} .footer-theme2 .footer-link h4, .footer-theme2 .footer-link-b h4{padding-bottom: 20px;} .footer-theme2 .footer-link li, .footer-theme2 .footer-link-b li{padding-right: 15px; padding-left: 15px; text-transform: capitalize;} .footer-theme2 .footer-link a, .footer-theme2 .footer-link-b a{color: #adadad; -webkit-transition: 0.5s ease; transition: 0.5s ease;} .footer-theme2 .footer-link a:hover, .footer-theme2 .footer-link-b a:hover{color: #f5f2f2; -webkit-transition: 0.5s ease; transition: 0.5s ease;} .footer-theme2 .footer-link-b h4{margin-top: 50px;} .footer-theme2.section-light h2, .footer-theme2.section-light h4{color: #222;} .footer-theme2.section-light .footer-block{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; height: 100%;} .footer-theme2.section-light .footer-block h4{padding-bottom: 25px;} .footer-theme2.section-light .footer-block .contact-details li a{color: #7f786d;} .footer-theme2.section-light .footer-block .contact-details li a:hover{color: var(--theme-color); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .footer-theme2.section-light .footer-block .subscribe-white{position: relative; z-index: 1; width: 100%; padding: 85px 65px; border-left: 20px solid #f1f5f4; border-right: 20px solid #f1f5f4;} .footer-theme2.section-light .footer-block .subscribe-white:after{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--theme-color); opacity: 0.4; z-index: -1;} .footer-theme2.section-light .footer-block .subscribe-white .form-group{margin-bottom: 0;} .footer-theme2.section-light .footer-block .subscribe-white .form-control{border: none; border-radius: 0;} .footer-theme2.section-light .footer-block .subscribe-white h2{margin-bottom: 30px; margin-top: -5px;} .footer-theme2.section-light .footer-block .subscribe-white .btn-solid, .footer-theme2.section-light .footer-block .subscribe-white .btn-outline{margin-top: 10px;} .footer-theme2.section-light .footer-block .subscribe-white .form-control{text-align: center; letter-spacing: 5px; font-size: 12px; padding: 15px 0;} .sticky-footer{background-image: url("../images/tools/footer.jpg");} .sticky-footer .darken-layout{background-color: transparent !important;} .sticky-footer .darken-layout p{color: silver;} .sticky-footer .darken-layout .sub-title li a{color: silver;} .sticky-footer .darken-layout .sub-title .contact-list li, .sticky-footer .darken-layout .sub-title .contact-list i{color: silver;} .sticky-footer .darken-layout .footer-social i{color: silver;} .sticky-footer .dark-subfooter{background-color: #141111 !important;} .sticky-footer .dark-subfooter p{color: silver !important;} .sticky-footer.darken-sticky .darken-layout{background-color: #393230 !important;} .sticky-footer.darken-sticky .sub-footer.dark-subfooter{background-color: #2e2726 !important;} footer .dark-subscribe{background-color: #252525;} footer .dark-subscribe .subscribe{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} footer .dark-subscribe .subscribe h4{color: #fff; margin-bottom: 0;} footer .dark-subscribe.theme-color{background-color: var(--theme-color);} footer .dark-subscribe.theme-color .btn-solid{background-color: black; background-image: none; color: #fff; border-color: black;} .light-footer .dark-layout{background-color: transparent;} .light-footer .dark-layout .footer-title{border-color: #ddd;} .light-footer .border-b{border-color: #ddd;} .light-footer .footer-theme2 h4{color: black;} .light-footer .footer-theme2 .subscribe-block{border-color: #ddd;} .light-footer .footer-theme2 .subscribe-block h2{color: black;} .footer-style-1 .form-inline .btn{padding: 7px 29px;} .footer-style-1 .mb-cls-content{margin-bottom: 10px;} .footer-style-1 .footer-social{margin-top: 12px;} .footer-style-1 .footer-social li{display: inline-block !important; padding-right: 15px; padding-top: 0 !important;} .footer-style-1 .footer-social li a::before{content: none;} .footer-style-1 .footer-social i{width: 34px; height: 34px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #dcdcdc; font-size: 16px;} .footer-style-1 .darken-layout .footer-social i{background-color: rgba(255, 255, 255, 0.1); border: none;} .store-details{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 5px -5px -5px -5px !important;} .store-details li{padding: 5px !important; width: 32%; margin: 0 !important;} .store-details li a{display: -webkit-box; display: -ms-flexbox; display: flex;} .popular-search-section{padding-top: 35px; border-top: 1px solid #ddd; margin-top: 0px;} .popular-search-section .payment-img{width: 25%;} .popular-search-section h4{color: #222; font-weight: 700; margin-bottom: 12px;} .popular-search-section ul{margin: -3px -12px; overflow: hidden;} .popular-search-section ul li{padding: 3px 12px; position: relative;} .popular-search-section ul li:after{content: ""; position: absolute; left: -2px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: 14px; background-color: #ddd;} .popular-search-section ul li a{color: #777; text-transform: capitalize; font-size: 16px;} footer.footer-theme-color .darken-layout{background-color: var(--theme-color2);} footer.footer-theme-color .darken-layout .sub-title li a{color: rgba(255, 255, 255, 0.9);} footer.footer-theme-color .darken-layout .sub-title .contact-list li{color: rgba(255, 255, 255, 0.9);} footer.footer-theme-color .darken-layout .sub-title .contact-list li i, footer.footer-theme-color .darken-layout .sub-title .contact-list li a{color: rgba(255, 255, 255, 0.9);} footer.footer-theme-color .darken-layout p{color: rgba(255, 255, 255, 0.9);} footer.footer-theme-color .darken-layout .footer-social i{background-color: #313e59; border: 1px solid #313e59; color: #fff;} footer.footer-theme-color .sub-footer.dark-subfooter{background-color: #313e59;} footer.footer-theme-color .sub-footer.dark-subfooter p{color: rgba(255, 255, 255, 0.9);} header{background-color: #fff;} header.header-absolute{position: absolute; width: 100%; top: 62px;} header.header-absolute .main-menu{background-color: #fff;} header.header-absolute .main-menu .menu-left .navbar{padding: 20px 45px 20px 0;} header.header-absolute .main-menu .brand-logo{padding-top: 20px; padding-bottom: 20px;} header.header-absolute .main-menu .brand-logo img{width: 150px;} header.header-absolute .pixelstrap > li > a{padding-top: 20px; padding-bottom: 20px;} header.header-absolute .pixelstrap > li > a:hover, header.header-absolute .pixelstrap > li > a:active, header.header-absolute .pixelstrap > li > a:focus, header.header-absolute .pixelstrap > li > a.highlighted{padding-top: 20px; padding-bottom: 20px;} header.header-absolute .pixelstrap li .lable-nav{top: 0;} header.header-absolute .onhover-div{padding-top: 20px; padding-bottom: 20px;} header.header-gym{position: absolute; width: 100%;} header.header-gym .main-menu{background-color: rgba(0, 0, 0, 0.8); padding: 0 15px; z-index: 1;} header.header-gym .main-menu .menu-left .navbar{padding: 20px 45px 20px 0;} header.header-gym .main-menu .menu-left .navbar i{color: #fff;} header.header-gym .main-menu .brand-logo{padding-top: 20px; padding-bottom: 20px;} header.header-gym .main-menu .menu-right .icon-nav li i{color: #b9b9b9;} header.header-gym .main-menu .onhover-div .show-div{top: 70px;} header.header-gym .pixelstrap .lable-nav{top: -1px;} header.header-gym .pixelstrap > li > a{padding-top: 20px; padding-bottom: 20px; color: #fff;} header.header-gym .pixelstrap > li > a:hover, header.header-gym .pixelstrap > li > a:active, header.header-gym .pixelstrap > li > a:focus, header.header-gym .pixelstrap > li > a.highlighted{padding-top: 20px; padding-bottom: 20px; color: #fff;} header.header-gym .onhover-div{padding-top: 20px; padding-bottom: 20px;} header.header-gym .onhover-div > div img{-webkit-filter: brightness(54); filter: brightness(54);} header.header-gym .top-header{z-index: 9; position: relative; background: transparent;} header.header-gym .top-header .header-contact li{color: #fff;} header.header-gym .top-header .header-contact li i{color: #fff;} header.header-gym .top-header .header-dropdown li{color: #fff;} header.header-gym .top-header .header-dropdown li a{color: #fff;} header.header-gym .top-header .header-dropdown li a i{color: #fff; padding-right: 8px;} header.header-gym .top-header.blue-layout{border-bottom: 1px solid #223b7d;} header.header-gym.sticky{width: 100%; background-color: #000;} header.header-black{background-color: #000;} header.header-black .main-menu .menu-left .navbar{padding: 20px 45px 20px 0;} header.header-black .main-menu .menu-left .navbar i{color: #fff;} header.header-black .main-menu .brand-logo{padding-top: 20px; padding-bottom: 20px;} header.header-black .pixelstrap > li > a{padding-top: 20px; padding-bottom: 20px; color: #e5e5e5;} header.header-black .pixelstrap > li > a:hover, header.header-black .pixelstrap > li > a:active, header.header-black .pixelstrap > li > a:focus, header.header-black .pixelstrap > li > a.highlighted{padding-top: 20px; padding-bottom: 20px; color: #e5e5e5;} header.header-black .pixelstrap li .lable-nav{top: 0;} header.header-black .onhover-div{padding-top: 20px; padding-bottom: 20px;} header.header-black .onhover-div > div img{-webkit-filter: brightness(54); filter: brightness(54);} header.header-5{position: absolute; width: 100%; background-color: transparent;} header.header-5.text-light-header .main-menu .menu-right .icon-nav li i{color: #cfd4da !important;} header.header-5.text-light-header .top-header .header-dropdown > li i{color: #cfd4da !important;} header.header-5 .toggle-nav{padding-top: 35px; padding-bottom: 35px;} header.header-5 .top-header{background-color: transparent;} header.header-5 .top-header .header-dropdown > li{padding-right: 0;} header.header-5 .top-header .header-dropdown > li i{font-size: calc(21px + (25 - 21) * ((100vw - 320px) / (1920 - 320))); color: #6a6a6a; font-weight: 400;} header.header-5 .top-header .header-dropdown > li.mobile-account:before{display: none;} header.header-5 .top-header .header-dropdown .onhover-dropdown .onhover-show-div{top: 80px;} header.header-5 .onhover-div .show-div{top: 80px;} header.header-5.container-med .container-fluid{padding-left: 50px; padding-right: 50px;} header.header-5.sticky{width: 100%; background-color: #fff;} header.header-5.none-sticky.sticky{position: unset;} header.header-5.none-sticky.stickycls{position: unset;} header.header-5.left-sidebar-header{position: fixed; background-color: #fff; z-index: 1;} header.header-5.left-sidebar-header .container-fluid{padding-left: 40px; padding-right: 40px;} header.header-5.left-sidebar-header .onhover-div{padding-top: 20px; padding-bottom: 20px;} header.header-5.left-sidebar-header .top-header .header-dropdown > li{padding-top: 20px; padding-bottom: 20px;} header.header-5.left-sidebar-header .main-menu .brand-logo{padding-top: 20px; padding-bottom: 20px;} header.header-5.overlay-style{background-color: rgba(0, 0, 0, 0.28); z-index: 1;} header.header-5.overlay-style .pixelstrap > li > a{color: #fff;} header.header-5.overlay-style .pixelstrap > li > a:hover, header.header-5.overlay-style .pixelstrap > li > a:active{color: #fff;} header.header-6 .top-header{background-color: var(--theme-color);} header.header-6 .top-header .header-contact li{color: #fff;} header.header-6 .top-header .header-contact li i{color: #fff;} header.header-6 .top-header .header-dropdown li{color: #fff;} header.header-6 .top-header .header-dropdown li a{color: #fff;} header.header-6 .top-header .header-dropdown li a i{color: #fff;} header.header-6 .mobile-search{display: none;} header.header-7{position: absolute; top: 0; width: 100%; z-index: 1; background-color: transparent;} header.header-7 .main-menu .menu-left .navbar{padding: 25px 45px 25px 0;} header.header-7 .main-menu .menu-left .navbar i{color: #fff;} header.header-7 .main-menu .brand-logo{padding-top: 25px; padding-bottom: 25px;} header.header-7 .onhover-div{padding-top: 25px; padding-bottom: 25px;} header.header-7 .onhover-div img{-webkit-filter: brightness(100); filter: brightness(100);} header.header-7 .onhover-div .show-div img{-webkit-filter: unset; filter: unset;} header.header-7 .onhover-div:hover .show-div{-webkit-transform: translateY(-23px); transform: translateY(-23px);} header.header-7 .game-layout{background-color: rgba(0, 0, 0, 0.5);} header.header-7 .pixelstrap.sm-horizontal > li > a{color: #fff;} header.header-7 .pixelstrap.sm-horizontal > li > a:hover, header.header-7 .pixelstrap.sm-horizontal > li > a:active{color: #fff;} header.header-7 .top-header{background-color: transparent;} header.header-7 .top-header.top-header-dark .header-contact li{color: #fff;} header.header-7 .top-header.top-header-dark .header-contact li i{color: #fff;} header.header-7 .top-header.top-header-dark .header-dropdown > li{color: #fff;} header.header-7 .top-header.top-header-dark .header-dropdown > li > a{color: #fff;} header.header-7 .top-header.top-header-dark .header-dropdown > li > a i{color: #fff;} header.header-tools{position: absolute; width: 100%; top: 35px; z-index: 1; background-color: transparent;} header.header-tools .container{padding-left: 30px; padding-right: 30px;} header.header-tools .container.rounded-5{border-radius: 5px;} header.header-tools .top-header{background-color: transparent;} header.header-tools .top-header .container{background-color: #333333;} header.header-tools .top-header .header-contact{padding: 10px 0;} header.header-tools .top-header .header-contact li{color: #fff;} header.header-tools .top-header .header-dropdown li{color: #fff; padding: 10px 0 10px 25px;} header.header-tools .top-header .header-dropdown li a i{color: #fff;} header.header-tools .logo-menu-part > .container{background-color: #fff;} header.header-tools .main-menu .menu-left .navbar{padding: 25px 45px 25px 0;} header.header-tools .main-menu .brand-logo{padding-top: 25px; padding-bottom: 25px;} header.header-tools .pixelstrap.sm-horizontal > li > a{padding-top: 25px; padding-bottom: 25px;} header.header-tools .pixelstrap.sm-horizontal > li > a:hover, header.header-tools .pixelstrap.sm-horizontal > li > a:active, header.header-tools .pixelstrap.sm-horizontal > li > a:focus, header.header-tools .pixelstrap.sm-horizontal > li > a.highlighted{padding-top: 25px; padding-bottom: 25px;} header.header-tools .pixelstrap.sm-horizontal li .lable-nav{top: 5px;} header.header-tools .onhover-div{padding-top: 25px; padding-bottom: 25px;} header.header-tools.sticky{background-color: #fff; -webkit-transition: none; transition: none;} header.header-tools.sticky .logo-menu-part > .container{border-bottom: 0;} header.header-tools.header-style.top-relative{position: relative; width: 100%; top: 0; background-color: #fff; -webkit-box-shadow: 0 0 8px #ddd; box-shadow: 0 0 8px #ddd;} header.header-tools.header-style.top-relative .container{padding-left: 15px; padding-right: 15px;} header.header-tools.header-style .top-header .header-dropdown li i{font-size: calc(21px + 4 * (100vw - 320px) / 1600); color: #6a6a6a;} header.green-gradient .top-header{background: var(--theme-color); background-image: -webkit-gradient(linear, left top, right top, from(var(--theme-color)), to(var(--theme-color2))); background-image: linear-gradient(to right, var(--theme-color), var(--theme-color2));} header.green-gradient .top-header .header-contact{padding: 10px 0;} header.green-gradient .top-header .header-contact li{color: #fff;} header.green-gradient .top-header .header-contact li i{color: #fff;} header.green-gradient .top-header .header-dropdown li{color: #fff; padding: 10px 25px;} header.green-gradient .top-header .header-dropdown li a{color: #fff;} header.green-gradient .top-header .header-dropdown li a i{color: #fff;} header.green-gradient .pixelstrap li .lable-nav{background: var(--theme-color); background-image: -webkit-gradient(linear, left top, right top, from(var(--theme-color)), to(var(--theme-color2))); background-image: linear-gradient(to right, var(--theme-color), var(--theme-color2));} header.header-metro{position: absolute; width: 100%; background-color: transparent;} header.header-metro .top-header{background-color: transparent; z-index: 1; position: relative;} header.header-metro .top-header .header-dropdown li{color: #999;} header.header-metro .top-header .header-dropdown li i{color: #999;} header.header-metro .top-header .header-contact li{color: #999;} header.header-metro .metro{background-color: #fff; z-index: 1; position: relative;} header.left-header .top-header{padding-left: 300px; background-color: #fff;} header.left-header .top-header .header-contact li{color: #6a6a6a;} header.left-header .top-header .header-dropdown li i{font-size: calc(21px + 4 * (100vw - 320px) / 1600); color: #6a6a6a;} header.left-header .onhover-div{padding-top: 15px; padding-bottom: 15px;} header.left-header .onhover-div > div img{width: 20px; height: auto;} header.left-header .onhover-div .show-div{top: 56px;} header.left-header .sidenav{left: 0; -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.25);} header.left-header .sidenav .sidebar-back{display: none;} header.left-header .sidenav nav{background-color: #fff;} header.left-header .sidenav .pixelstrap > li > a{padding: 10px 0 20px 0; background-color: #fff;} header.left-header .sidenav .pixelstrap > li > a:hover, header.left-header .sidenav .pixelstrap > li > a:focus, header.left-header .sidenav .pixelstrap > li > a.highlighted{padding: 10px 0 20px 0; background-color: #fff;} header.left-header .sidenav .pixelstrap > li .lable-nav{top: -12px; background-color: #eee;} header.left-header .sidenav .pixelstrap > li .lable-nav:before{border-top: 5px solid #ff4c3b;} header.left-header .sidenav .pixelstrap > li .lable-nav.grey-lable{background-color: #4d6171;} header.left-header .sidenav .pixelstrap > li .lable-nav.grey-lable:before{border-top: 5px solid #4d6171;} header.left-header .sidenav .left-sidebar_search{width: 100%; background-color: #fff;} header.left-header .sidenav .left-sidebar_search input{height: 55px; width: 95%; border: none; padding-left: 15px; background-color: transparent;} header.left-header .sidenav .left-sidebar_search .btn-search{position: absolute; right: 10px; top: 20px; border: none; background-color: transparent;} header.left-header .sidenav .left-sidebar_center{padding: 40px 0 30px 30px; background-color: #fff;} header.left-header .sidenav .bottom-section{padding: 70px 25px;} header.left-header .sidenav .bottom-section .icon_settings li{display: inline-block;} header.left-header .sidenav .bottom-section .icon_settings .shopping-cart{position: relative;} header.left-header .sidenav .bottom-section .icon_settings .shopping-cart .shopping-count{width: 18px; height: 18px; background-color: #ff4c3b; color: #fff; position: absolute; border-radius: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; top: -7px; right: 7px;} header.left-header .sidenav .bottom-section ul li{display: inline-block; padding: 8px 15px 8px 0;} header.left-header .sidenav .bottom-section ul li a{font-size: 16px; text-transform: capitalize; color: #222;} header.left-header .sidenav .bottom-section ul li a i{font-size: 18px; padding-right: 5px; color: #222;} header.left-header .sidenav .bottom-section .leftside_setting .language, header.left-header .sidenav .bottom-section .leftside_setting .currency{display: -webkit-box; display: -ms-flexbox; display: flex;} header.left-header .sidenav .bottom-section .leftside_setting .language h5, header.left-header .sidenav .bottom-section .leftside_setting .currency h5{margin-bottom: 0; text-transform: capitalize; color: #999; margin-top: 0;} header.left-header .sidenav .bottom-section .leftside_setting .language select, header.left-header .sidenav .bottom-section .leftside_setting .currency select{margin-left: 10px; border: none; outline: none; text-transform: capitalize; color: #222;} header.left-header .sidenav .bottom-section .leftside_setting h5{margin-top: 10px;} header.left-header .sidenav .leftside_social{position: relative; width: 100%; padding: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-top: 1px dashed #ddd;} header.left-header .sidenav .leftside_social .footer-social{margin-top: 0;} header.left-header .sidenav .leftside_social .footer-social i{font-size: 18px;} header.left-header .sidenav .leftside_social .footer-social li{padding: 10px;} header.left-header .sidenav .leftside_social .call_us h5{text-align: center;} header.left-header .sidenav .leftside_social .call_us h5 span{display: block;} header.left-header .main-menu{-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;} header.left-header .main-menu .brand-logo{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-bottom: 1px dashed #ddd;} header.left-header .main-menu .menu-right .header-dropdown > li img{width: 20px; height: auto;} header.left-header .main-menu .menu-right .icon-nav .onhover-div > img{width: 20px; height: auto;} header.left-header .main-menu .menu-left .navbar{display: none;} header.left-header .main-menu .menu-left .mobile-logo{display: none;} header.left-header .search-overlay{padding-left: 300px;} header.left-header.left-header-xl .sidenav{width: 350px;} header.left-header.left-header-xl .top-header{padding-left: 350px;} header.left-header.left-header-relative{position: sticky; top: 50px; z-index: 1; width: auto; -webkit-box-shadow: none; box-shadow: none;} header.left-header.left-header-relative .pixelstrap > li > a{text-align: right;} header.left-header.left-header-relative .pixelstrap > li:last-child > a{padding-bottom: 0;} header.left-header.left-header-relative .pixelstrap a .sub-arrow{display: none;} header.left-header.left-header-relative .sidenav{position: relative; left: unset; top: unset; right: unset; height: auto; width: auto; -webkit-box-shadow: none; box-shadow: none; z-index: 1;} header.left-header.left-header-relative .sidenav nav{z-index: 1; height: auto; overflow-y: unset !important;} header.left-header.left-header-relative .sidenav .left-sidebar_center{padding: 0;} header.left-header.left-header-relative .main-menu{-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;} header.left-header.left-header-sm{width: 240px; z-index: 1;} header.left-header.left-header-sm .sidenav{top: 96px; z-index: 1; width: 240px; left: 0;} header.left-header.left-header-sm .sidenav .left-sidebar_center{padding: 0; background-color: #fff;} header.left-header.left-header-sm .sidenav .left-sidebar_center .pixelstrap a .sub-arrow{display: none;} header.left-header.left-header-sm .sidenav .left-sidebar_center .pixelstrap > li{border-bottom: 1px solid #f3f3f3;} header.left-header.left-header-sm .sidenav .left-sidebar_center .pixelstrap > li > a{padding: 10px 0 20px 0; text-align: center;} header.left-header.left-header-sm .sidenav .left-sidebar_center .pixelstrap > li > a img{display: block; margin-left: auto; margin-right: auto !important; width: 48px; border: none;} header.video-header .top-header{background-color: var(--theme-color);} header.video-header .top-header .header-contact{padding: 10px 0;} header.video-header .top-header .header-contact li{color: #fff;} header.video-header .top-header .header-dropdown li{padding: 10px 25px; color: #fff;} header.video-header .top-header .header-dropdown li a i{color: #fff;} header.header-christmas{position: absolute; width: 100%; background-color: #c1272d; z-index: 1;} header.header-christmas .onhover-div .show-div{top: 73px;} header.header-christmas .main-menu .menu-left .navbar{padding: 20px 45px 20px 0;} header.header-christmas .main-menu .menu-left .navbar i{color: #fff;} header.header-christmas .main-menu .brand-logo{padding-top: 20px; padding-bottom: 20px;} header.header-christmas .pixelstrap > li > a{padding-top: 20px; padding-bottom: 20px; color: #fff;} header.header-christmas .pixelstrap > li > a:hover, header.header-christmas .pixelstrap > li > a:active, header.header-christmas .pixelstrap > li > a:focus, header.header-christmas .pixelstrap > li > a.highlighted{padding-top: 20px; padding-bottom: 20px; color: #fff;} header.header-christmas .pixelstrap li .lable-nav{top: 0;} header.header-christmas .onhover-div{padding-top: 20px; padding-bottom: 20px;} header.header-christmas .onhover-div > div img{-webkit-filter: brightness(54); filter: brightness(54);} header.header-christmas .top-header{z-index: 9; position: relative; background: transparent; border-bottom: 1px solid #d13b3c;} header.header-christmas .top-header .header-contact li{color: #fff; font-size: 16px;} header.header-christmas .top-header .header-contact li i{color: #fff;} header.header-christmas .top-header .header-dropdown li{color: #fff;} header.header-christmas .top-header .header-dropdown li a{color: #fff;} header.header-christmas .top-header .header-dropdown li a i{color: #fff;} header.header-christmas .top-header.blue-layout{border-bottom: 1px solid #223b7d;} header.header-christmas .toggle-nav{padding-top: 24px; padding-bottom: 24px;} header.header-christmas .toggle-nav i{color: white !important;} header.header-christmas.sticky{-webkit-box-shadow: none; box-shadow: none; position: relative; width: 100%;} header.header-christmas.sticky .top-header{display: block;} header.marketplace.header-tools{position: relative; width: 100%; top: 0;} header.marketplace.header-tools.sticky{position: fixed;} header.marketplace .top-header{background-color: var(--theme-color);} header.marketplace .top-header .header-contact li{color: #fff;} header.marketplace .top-header .header-dropdown li{color: #fff;} header.marketplace .top-header .header-dropdown li a{color: #fff;} header.marketplace .top-header .header-dropdown li a i{color: #fff;} header.marketplace .top-header .container{background-color: transparent;} header.header-style .top-header .header-dropdown > li{padding: 25px 0 25px 20px;} header.header-style .onhover-div .show-div{top: 53px;} header.header-style .onhover-dropdown:before{opacity: 0;} .color-dark .top-header{background-color: #2d2a25;} .hover-unset{position: static !important;} .sidebar-overlay{visibility: hidden; opacity: 0; background-color: #212331; position: fixed; z-index: 6; top: 0; left: 0; width: 100%; height: 100vh; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .sidebar-overlay.show{opacity: 0.8; visibility: visible; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .onhover-dropdown{position: relative; font-size: 14px;} .onhover-dropdown .onhover-show-div{top: 28px; position: absolute; z-index: 10; background-color: #fff; -webkit-transition: all linear 0.3s; transition: all linear 0.3s; min-width: 160px; text-align: left; -webkit-box-shadow: 0px 1px 2px 0px #cacaca; box-shadow: 0px 1px 2px 0px #cacaca; -webkit-transform: translateY(30px); transform: translateY(30px); opacity: 0; visibility: hidden; right: 0; padding: 15px 20px; border-radius: 0 !important;} .onhover-dropdown .onhover-show-div.product-page-full{z-index: 99999;} .onhover-dropdown:hover .onhover-show-div{opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); visibility: visible;} .onhover-div{position: relative; padding-top: 35px; padding-bottom: 35px; font-family: Lato, sans-serif;} .onhover-div img, .onhover-div i{cursor: pointer;} .onhover-div .show-div{top: 103px; position: absolute; z-index: 9; background-color: #fff; -webkit-transition: all linear 0.3s; transition: all linear 0.3s; min-width: 236px; text-align: left; -webkit-transform: translateY(30px); transform: translateY(30px); opacity: 0; visibility: hidden; right: 0; padding: 0; border-radius: 0 !important; -webkit-box-shadow: 0 0 8px #ddd; box-shadow: 0 0 8px #ddd;} .onhover-div:hover .show-div{opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); visibility: visible;} .search-overlay{height: 100%; width: 100%; display: none; position: fixed; z-index: 10; top: 0; left: 0; background-color: #fff;} .search-overlay > div{height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .search-overlay > div .overlay-content{width: 100%;} .search-overlay > div .overlay-content .form-control:focus{-webkit-box-shadow: none; box-shadow: none;} .search-overlay > div .overlay-content input{background-color: transparent; border: 0; border-bottom: 2px solid #777; border-radius: 0; padding: 20px 0;} .search-overlay > div .overlay-content input::-webkit-input-placeholder{color: #777; font-size: 18px;} .search-overlay > div .overlay-content input::-moz-placeholder{color: #777; font-size: 18px;} .search-overlay > div .overlay-content input:-ms-input-placeholder{color: #777; font-size: 18px;} .search-overlay > div .overlay-content input:-moz-placeholder{color: #777; font-size: 18px;} .search-overlay > div .overlay-content button{position: absolute; top: 10px; background-color: transparent; border: 0; font-size: 24px; color: #777; right: 10px;} .search-overlay > div .closebtn{position: fixed; top: 10px; right: 25px; color: #777; font-size: 40px; cursor: pointer;} .top-header{background-color: #333;} .top-header .header-contact{padding: 10px 0;} .top-header .header-contact li{color: #d9d9d9; font-size: 14px; padding-right: 25px;} @media (max-width: 1199px){.top-header .header-contact li{padding-right: 20px;}} .top-header .header-contact li i{color: var(--theme-color); padding-right: 10px;} .top-header .header-dropdown li{cursor: pointer; color: #d9d9d9; padding: 10px 25px; padding-right: 0;} .top-header .header-dropdown li:first-child{padding-right: 0; line-height: 1; font-size: 16px;} .top-header .header-dropdown li a{text-transform: capitalize; color: #d9d9d9;} .top-header .header-dropdown li i{padding-right: 5px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .top-header .header-dropdown li ul li{padding-top: 0; padding-bottom: 0;} .top-header .header-dropdown li a i{color: #d9d9d9; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .top-header .header-dropdown li a:hover i{color: var(--theme-color); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .top-header .header-dropdown li:hover i{color: var(--theme-color); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .top-header .header-dropdown .onhover-dropdown .onhover-show-div li{padding-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 15px; padding-bottom: 5px;} .top-header .header-dropdown .onhover-dropdown .onhover-show-div li:last-child{padding-bottom: 0;} .top-header .header-dropdown .onhover-dropdown .onhover-show-div li a{color: #333;} .top-header.top-header-dark{background-color: #222;} .top-header.top-header-dark .header-contact li{color: rgba(255, 255, 255, 0.8);} .top-header.top-header-dark .header-contact li i{color: rgba(255, 255, 255, 0.8);} .top-header.top-header-dark .header-dropdown li{color: rgba(255, 255, 255, 0.8);} .top-header.top-header-dark .header-dropdown li a{color: rgba(255, 255, 255, 0.8);} .top-header.top-header-dark .header-dropdown li a i{color: rgba(255, 255, 255, 0.8);} .top-header.top-header-dark .header-dropdown li a:hover i{color: var(--theme-color);} .top-header.top-header-dark2{background-color: #2d2a25;} .top-header.top-header-dark2 .header-contact li{color: #cecece;} .top-header.top-header-dark2 .header-contact li i{color: #cecece;} .top-header.top-header-dark2 .header-dropdown li{color: #cecece;} .top-header.top-header-dark2 .header-dropdown li a{color: #cecece;} .top-header.top-header-dark2 .header-dropdown li a i{color: #cecece;} .top-header.top-header-dark2 .header-dropdown li a:hover i{color: var(--theme-color);} .top-header.top-header-dark3{background-color: #393230;} .top-header.top-header-dark3 .header-contact li{color: #948e8c;} .top-header.top-header-dark3 .header-contact li i{color: #948e8c;} .top-header.top-header-dark3 .header-dropdown li{color: #948e8c;} .top-header.top-header-dark3 .header-dropdown li a{color: #948e8c;} .top-header.top-header-dark3 .header-dropdown li a i{color: #948e8c;} .top-header.top-header-dark3 .header-dropdown li a:hover i{color: var(--theme-color);} .top-header.top-header-sm .header-contact{padding: 10px 0;} .top-header.top-header-sm .header-dropdown li{padding: 10px 25px;} .layout3-menu .cart_qty_cls{top: calc(10px + (27 - 10) * ((100vw - 575px) / (1920 - 575)));} @media (max-width: 575px){.layout3-menu .cart_qty_cls{top: -4px;}} .layout3-menu .main-menu .menu-left .navbar i{font-size: 22px;} .absolute-logo{position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: auto;} .main-menu{position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 8;} .main-menu.product-full-page{z-index: 9999;} .main-menu .brand-logo{display: inline-block; padding-block: calc(15px + (35 - 15) * ((100vw - 320px) / (1920 - 320)));} .main-menu .brand-logo img{height: calc(25px + (34 - 25) * ((100vw - 320px) / (1920 - 320)));} .main-menu .menu-left{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .main-menu .menu-center{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .main-menu .menu-left .navbar{display: inline-block; padding: 35px 25px 35px 0;} .main-menu .menu-center .navbar{display: inline-block; padding: 35px 25px 35px 0;} .main-menu .menu-left .navbar .bar-style{line-height: 1;} .main-menu .menu-left .navbar i{font-size: 28px; color: #222; cursor: pointer; line-height: 1; font-weight: 400;} .main-menu .menu-left .navbar.white-navbar i{color: #fff;} .main-menu .menu-left.around-border .navbar > a{padding: 0;} .main-menu .menu-left.category-nav-right .navbar{padding-right: 0; padding-left: 45px;} .main-menu .menu-left.category-nav-right .navbar > a{padding: 0;} .main-menu .menu-left.category-nav-right .navbar i{color: #938d8c;} .main-menu .menu-right{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; float: right;} .main-menu .menu-right .icon-nav{display: inline-block;} .main-menu .menu-right .icon-nav li{padding-left: 20px; padding-block: calc(8px + 8 * (100vw - 575px) / 1345);} .main-menu .menu-right .icon-nav li i{font-size: calc(21px + (25 - 21) * ((100vw - 320px) / (1920 - 320))); color: #6a6a6a; font-weight: 400;} .main-menu .menu-left .icon-nav li{padding-left: 10px; padding-block: calc(8px + 8 * (100vw - 575px) / 1345);} .main-menu .menu-left .icon-nav li i{font-size: calc(21px + (25 - 21) * ((100vw - 320px) / (1920 - 320))); color: #6a6a6a; font-weight: 400;} .main-menu .menu-right .icon-nav .delivery-area{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .main-menu .menu-right .icon-nav .delivery-area > div{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 12px; background-color: var(--theme-color); color: #fff; border-radius: 5px;} .main-menu .menu-right .icon-nav .delivery-area i{margin-right: 5px; font-size: 16px; color: #fff;} .main-menu .menu-right .icon-nav .delivery-area h6{margin-bottom: 0; color: #fff; font-size: 16px;} .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart{padding: 15px 15px; min-width: 270px; left: unset; right: 0;} .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li{position: relative; padding-bottom: 10px; width: 100%;} .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li:last-child{padding-bottom: 0;} .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .media img{height: 90px;} .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .media .media-body{-ms-flex-item-align: center; align-self: center;} .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .media .media-body h4{color: #333;} .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .media .media-body h4 span{color: #777; font-size: 16px;} .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .close-circle{position: absolute; top: 0; right: 0;} .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .close-circle i{color: #a1a1a1; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .close-circle i:hover{color: #000; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .total{border-top: 1px solid #f1f5f4; border-bottom: 1px solid #f1f5f4; padding-top: 10px; padding-bottom: 10px;} .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .total h5{text-transform: capitalize; margin-bottom: 0; color: #999;} .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .total h5 span{float: right;} .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .buttons a{font-size: 16px; color: #333; text-transform: capitalize; font-weight: 700;} .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .buttons a:hover{color: var(--theme-color);} .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .buttons .checkout{float: right;} .main-menu .menu-right .icon-nav .onhover-div .show-div.setting{padding: 15px 20px 20px; min-width: 175px; right: 0; left: unset;} .main-menu .menu-right .icon-nav .onhover-div .show-div.setting h6{font-size: 16px; text-transform: capitalize; color: #333; font-weight: 700; margin-bottom: 0; margin-top: 5px;} .main-menu .menu-right .icon-nav .onhover-div .show-div.setting h6:first-child{margin-top: 0;} .main-menu .menu-right .icon-nav .onhover-div .show-div.setting ul li{display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 0; padding-left: 17px; padding-top: 5px;} .main-menu .menu-right .icon-nav .onhover-div .show-div.setting ul li a{color: #333; font-weight: 400; font-size: 16px; text-transform: capitalize;} .main-menu .menu-right .icon-nav .onhover-div .show-div li{padding: 0;} .main-menu .menu-right .icon-nav .onhover-div .show-div li .form-control{border-radius: 0;} .main-menu .menu-right .icon-nav .onhover-div .show-div li .form-control:focus{border: 1px solid #ced4da; -webkit-box-shadow: none; box-shadow: none;} .main-menu .menu-right .icon-nav .onhover-div .show-div li .search-btn{padding: 8px 12px; background-color: var(--theme-color); color: #fff;} .main-menu .menu-right .icon-nav.white-icon .onhover-div img{-webkit-filter: brightness(5); filter: brightness(5);} .main-menu .menu-right .icon-nav.white-icon .onhover-div .show-div img{-webkit-filter: none; filter: none;} .nav-cat li{position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 25px; padding-right: 25px;} .nav-cat li .round-cat{height: 50px; width: 50px; border: 1px solid #ddd; padding: 12px; border-radius: 100%; margin-right: 10px;} .nav-cat li a{color: #222; font-size: 16px; text-transform: uppercase;} .sidebar-unset{overflow-y: unset !important;} .header-style-1 .main-menu{z-index: 1;} .header-style-1 .main-menu .brand-logo{padding-top: 5px; padding-bottom: 5px;} .header-style-1 .main-menu .menu-left .navbar{padding: 20px 45px 20px 0;} .header-style-1 .main-menu .menu-right .icon-nav .onhover-div .show-div{top: 63px;} .header-style-1 .onhover-div{padding-top: 5px; padding-bottom: 5px;} .header-style-1 .top-header{background-color: var(--theme-color);} .header-style-1 .top-header .header-contact{padding: 10px 0;} .header-style-1 .top-header .header-dropdown li{padding: 10px 25px;} .header-style-1 .top-header .header-dropdown li{color: #fff;} .header-style-1 .top-header .header-dropdown li i{color: #fff;} .header-style-1 .top-header .header-contact li{color: #fff;} .header-style-1 .top-header .header-contact li i{color: #fff;} @media (min-width: 1200px){.header-style-1 .pixelstrap{position: relative !important;}} .header-style-1 .pixelstrap > li > a, .header-style-1 .pixelstrap > li a:hover, .header-style-1 .pixelstrap > li a:active{padding-top: 15px; padding-bottom: 15px;} .header-style-1 .pixelstrap > li ul li a{padding: 5px 35px;} .header-style-1 .pixelstrap > li ul li a:hover, .header-style-1 .pixelstrap > li ul li a:active{padding: 5px 35px;} .header-style-1 .pixelstrap .lable-nav{top: -2px;} .header-style-1 .upper-menu.pixelstrap a{padding-top: 10px; padding-bottom: 10px; padding-right: 35px;} .header-style-1 .cart_qty_cls{top: 25px; right: -6px;} @media (max-width: 577px){.header-style-1 .cart_qty_cls{top: -7px;}} .header-style-1 .navbar .nav-link{padding-right: 25px; color: #222; font-size: 16px; font-weight: 400; line-height: 23px; text-decoration: none; text-transform: uppercase; padding-top: 15px; padding-bottom: 15px; letter-spacing: 0.07em;} .header-style-1 .navbar .nav-item.active .nav-link{color: var(--theme-color);} .header-style-1.sticky .main-menu .menu-left .navbar{padding: 10px 45px 10px 0px;} .header-style-2 .top-part{background-color: var(--theme-color);} .header-style-2 .top-header .header-dropdown > li img{-webkit-filter: invert(1); filter: invert(1);} .header-style-2 .invert-cls{-webkit-filter: invert(1); filter: invert(1);} .header-style-2 .bottom-part{background-color: #006d75;} .header-style-2 .bottom-part .main-nav-center{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .header-style-2 .pixelstrap > li > a{color: #fff;} .header-style-2 .pixelstrap > li > a:hover, .header-style-2 .pixelstrap > li > a:active{color: #fff;} .header-style-4{-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); margin-bottom: 2px;} .header-style-4 .main-menu .menu-left .navbar{padding: 25px 45px 25px 0;} .header-style-4 .main-menu .brand-logo{padding-top: 25px; padding-bottom: 25px;} .header-style-4 .pixelstrap > li > a{padding-top: 30px; padding-bottom: 30px;} .header-style-4 .pixelstrap > li > a:hover, .header-style-4 .pixelstrap > li > a:active{padding-top: 30px; padding-bottom: 30px;} .header-style-4 .onhover-div{padding-top: 30px; padding-bottom: 30px;} .header-style-5 .form_search{border-radius: 0;} .header-style-5 .bottom-part{background-color: #4d4d4d;} .header-style-5 .bottom-part .category-menu{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .header-style-5 .bottom-part .category-menu .toggle-sidebar{background-color: var(--theme-color); display: block !important; width: 100%; text-align: center; height: 100%; padding-top: 18px; color: #fff; cursor: pointer;} .header-style-5 .bottom-part .category-menu .toggle-sidebar i{display: inline-block; margin-right: 10px; font-size: 16px;} .header-style-5 .bottom-part .category-menu .toggle-sidebar h5{display: inline-block; color: #fff; font-size: 19px; text-transform: capitalize;} .header-style-5 .bottom-part .pixelstrap > li > a{color: #fff;} .header-style-5 .bottom-part .pixelstrap > li > a:hover, .header-style-5 .bottom-part .pixelstrap > li > a:active{color: #fff;} .header-style-5 .bottom-part.bottom-light{background-color: transparent; padding-top: 16px; border-top: 1px solid #eee;} .header-style-5 .bottom-part.bottom-light .category-menu .toggle-sidebar{padding-top: 12px;} .header-style-5 .bottom-part.bottom-light .main-nav-center .sm > li > a{padding-top: 14px; padding-bottom: 14px;} .header-style-5 .bottom-part.bottom-light .pixelstrap > li > a{color: #222;} .header-style-5 .bottom-part.bottom-light .pixelstrap > li > a:hover, .header-style-5 .bottom-part.bottom-light .pixelstrap > li > a:active{color: #222;} .header-style-5.style-light .bottom-part .category-menu .toggle-sidebar{color: #222; background-color: #fff; border: 1px solid #eee; border-top: none; border-bottom: none; padding-top: 18px;} .header-style-5.style-light .bottom-part .category-menu .toggle-sidebar h5{color: #222; font-weight: 600;} .header-style-5.style-light .bottom-part.bottom-light{padding-top: 0;} .header-style-5.style-light .bottom-part.bottom-light .main-nav-center .sm > li > a{padding-block: 20px;} .header-style-5.color-style{background-color: var(--theme-color2);} .header-style-5.color-style .form_search{border-radius: 0;} .header-style-5.color-style .form_search button{background-color: var(--theme-color);} .header-style-5.color-style .form_search button i{color: #fff;} .header-style-5.color-style .cart_qty_cls{background: var(--theme-color);} .header-style-5.color-style .toggle-nav{padding-top: 30px; padding-bottom: 30px;} .header-style-5.color-style .top-header .header-dropdown li a i{font-size: calc(21px + (25 - 21) * ((100vw - 320px) / (1920 - 320))); color: #d5d5d5;} .header-style-5.color-style .main-menu .menu-left .navbar i{color: #fff;} .header-style-5.color-style .main-menu .menu-right .icon-nav li img{-webkit-filter: invert(1); filter: invert(1);} .header-style-5.color-style .main-menu .menu-right .icon-nav li i{font-size: calc(21px + (25 - 21) * ((100vw - 320px) / (1920 - 320))); color: #d5d5d5;} .header-style-5.color-style .main-menu .menu-right .icon-nav li ul img{-webkit-filter: invert(0); filter: invert(0);} .header-style-5.color-style .main-menu .brand-logo{padding-top: 25px; padding-bottom: 25px;} .header-style-5.color-style .main-menu .onhover-div{padding-top: 30px; padding-bottom: 30px;} .header-style-5.color-style .top-header{background-color: var(--theme-color1);} .header-style-5.color-style .top-header.top-header-theme{background-color: var(--theme-color2); border-bottom: 1px solid #506177;} .header-style-5.color-style .top-header.top-header-theme .header-contact li i{font-size: 15px;} .header-style-5.color-style .top-header .header-dropdown > li{padding: 30px 25px; padding-right: 0;} .header-style-5.color-style .bottom-part{background-color: var(--theme-color2);} .header-style-5.color-style .bottom-part .pixelstrap.sm-vertical > li > a{color: #222;} .header-style-5.color-style .bottom-part .pixelstrap.sm-vertical > li > a:hover, .header-style-5.color-style .bottom-part .pixelstrap.sm-vertical > li > a:active{color: #222;} .header-style-5.color-style .bottom-part .category-menu .toggle-sidebar{background-color: var(--theme-color); padding-top: 12px;} .header-style-5.color-style .header-options span{background: none; color: rgba(255, 255, 255, 0.85); -webkit-text-fill-color: unset;} .header-style-5.color-style.style-classic .form_search{border-radius: 0;} .header-style-5.color-style.style-classic .form_search button{border-radius: 0;} .header-style-5.color-style.style-classic .bottom-part{background-color: transparent; margin-bottom: -20px; position: relative; z-index: 1;} .header-style-5.color-style.style-classic .bottom-part .category-menu .toggle-sidebar{padding-top: 18px;} .header-style-5.color-style.style-classic .bottom-part .main-nav-center .sm > li > a{padding-top: 20px; padding-bottom: 20px;} .header-style-5.color-style.style-classic .bottom-part .container{padding: 0; background-color: #fff;} .header-style-5.color-style.style-classic .bottom-part .pixelstrap > li > a{color: #222;} .header-style-5.color-style.style-classic .bottom-part .pixelstrap > li > a:hover, .header-style-5.color-style.style-classic .bottom-part .pixelstrap > li > a:active{color: #222;} .header-style-5.color-style.style-classic .main-menu .brand-logo{padding-top: 35px; padding-bottom: 35px;} .header-style-5.color-style.style-classic .top-header .header-dropdown > li{padding: 15px 25px; padding-right: 0;} .header-style-5.border-style .bottom-part.bottom-light{border-bottom: 1px solid #eee; border-top: none; padding-top: 0;} .header-style-5.border-style .main-menu{z-index: 1;} .header-style-5.border-style .main-menu .brand-logo{padding-top: 10px; padding-bottom: 10px;} .header-style-5.border-style .main-menu .menu-right .icon-nav > li{padding-top: 30px; padding-bottom: 30px;} .header-style-5.border-style .onhover-div{padding-top: 25px; padding-bottom: 25px;} .header-style-5.border-style .onhover-div .show-div{top: 83px;} .header-style-6{position: absolute; top: 0; left: 0; width: 100%; z-index: 1; background-color: transparent;} .header-style-7{border-bottom: 1px solid #eee; position: fixed; top: 0; left: 0; width: 100vw; z-index: 1;} .header-style-7 .form_search{border-radius: 3px;} .header-style-7 .onhover-div:hover .show-div{-webkit-transform: translateY(-20px); transform: translateY(-20px);} .header-style-7 .main-menu{-webkit-box-pack: unset; -ms-flex-pack: unset; justify-content: unset;} .header-style-7 .main-menu .menu-left .navbar{padding: 30px 45px 30px 0;} .header-style-7 .main-menu .brand-logo{padding-top: 25px; padding-bottom: 25px;} .header-style-7 .pixelstrap a, .header-style-7 .pixelstrap a:hover, .header-style-7 .pixelstrap a:active{padding-top: 32px; padding-bottom: 32px;} .header-style-7 .onhover-div{padding-top: 30px; padding-bottom: 30px;} .top-header.top-header-theme{background-color: var(--theme-color);} .top-header.top-header-theme .header-dropdown li{color: #fff;} .top-header.top-header-theme .header-dropdown li i, .top-header.top-header-theme .header-dropdown li a{color: #fff;} .top-header.top-header-theme .header-dropdown li i:hover i, .top-header.top-header-theme .header-dropdown li a:hover i{color: #fff;} .top-header.top-header-theme .header-contact li{color: #fff;} .top-header.top-header-theme .header-contact li i{color: #fff;} .marketplace-sidebar.sidenav{height: unset; width: unset; position: relative; z-index: 1; top: unset; left: unset; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .marketplace-sidebar.sidenav nav{z-index: 0; height: auto; overflow-y: unset !important;} .marketplace-sidebar.sidenav .pixelstrap > li > a{padding: 10px 30px 8px 30px;} .marketplace-sidebar.sidenav .pixelstrap > li > a:hover, .marketplace-sidebar.sidenav .pixelstrap > li > a:focus{padding: 10px 30px 8px 30px;} .marketplace-sidebar.sidenav .pixelstrap.sm-vertical a .sub-arrow{margin-top: -14px;} .marketplace-sidebar.sidenav .sm-vertical{background-color: #f8f8f8;} .marketplace-sidebar.sidenav.fixed-sidebar{position: absolute; top: 66px; width: calc(100% - 30px); z-index: 1; display: none;} .marketplace-sidebar.sidenav.fixed-sidebar .sm-vertical{background-color: #fff; border: 1px solid #eee;} .marketplace-sidebar .sticky-sidebar{position: sticky; top: 50px; z-index: 1;} header.sticky{position: fixed; width: 100vw; top: 0; z-index: 9; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} header.sticky .top-header{display: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} header.stickycls{position: fixed; width: 100vw; top: 0; left: 0; z-index: 9; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .svg-icon-menu .pixelstrap > li > a img{width: 38px; background-color: #fff; border-radius: 100%; border: 1px solid #d2d2d2; padding: 2px;} .svg-icon-menu.wo-bg .pixelstrap > li > a{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .svg-icon-menu.wo-bg .pixelstrap > li > a img, .svg-icon-menu.wo-bg .pixelstrap > li > a svg{background-color: transparent; border-radius: 0; border: none; width: 38px; height: 38px; padding: 5px; margin-right: 10px;} .text-light-header .pixelstrap > li > a{color: #cecece !important;} .text-light-header .onhover-div > div img{-webkit-filter: invert(0.9) !important; filter: invert(0.9) !important;} .text-light-header .top-header .header-dropdown > li img{-webkit-filter: invert(0.9) !important; filter: invert(0.9) !important;} .dark header.text-light-header.header-5 .pixelstrap a{color: #e7eaec;} .dark header.text-light-header.header-5 .pixelstrap a:hover, .dark header.text-light-header.header-5 .pixelstrap a:active{color: #e7eaec;} .dark header.text-light-header.header-5 .pixelstrap .menu-title h5{color: #fff;} .header-options{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: right; height: 100%;} .header-options span{display: block; font-size: 16px; color: #2b2b2b; text-transform: uppercase;} .header-options span i{margin-right: 6px;} .zindex-up{z-index: 9 !important;} .header-compact .main-menu .brand-logo{padding-top: 25px; padding-bottom: 20px;} .header-compact .main-menu .brand-logo img{width: calc(120px + (150 - 120) * ((100vw - 320px) / (1920 - 320))); height: auto;} .header-compact .menu-row{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .header-compact .menu-row .delivery-area{margin-right: 25px;} .header-compact .onhover-div{padding-top: 25px; padding-bottom: 25px;} .header-compact .form_search{border-radius: 0; height: 38px; -webkit-box-shadow: 0 0 0 1px #e2e2e2; box-shadow: 0 0 0 1px #e2e2e2; background-color: #f8f8f8;} .header-compact .form_search input{height: 38px;} .header-compact .form_search button{top: 1px; right: 1px; width: 40px; height: 35px;} .header-compact .form_search button i{font-size: 16px;} .header-compact .delivery-area{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: rgba(32, 102, 100, 0.12); padding: 6px 17px; border-radius: 4px; border: 1px dashed var(--theme-color);} .header-compact .delivery-area svg{margin-right: 10px; width: 18px;} .header-compact .delivery-area div{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .header-compact .delivery-area div h5, .header-compact .delivery-area div h6{margin-bottom: 0;} .header-compact .delivery-area div h6{margin-right: 5px;} .header-compact .pixelstrap a, .header-compact .pixelstrap a:hover, .header-compact .pixelstrap a:active{font-size: 14px;} .header-compact .top-header .header-contact{padding: 10px 0;} .header-compact .top-header .header-dropdown li{padding: 10px 25px;} .header-compact .top-header .header-dropdown li:last-child{padding-right: 0;} .header-compact .bottom-part{padding-bottom: 10px;} .header-compact .main-nav-center .sm > li > a{padding-top: 10px; padding-bottom: 10px;} .header-compact .onhover-div .show-div{top: 60px;} header.sticky{position: fixed !important; width: 100vw; top: 0; z-index: 9; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-animation: smoothScroll 0.05s forwards; animation: smoothScroll 0.05s forwards;} header.sticky .top-header{display: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} header.sticky.header-style-5.style-classic .bottom-part{display: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} header.stickycls{position: fixed !important; width: 100vw; top: 0; left: 0; z-index: 9;} @-webkit-keyframes smoothScroll{0%{-webkit-transform: translateY(-20px); transform: translateY(-20px);} 100%{-webkit-transform: translateY(0px); transform: translateY(0px);}} @keyframes smoothScroll{0%{-webkit-transform: translateY(-20px); transform: translateY(-20px);} 100%{-webkit-transform: translateY(0px); transform: translateY(0px);}} .left-arrow{position: absolute; top: 0; left: 0; z-index: 2;} .right-arrow{position: absolute; bottom: 0; left: 0; z-index: 1;} .christmas .main-menu .menu-right .icon-nav li i{color: #fff;} @media (max-width: 577px){.christmas .main-menu .menu-right .icon-nav li i{color: #999;}} .full-scroll-menu .main-menu .menu-right .icon-nav li i{color: #fff;} @media (max-width: 577px){.full-scroll-menu .main-menu .menu-right .icon-nav li i{color: #999;}} .snow-slider{position: relative;} .snow-slider .slick-slide{position: relative;} .home-slider .slick-prev, .home-slider .slick-next, .center-slider .slick-prev, .center-slider .slick-next{opacity: 0; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-top: -10px;} .home-slider .slick-prev:before, .home-slider .slick-next:before, .center-slider .slick-prev:before, .center-slider .slick-next:before{font: normal normal normal 14px/1 FontAwesome; opacity: 1; color: black; background-color: rgba(255, 255, 255, 0.5); border-radius: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .home-slider .slick-next, .center-slider .slick-next{right: 1px;} .home-slider .slick-next:before, .center-slider .slick-next:before{content: "\f105"; font-family: FontAwesome; font-size: 10px;} .home-slider .slick-prev, .center-slider .slick-prev{left: 1px; z-index: 1;} .home-slider .slick-prev:before, .center-slider .slick-prev:before{content: "\f104"; font-family: FontAwesome; font-size: 10px;} .home-slider .home, .center-slider .home{background-size: cover; background-repeat: no-repeat; background-position: center; height: 75vh;} .home-slider .slider-details, .center-slider .slider-details{position: absolute; background-color: rgba(0, 0, 0, 0.1); border-radius: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; top: 26%; right: 18%; text-align: center; padding: 55px; width: 510px; height: 510px;} .home-slider .slider-details.blue-slide, .center-slider .slider-details.blue-slide{background-color: #223b7d;} .home-slider .slider-details .btn-white, .center-slider .slider-details .btn-white{margin-top: 15px;} .home-slider .slider-details h1, .center-slider .slider-details h1{color: #fff; font-weight: 700;} .home-slider .slider-details h3, .center-slider .slider-details h3{color: #fff; position: relative; text-transform: uppercase; display: inline-block;} .home-slider .slider-details h3:after, .home-slider .slider-details h3:before, .center-slider .slider-details h3:after, .center-slider .slider-details h3:before{content: ""; position: absolute; width: 12px; height: 12px; background-color: #fff; border-radius: 100%; top: 8px;} .home-slider .slider-details h3:after, .center-slider .slider-details h3:after{left: -22px; top: 8px;} .home-slider .slider-details h3:before, .center-slider .slider-details h3:before{top: 8px; right: -22px;} .home-slider .slider-details h2, .center-slider .slider-details h2{font-weight: 400; margin-bottom: 0; font-size: 45px;} .home-slider .slider-details h4, .center-slider .slider-details h4{font-size: 24px;} .home-slider .slider-details h2, .home-slider .slider-details h3, .home-slider .slider-details h4, .center-slider .slider-details h2, .center-slider .slider-details h3, .center-slider .slider-details h4{color: #fff;} .home-slider .slider-contain, .center-slider .slider-contain{width: 100%; height: 75vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .home-slider .slider-contain h1, .center-slider .slider-contain h1{margin-bottom: 0; margin-top: 10px; color: #222;} .home-slider .slider-contain h4, .center-slider .slider-contain h4{font-weight: 700; letter-spacing: 0.4em; color: #777; margin-bottom: 0;} .home-slider .slider-contain .btn-solid, .home-slider .slider-contain .btn-outline, .center-slider .slider-contain .btn-solid, .center-slider .slider-contain .btn-outline{margin-top: 20px;} .home-slider .slider-contain.product-detail p, .center-slider .slider-contain.product-detail p{max-width: 50%; line-height: 30px; font-size: 16px; color: #777777;} .home-slider .slider-contain.product-detail h3, .center-slider .slider-contain.product-detail h3{margin-top: 14px; margin-bottom: 0; font-weight: 600; color: #777777;} .home-slider .slider-contain.product-detail h3 del, .center-slider .slider-contain.product-detail h3 del{margin-left: 10px;} .home-slider .thumbnail-product, .center-slider .thumbnail-product{position: absolute; bottom: 40px; left: 0; width: 100vw;} .home-slider .thumbnail-product img, .center-slider .thumbnail-product img{margin: 0 auto; border: 1px solid transparent; opacity: 0.5;} .home-slider .thumbnail-product .slick-current img, .center-slider .thumbnail-product .slick-current img{border: 1px solid #ddd; opacity: 1;} .home-slider .p-left .slider-contain, .center-slider .p-left .slider-contain{-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;} .home-slider .p-right .slider-contain, .center-slider .p-right .slider-contain{-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;} .home-slider .p-center .slider-contain, .center-slider .p-center .slider-contain{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .home-slider .p-bottom .slider-contain, .center-slider .p-bottom .slider-contain{-webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding-bottom: calc(20px + (50 - 20) * ((100vw - 320px) / (1920 - 320)));} .home-slider .p-bottom .slider-contain > div, .center-slider .p-bottom .slider-contain > div{padding: 25px 30px; background-color: #fff;} .home-slider .text-center .slider-contain p, .center-slider .text-center .slider-contain p{margin: 0 auto;} .home-slider .home-decor .decor, .center-slider .home-decor .decor{position: absolute;} .home-slider .home-decor .decor img, .center-slider .home-decor .decor img{-webkit-box-shadow: 0px 38px 62px -40px rgba(0, 0, 0, 0.2); box-shadow: 0px 38px 62px -40px rgba(0, 0, 0, 0.2);} .home-slider .home-decor .decor span, .center-slider .home-decor .decor span{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 80px; font-size: 16px; line-height: 1.2; background-color: black; border-radius: 100%; color: #fff; font-weight: 600; padding: 10px; height: 80px; text-align: center; -webkit-box-shadow: 0px 38px 62px -40px rgba(0, 0, 0, 0.2); box-shadow: 0px 38px 62px -40px rgba(0, 0, 0, 0.2);} .home-slider .home-decor .decor.decor-1, .center-slider .home-decor .decor.decor-1{top: 26%; right: 13%;} .home-slider .home-decor .decor.decor-1 span, .center-slider .home-decor .decor.decor-1 span{-webkit-animation: movebounce 3.2s linear infinite; animation: movebounce 3.2s linear infinite;} .home-slider .home-decor .decor.decor-2, .center-slider .home-decor .decor.decor-2{top: 35%; right: 37%;} .home-slider .home-decor .decor.decor-2 span, .center-slider .home-decor .decor.decor-2 span{-webkit-animation: movebounce 2s linear infinite; animation: movebounce 2s linear infinite;} .home-slider .home-decor .decor.decor-3, .center-slider .home-decor .decor.decor-3{top: 52%; right: 12%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .home-slider .home-decor .decor.decor-3 img, .center-slider .home-decor .decor.decor-3 img{width: 40%; -webkit-transform: scaleX(-1); transform: scaleX(-1);} .home-slider .home-decor .decor.decor-3 span, .center-slider .home-decor .decor.decor-3 span{font-size: 17px; background-color: transparent; color: #222;} .home-slider .home-decor .decor.decor-4, .center-slider .home-decor .decor.decor-4{top: 32%; right: 35%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .home-slider .home-decor .decor.decor-4 img, .center-slider .home-decor .decor.decor-4 img{width: 40%;} .home-slider .home-decor .decor.decor-4 span, .center-slider .home-decor .decor.decor-4 span{font-size: 17px; background-color: transparent; color: #222;} .home-slider:hover .slick-prev, .home-slider:hover .slick-next, .center-slider:hover .slick-prev, .center-slider:hover .slick-next{opacity: 1; -webkit-transform: scale(2.5); transform: scale(2.5); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .home-slider:hover .slick-prev:before, .home-slider:hover .slick-next:before, .center-slider:hover .slick-prev:before, .center-slider:hover .slick-next:before{opacity: 1;} .home-slider:hover .slick-next, .center-slider:hover .slick-next{right: 100px;} .home-slider:hover .slick-prev, .center-slider:hover .slick-prev{left: 100px;} .home-slider-container .slider-contain{padding: 0 100px;} .home-slider-container.home-fashion .slider-contain{padding: 0 calc(20px + (100 - 20) * ((100vw - 320px) / (1920 - 320)));} .center-slider{border-left: 1px solid #f1f5f4; border-right: 1px solid #f1f5f4;} .home-slider.text-white .slider-contain h1, .home-slider.text-white .slider-contain h4{color: #fff;} .gym-slider .home-slider .home{height: 85vh;} .gym-slider .home-slider .home .slider-contain{height: 85vh;} .gym-slider .home-slider .home .slider-contain h4, .gym-slider .home-slider .home .slider-contain h1{color: #fff;} .metro-slider .home-slider .home{background-position-y: 70%;} .metro-slider .home-slider .home .slider-contain{margin-top: 75px;} .metro-slider .home-slider .home .slider-contain h4, .metro-slider .home-slider .home .slider-contain h1{color: #000;} .small-slider .home-slider .home{height: 55vh;} .small-slider .home-slider .home .slider-contain{height: 55vh;} .small-slider .home-slider .home .slider-contain h4, .small-slider .home-slider .home .slider-contain h1{color: #000;} .height-100 .home-slider .home{height: 100vh;} .height-100 .home-slider .slider-contain{height: calc(99vh + 80px);} .height-85 .home-slider .home{height: 85vh;} .height-85 .home-slider .slider-contain{height: 85vh;} .height-85.content_top .slider-contain{padding-top: 150px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;} .height-85.content_top .slider-contain h1{font-size: 40px; letter-spacing: 0.05em;} .height-85.content_top .slider-contain .btn-solid{padding: 9px 18px; margin-top: 10px;} .height-85.content_top .slider-contain h4{letter-spacing: 0.08em;} .layout-7.home-slider .home{height: 60vh;} .layout-7.home-slider .home .slider-contain{height: 60vh;} .height-65 .home{height: 65vh !important;} .height-65 .home .slider-contain{height: 65vh !important;} .height-80 .home{height: 80vh;} .height-80 .home .slider-contain{height: 80vh;} .banner-slider .height-banner{height: 100%;} .banner-slider .home{height: 81vh;} .banner-slider .home .slider-contain{height: 81vh;} .banner-slider .home-banner > div img{width: 100%;} .banner-slider .home-banner > div:last-child img{margin-top: 30px;} .absolute-banner{margin-top: -105px;} .absolute-banner .absolute-bg{background-color: #fff; position: relative; padding: 25px; -webkit-box-shadow: 0px 0px 20px 1px #f3f3f3; box-shadow: 0px 0px 20px 1px #f3f3f3;} .absolute-banner.mt-banner{margin-top: -55px;} .home-fashion{margin-top: 25px;} .home-fashion .home-slider .slider-contain h3{margin-bottom: 0; margin-top: 10px; font-size: calc(16px + (24 - 16) * ((100vw - 320px) / (1920 - 320)));} .slide-center .slick-list{margin-left: -20px; margin-right: -20px;} .slide-center .slick-list .slick-slide > div{padding-left: 20px; padding-right: 20px;} .home-form{margin-top: -40px; z-index: 1; position: relative;} .home-form .table-form{-webkit-box-shadow: 0px -1px 30px 0 rgba(0, 0, 0, 0.15); box-shadow: 0px -1px 30px 0 rgba(0, 0, 0, 0.15); margin-top: 0; border-radius: 10px; padding: 20px 10px; background-color: #fff;} .home-form .table-form .form-control{border: none; background-color: #f9f9f9;} .home-form .table-form .form-group{margin-bottom: 0;} .home-form .table-form .btn{font-size: 14px; width: 100%; border-radius: 5px; padding: 9px; line-height: 1; margin-top: 0;} .px-padding{padding: 0 calc(0px + (50 - 0) * ((100vw - 320px) / (1920 - 320)));} .height-apply img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: left; object-position: left;} .slick-instagram{margin-bottom: -5px;} .insta-title{position: absolute; height: 45px; width: 277px; background-color: #fff; z-index: 1; left: 0; right: 0; margin: 0 auto; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .insta-title h4{margin-bottom: 0; text-transform: capitalize; font-weight: 600;} .insta-title h4 span{color: var(--theme-color);} .instagram-box{position: relative; overflow: hidden;} .instagram-box img{width: 100%;} .instagram-box .overlay{-webkit-transition: 0.5s ease; transition: 0.5s ease; opacity: 0; position: absolute; height: 100%; width: 100%; background-color: var(--theme-color); top: 0; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: scale(3) rotate(90deg); transform: scale(3) rotate(90deg);} .instagram-box .overlay i{font-size: 60px; color: #fff;} .instagram-box:hover .overlay{opacity: 0.5; -webkit-transition: 0.5s ease; transition: 0.5s ease; -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg);} .loader-wrapper{height: 100vh; width: 100vw; background-color: #fff; display: block; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: fixed; z-index: 9999; top: 0;} .loader-wrapper .loader{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 50px; height: 50px; background-color: var(--theme-color); border-radius: 50%;} .loader-wrapper .loader:after{content: ""; position: absolute; border-radius: 50%; top: 50%; left: 50%; border: 0 solid #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation: loading 1000ms ease-out forwards infinite; animation: loading 1000ms ease-out forwards infinite; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .loader-wrapper.gradient-loader .loader{background: -webkit-gradient(linear, left top, left bottom, from(var(--theme-color)), color-stop(99%, var(--theme-color2))); background: linear-gradient(180deg, var(--theme-color) 0%, var(--theme-color2) 99%); background-color: var(--theme-color);} .loader-wrapper.green-loader .loader{background-image: -webkit-gradient(linear, left top, right top, from(var(--theme-color)), to(var(--theme-color2))); background-image: linear-gradient(to right, var(--theme-color), var(--theme-color2)); background-color: var(--theme-color);} .loader_skeleton .marketplace-sidebar.sidenav .pixelstrap > li > a .ldr-text, .loader_skeleton .home-slider .home .slider-contain h2, .loader_skeleton .home-slider .home .slider-contain h1, .loader_skeleton .home-slider .home .slider-contain h6, .loader_skeleton .collection-banner .ldr-bg .contain-banner h4, .loader_skeleton .collection-banner .ldr-bg .contain-banner h2, .loader_skeleton .collection-banner .ldr-bg .contain-banner h6, .loader_skeleton .title1 h4, .loader_skeleton .title1 h2, .loader_skeleton .title8 h2, .loader_skeleton .title8 p, .loader_skeleton .product-para .first, .loader_skeleton .product-para .second, .loader_skeleton .top-banner-wrapper .top-banner-content h4, .loader_skeleton .top-banner-wrapper .top-banner-content h5, .loader_skeleton .top-banner-wrapper .top-banner-content p, .loader_skeleton .product-top-filter .ldr-text, .loader_skeleton .product-box .product-detail h4, .loader_skeleton .product-box .product-detail h5, .loader_skeleton .product-box .product-detail h6, .loader_skeleton .product-box.product-style-5.product-box h6, .loader_skeleton .product-box.product-style-5.product-box h5, .loader_skeleton .product-box.product-style-5.product-box h4, .loader_skeleton .category-button .btn-outline, .loader_skeleton .category-block .category-details h5, .loader_skeleton .category-block .category-details h6, .loader_skeleton .service-home .service-block1 h4, .loader_skeleton .service-home .service-block1 p, .loader_skeleton .service-block1 h5, .loader_skeleton .service-block h4, .loader_skeleton .service-block p, .loader_skeleton .category-tools .category-m .category-wrapper h4, .loader_skeleton .category-tools .category-m .category-wrapper .category-link li, .loader_skeleton .category-tools .category-m .category-wrapper .ldr-btn, .loader_skeleton .collection-filter-block .filter-block h4, .loader_skeleton .collection-filter-block .filter-block ul li, .loader_skeleton .theme-card .title-border, .loader_skeleton .product-page .product-right h2, .loader_skeleton .product-page .product-right h4, .loader_skeleton .product-page .product-right h3, .loader_skeleton .product-page .product-right ul li, .loader_skeleton .product-page .product-right .btn-group .btn-ldr, .loader_skeleton .tab-product ul li, .loader_skeleton .gradient-category h4, .loader_skeleton .img-category h4, .loader_skeleton .title-basic .title, .loader_skeleton .vertical-banner .vertical-content h2, .loader_skeleton .vertical-banner .vertical-content a{background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(212, 212, 212, 0.3)), color-stop(18%, #e4e4e4), color-stop(33%, rgba(212, 212, 212, 0.3))); background: linear-gradient(90deg, rgba(212, 212, 212, 0.3) 8%, #e4e4e4 18%, rgba(212, 212, 212, 0.3) 33%); background-size: 800px 104px; -webkit-animation: skeleton-loader 2s infinite linear; animation: skeleton-loader 2s infinite linear;} .loader_skeleton{position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; z-index: 999; display: block; background-color: #fff; overflow-y: auto; overflow-x: hidden;} .loader_skeleton .bg_dark .home-slider .home{background-color: #151515;} .loader_skeleton .mt-ldr{margin-top: 30px;} .loader_skeleton .home-slider.home_dark .home{background: #0f1414;} .loader_skeleton header.header-gym{background-color: transparent;} .loader_skeleton header.header-gym .top-header .header-contact li{color: black;} .loader_skeleton header.header-gym .top-header .header-dropdown li{color: black;} .loader_skeleton header.header-gym .top-header .header-dropdown li a i{color: black;} .loader_skeleton .marketplace-sidebar.sidenav{height: 100%;} .loader_skeleton .marketplace-sidebar.sidenav nav{background-color: #f8f8f8; height: 100%;} .loader_skeleton .marketplace-sidebar.sidenav .pixelstrap > li > a{height: 56px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .loader_skeleton .marketplace-sidebar.sidenav .pixelstrap > li > a .ldr-img-icon{width: 38px; height: 38px; background-color: #e7e7e7; border-radius: 100%; margin-right: 15px;} .loader_skeleton .marketplace-sidebar.sidenav .pixelstrap > li > a .ldr-text{width: 180px; height: 16px;} .loader_skeleton .gym-slider .home-slider .home{height: calc(300px + (670 - 300) * ((100vw - 320px) / (1920 - 320)));} .loader_skeleton .home-slider .home{background: #f3f3f3; height: calc(270px + (530 - 270) * ((100vw - 320px) / (1920 - 320)));} .loader_skeleton .home-slider .home .slider-contain{height: calc(270px + (530 - 270) * ((100vw - 320px) / (1920 - 320)));} .loader_skeleton .home-slider .home .slider-contain h2{width: calc(200px + (300 - 200) * ((100vw - 320px) / (1920 - 320))); height: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));} .loader_skeleton .home-slider .home .slider-contain h1{width: calc(250px + (400 - 250) * ((100vw - 320px) / (1920 - 320))); height: calc(42px + (52 - 42) * ((100vw - 320px) / (1920 - 320))); margin-top: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320))); margin-bottom: calc(6px + (16 - 6) * ((100vw - 320px) / (1920 - 320)));} .loader_skeleton .home-slider .home .slider-contain h6{width: calc(120px + (150 - 120) * ((100vw - 320px) / (1920 - 320))); height: calc(26px + (35 - 26) * ((100vw - 320px) / (1920 - 320))); margin-top: 10px;} .loader_skeleton .home-slider.h-100vh .home{height: 100vh;} .loader_skeleton .home-slider.h-75vh .home{height: 75vh;} .loader_skeleton .category-block .category-image{background: #f3f3f3;} .loader_skeleton .collection-banner .ldr-bg{background: #f3f3f3; width: 100%; height: calc(180px + (250 - 180) * ((100vw - 320px) / (1920 - 320)));} .loader_skeleton .collection-banner .ldr-bg .contain-banner h4{width: 120px; height: 18px;} .loader_skeleton .collection-banner .ldr-bg .contain-banner h2{width: calc(150px + (200 - 150) * ((100vw - 320px) / (1920 - 320))); height: calc(25px + (35 - 25) * ((100vw - 320px) / (1920 - 320))); margin-top: 10px; margin-bottom: 10px;} .loader_skeleton .collection-banner .ldr-bg .contain-banner h6{width: 90px; height: 18px;} .loader_skeleton .collection-banner .ldr-bg.ldr-bg-dark{background: #ededed;} .loader_skeleton .collection-banner .ldr-bg.ldr-bg-darker{background: #dfdfdf;} .loader_skeleton .collection-banner.large-banner .ldr-bg{height: calc(280px + (430 - 280) * ((100vw - 320px) / (1920 - 320)));} .loader_skeleton .collection-banner.absolute-banner{overflow: unset;} .loader_skeleton .vegetables-category .category-boxes{height: 126px;} .loader_skeleton .shop-main .small-slider .home{height: 336px; background-color: #f8f8f8;} .loader_skeleton .title1 h4{width: 140px; height: 22px; margin: 0 auto 10px;} .loader_skeleton .title1 h2{width: 280px; height: 44px; margin: 0 auto 10px;} .loader_skeleton .title8 h2{width: 220px; height: 24px; margin-bottom: 10px;} .loader_skeleton .title8 p{width: 170px; height: 20px; margin-bottom: 10px;} .loader_skeleton .product-para .first{width: calc(290px + (550 - 290) * ((100vw - 320px) / (1920 - 320))); height: 20px; padding-bottom: 0; margin: 0 auto 10px;} .loader_skeleton .product-para .second{width: calc(190px + (450 - 190) * ((100vw - 320px) / (1920 - 320))); height: 20px; padding-bottom: 0; margin: 0 auto 30px;} .loader_skeleton .top-banner-wrapper .img-ldr-top{height: calc(90px + (280 - 90) * ((100vw - 320px) / (1920 - 320))); background-color: #f3f3f3; width: 100%;} .loader_skeleton .top-banner-wrapper .top-banner-content h4{width: 80px; height: 20px;} .loader_skeleton .top-banner-wrapper .top-banner-content h5{width: 62%; height: 20px;} .loader_skeleton .top-banner-wrapper .top-banner-content p{width: 100%; height: 20px; margin-top: 8px;} .loader_skeleton .product-top-filter{border-color: #f3f3f3;} .loader_skeleton .product-top-filter .row > div{border-left: 1px solid #f3f3f3;} .loader_skeleton .product-top-filter .row > div:first-child{border-left: none;} .loader_skeleton .product-top-filter .filter-panel{padding: 20px;} .loader_skeleton .product-top-filter .ldr-text{width: 100%; height: 18px; margin-bottom: 0;} .loader_skeleton .product-wrapper-grid .product-box .img-wrapper{height: calc(270px + (300 - 270) * ((100vw - 320px) / (1920 - 320)));} .loader_skeleton .product-wrapper-grid.three-grid .product-box .img-wrapper{height: calc(270px + (480 - 270) * ((100vw - 320px) / (1920 - 320)));} .loader_skeleton .product-box .img-wrapper{width: 100%; height: calc(180px + (350 - 180) * ((100vw - 320px) / (1920 - 320))); background-color: #f3f3f3;} .loader_skeleton .product-box .product-detail{padding-left: 0;} .loader_skeleton .product-box .product-detail h4{width: calc(100px + (150 - 100) * ((100vw - 320px) / (1920 - 320))); height: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320))); border-radius: 0; margin-top: 14px; margin-bottom: 12px;} .loader_skeleton .product-box .product-detail h5{width: calc(100px + (230 - 100) * ((100vw - 320px) / (1920 - 320))); height: calc(10px + (15 - 10) * ((100vw - 320px) / (1920 - 320))); border-radius: 0; margin-top: 8px;} .loader_skeleton .product-box .product-detail h5.second{width: calc(140px + (200 - 140) * ((100vw - 320px) / (1920 - 320)));} .loader_skeleton .product-box .product-detail h6{width: calc(50px + (80 - 50) * ((100vw - 320px) / (1920 - 320))); height: calc(12px + (16 - 12) * ((100vw - 320px) / (1920 - 320))); border-radius: 0; margin-top: calc(14px + (10 - 14) * ((100vw - 320px) / (1920 - 320))); margin-bottom: 12px; margin-bottom: 0; padding-bottom: 0;} .loader_skeleton .product-box.product-sm .img-wrapper{height: calc(150px + (250 - 150) * ((100vw - 320px) / (1920 - 320)));} .loader_skeleton .product-box.product-sm .product-detail h5{width: calc(100px + (180 - 100) * ((100vw - 320px) / (1920 - 320)));} .loader_skeleton .product-box.product-style-5.product-box h6{width: calc(100px + (150 - 100) * ((100vw - 320px) / (1920 - 320))); height: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320))); border-radius: 0; margin-bottom: 18px;} .loader_skeleton .product-box.product-style-5.product-box h5{width: 40px; height: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320))); border-radius: 0; margin-bottom: 10px;} .loader_skeleton .product-box.product-style-5.product-box h4{width: 80px; height: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320))); border-radius: 0;} .loader_skeleton .product-box.product-style-5.product-box .img-wrapper{background-color: #fff; height: calc(90px + (130 - 90) * ((100vw - 320px) / (1920 - 320)));} .loader_skeleton .center-slider .product-box .product-detail h4, .loader_skeleton .center-slider .product-box .product-detail h6{margin-left: auto; margin-right: auto;} .loader_skeleton .center-detail .product-box .product-detail h4, .loader_skeleton .center-detail .product-box .product-detail h5, .loader_skeleton .center-detail .product-box .product-detail h6{margin-left: auto; margin-right: auto;} .loader_skeleton .grid-products .product-box .img-wrapper{height: calc(270px + (290 - 270) * ((100vw - 320px) / (1920 - 320)));} .loader_skeleton .grid-products .product-box .product-detail h4{width: calc(100px + (120 - 100) * ((100vw - 320px) / (1920 - 320))); height: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));} .loader_skeleton .grid-products .product-box .product-detail h5{width: calc(120px + (150 - 120) * ((100vw - 320px) / (1920 - 320))); height: calc(10px + (14 - 10) * ((100vw - 320px) / (1920 - 320)));} .loader_skeleton .grid-products .product-box .product-detail h5.second{width: calc(110px + (140 - 110) * ((100vw - 320px) / (1920 - 320)));} .loader_skeleton .category-button .btn-outline{height: 50px; border: none;} .loader_skeleton .category-block .category-image.svg-image{background-color: #f3f3f3; border-color: #f3f3f3;} .loader_skeleton .category-block .category-details h5{width: 70px; height: 20px;} .loader_skeleton .category-block .category-details h6{margin: 8px auto 0; width: 48px; height: 18px;} .loader_skeleton .service-home .service-block1 h4{width: 70px; height: 14px; margin-left: auto; margin-right: auto;} .loader_skeleton .service-home .service-block1 p{width: 90px; height: 12px; margin-top: 10px; margin-left: auto; margin-right: auto;} .loader_skeleton .service-block1 svg{background-color: #f3f3f3; width: 60px; height: 60px;} .loader_skeleton .service-block1 h5{width: 160px; height: 20px; margin: 0 auto;} .loader_skeleton .service-block svg{background-color: #f3f3f3; width: calc(46px + (60 - 46) * ((100vw - 320px) / (1920 - 320))); height: calc(46px + (60 - 46) * ((100vw - 320px) / (1920 - 320))); margin-top: auto; margin-bottom: auto;} .loader_skeleton .service-block h4{width: 120px; height: 14px;} .loader_skeleton .service-block p{width: 160px; height: 12px; margin-top: 10px;} .loader_skeleton .ldr-img{width: 250px; height: 250px; margin: 0 auto; background-color: #f3f3f3;} .loader_skeleton .inside-detail .product-detail{position: absolute; bottom: 15px; left: 15px;} .loader_skeleton .inside-detail.center_details .product-detail{left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);} .loader_skeleton .inside-detail.center_details .product-detail h4, .loader_skeleton .inside-detail.center_details .product-detail h5, .loader_skeleton .inside-detail.center_details .product-detail h6{margin-left: auto; margin-right: auto;} .loader_skeleton .banner-slider .home-banner .home-slider .home{height: calc(129px + (253 - 129) * ((100vw - 320px) / (1920 - 320)));} .loader_skeleton .center-slider .product-box .img-wrapper{height: calc(150px + (350 - 150) * ((100vw - 320px) / (1920 - 320)));} .loader_skeleton .full-box .side-part .product-box .img-wrapper{height: calc(50px + (250 - 50) * ((100vw - 320px) / (1920 - 320))); width: calc(120px + (230 - 150) * ((100vw - 320px) / (1920 - 320))); margin-right: 15px;} .loader_skeleton .full-box .side-part .product-box + .product-box{margin-top: 25px;} .loader_skeleton .bg-block{height: auto;} .loader_skeleton .bg-block .product-box .img-wrapper{height: calc(150px + (250 - 150) * ((100vw - 320px) / (1920 - 320))); width: calc(120px + (230 - 150) * ((100vw - 320px) / (1920 - 320))); margin-right: 15px;} .loader_skeleton .bg-block.tab-bg{background-image: none;} .loader_skeleton .category-tools .category-m .category-wrapper{-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.14); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.14); width: 100%;} .loader_skeleton .category-tools .category-m .category-wrapper h4{width: 190px; height: 25px; margin-left: auto; margin-right: auto; padding: 0; margin-top: 25px; margin-bottom: 25px;} .loader_skeleton .category-tools .category-m .category-wrapper .img-ldr{height: 215px; background-color: #f3f3f3;} .loader_skeleton .category-tools .category-m .category-wrapper .category-link li{width: 110px; height: 22px; margin-left: auto; margin-right: auto;} .loader_skeleton .category-tools .category-m .category-wrapper .ldr-btn{width: 130px; height: 50px; margin-left: auto; margin-right: auto; margin-top: 20px;} .loader_skeleton .category-tools .category-m .category-wrapper:after, .loader_skeleton .category-tools .category-m .category-wrapper:before{display: none;} .loader_skeleton .category-tools .category-m .category-wrapper > div:after, .loader_skeleton .category-tools .category-m .category-wrapper > div:before{display: none;} .loader_skeleton .collection-filter-block{padding: 30px; border-color: #f3f3f3;} .loader_skeleton .collection-filter-block .filter-block h4{width: 100%; height: 18px;} .loader_skeleton .collection-filter-block .filter-block ul{margin-top: 20px;} .loader_skeleton .collection-filter-block .filter-block ul li{width: 70%; height: 18px;} .loader_skeleton .collection-filter-block .filter-block ul li:nth-child(2){width: 50%;} .loader_skeleton .collection-filter-block .filter-block ul li:nth-child(3){width: 60%;} .loader_skeleton .collection-filter-block .filter-block ul li + li{margin-top: 10px;} .loader_skeleton .collection-filter-block .filter-block + .filter-block{margin-top: 25px;} .loader_skeleton .theme-card .title-border{width: 90%; height: 24px; border-bottom: none;} .loader_skeleton .theme-card .product-box{margin-top: 20px;} .loader_skeleton .theme-card .product-box .img-wrapper{height: 100px !important; width: 96px !important; margin-right: 15px !important;} .loader_skeleton .theme-card .product-box .media-body{margin-top: 0;} .loader_skeleton .collection-sidebar-banner{width: 100%; height: calc(200px + (480 - 200) * ((100vw - 320px) / (1920 - 320))); background-color: #f3f3f3;} .loader_skeleton .product-page .main-product{width: 100%; height: calc(320px + (480 - 320) * ((100vw - 320px) / (1920 - 320))); background-color: #f3f3f3; margin-bottom: 20px;} .loader_skeleton .product-page .main-product.sm-img{height: calc(320px + (350 - 320) * ((100vw - 320px) / (1920 - 320)));} .loader_skeleton .product-page .main-product.lg-img{height: calc(320px + (600 - 320) * ((100vw - 320px) / (1920 - 320)));} .loader_skeleton .product-page .main-product.two-grid{height: calc(220px + (480 - 220) * ((100vw - 320px) / (1920 - 320)));} .loader_skeleton .product-page .sm-product{width: 100%; height: calc(90px + (180 - 90) * ((100vw - 320px) / (1920 - 320))); background-color: #f3f3f3;} .loader_skeleton .product-page .product_image_4 .sm-product{height: calc(160px + (360 - 160) * ((100vw - 320px) / (1920 - 320)));} .loader_skeleton .product-page .vertical-product .sm-product{height: calc(70px + (100 - 70) * ((100vw - 320px) / (1920 - 320))); margin-bottom: 10px;} .loader_skeleton .product-page .product-right h2{width: 100%; height: 25px;} .loader_skeleton .product-page .product-right h4{width: 80%; height: 25px; margin-bottom: 14px;} .loader_skeleton .product-page .product-right h3{width: 50%; height: 25px;} .loader_skeleton .product-page .product-right ul{margin-top: 35px;} .loader_skeleton .product-page .product-right ul li{width: 75%; height: 30px; margin-top: 10px;} .loader_skeleton .product-page .product-right .btn-group{display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 30px;} .loader_skeleton .product-page .product-right .btn-group .btn-ldr{width: 28%; height: calc(38px + (50 - 38) * ((100vw - 320px) / (1920 - 320))); margin-right: 15px;} .loader_skeleton .product-page .product-right.product-form-box{border-color: #f3f3f3;} .loader_skeleton .product-page .product-right.product-form-box h2, .loader_skeleton .product-page .product-right.product-form-box h3, .loader_skeleton .product-page .product-right.product-form-box h4{margin-left: auto; margin-right: auto;} .loader_skeleton .product-page .product-right.product-form-box .btn-group{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .loader_skeleton .tab-product ul li{width: 16%; height: 30px; margin-right: 10px;} .loader_skeleton .tab-product p{width: 90%; height: 30px; margin-right: 10px; margin-top: 10px; background-color: #f3f3f3;} .loader_skeleton .tab-product.vertical-tab ul li{display: block; width: 80%; height: 30px; margin-top: 10px; margin-right: 0;} .loader_skeleton .blog-page .blog-sidebar .theme-card{border-color: #f3f3f3;} .loader_skeleton .blog-page .product-box{margin-bottom: 20px;} .loader_skeleton .blog-page .product-box .img-wrapper{width: 100%; height: 180px; margin-right: 25px;} .loader_skeleton .blog-advance .ldr-img{height: 400px; width: 100%; background-color: #f3f3f3; margin-bottom: 30px;} .loader_skeleton .blog-advance ul li{width: 85%; height: 20px; background-color: #f3f3f3;} .loader_skeleton .blog-advance ul li + li{margin-top: 10px;} .loader_skeleton .gradient-category h4{width: calc(50px + (80 - 50) * ((100vw - 320px) / (1920 - 320))); height: calc(12px + (16 - 12) * ((100vw - 320px) / (1920 - 320))); border-radius: 0;} .loader_skeleton .gradient-category .gradient-border{background: #f3f3f3;} .loader_skeleton .img-category h4{width: calc(50px + (80 - 50) * ((100vw - 320px) / (1920 - 320))); height: calc(12px + (16 - 12) * ((100vw - 320px) / (1920 - 320))); border-radius: 0;} .loader_skeleton .img-category .img-sec{width: calc(82px + (180 - 82) * ((100vw - 320px) / (1920 - 320))); height: calc(82px + (180 - 82) * ((100vw - 320px) / (1920 - 320))); background-color: #f3f3f3;} .loader_skeleton .title-basic .title{width: calc(50px + (120 - 50) * ((100vw - 320px) / (1920 - 320))); height: calc(12px + (16 - 12) * ((100vw - 320px) / (1920 - 320))); border-radius: 0;} .loader_skeleton .height-100 .home-slider .home{height: 100vh !important;} .loader_skeleton .height-85 .home-slider .home{height: 85vh !important;} .loader_skeleton .vertical-banner .banner-effect .bg-size{width: calc(196px + (610 - 196) * ((100vw - 320px) / (1920 - 320))); height: calc(196px + (610 - 196) * ((100vw - 320px) / (1920 - 320))); background: #f3f3f3;} .loader_skeleton .vertical-banner .vertical-content h2{width: calc(120px + (200 - 120) * ((100vw - 320px) / (1920 - 320))); height: 12px; border-radius: 0; margin-left: auto; margin-right: auto;} .loader_skeleton .vertical-banner .vertical-content a{display: block; width: calc(80px + (160 - 80) * ((100vw - 320px) / (1920 - 320))); height: 12px; border-radius: 0; margin-left: auto; margin-right: auto;} .sm, .sm ul, .sm li{display: block; list-style: none; margin: 0; padding: 0; line-height: normal; direction: ltr; text-align: left;} .sm{-webkit-box-sizing: border-box; box-sizing: border-box; z-index: 1;} .sm ul{display: none;} .sm li{position: relative;} .sm > li > h1{margin: 0; padding: 0;} .sm > li > h2{margin: 0; padding: 0;} .sm > li > h3{margin: 0; padding: 0;} .sm > li > h4{margin: 0; padding: 0;} .sm > li > h5{margin: 0; padding: 0;} .sm > li > h6{margin: 0; padding: 0;} .sm a{position: relative; display: block;} .sm a.disabled{cursor: default;} .sm *{-webkit-box-sizing: inherit; box-sizing: inherit;} .sm *::before{-webkit-box-sizing: inherit; box-sizing: inherit;} .sm *::after{-webkit-box-sizing: inherit; box-sizing: inherit;} .sm::after{content: ""; display: block; height: 0; font: 0/0 serif; clear: both; overflow: hidden;} .toggle-nav{position: relative; padding-top: 40px; padding-bottom: 40px; cursor: pointer;} .toggle-nav i{font-size: 24px; color: var(--theme-color); opacity: 0.6;} .mega-menu-banner:hover:before{display: none;} .new-tag{padding-left: 3px; color: var(--theme-color); text-transform: uppercase; font-size: 12px; font-weight: 700;} .up-text{position: relative;} .up-text span{position: absolute; top: -5px; right: -10px; color: var(--theme-color); font-size: 12px; font-weight: 700;} .pixelstrap.sm-vertical a .sub-arrow{margin-top: -22px; right: 7px;} .pixelstrap ul{border-radius: 0;} .pixelstrap.light-font-menu li > a{color: #393230;} .pixelstrap a, .pixelstrap a:hover, .pixelstrap a:active{padding-right: 45px; color: #222; font-size: 16px; font-weight: 500; line-height: 23px; text-decoration: none; text-transform: capitalize; padding-top: 20px; padding-bottom: 20px; letter-spacing: 0.07em;} .pixelstrap a:hover{color: var(--theme-color);} .pixelstrap a.disabled{color: #fbe7db;} .pixelstrap a .sub-arrow{position: absolute; top: 50%; margin-top: -17px; left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; right: 15px; width: 34px; height: 34px; overflow: hidden; font-weight: bold; font-stretch: normal; font-size: 16px; text-align: center; text-shadow: none; border-radius: 4px;} .pixelstrap a:hover .sub-arrow{transform: rotate(180deg); transition: transform 0.3s ease;} .pixelstrap ul{background: #fff;} .pixelstrap ul ul{background: rgba(237, 143, 90, 0.04);} .pixelstrap ul a, .pixelstrap ul a:hover, .pixelstrap ul a:focus, .pixelstrap ul a:active{background: rgba(0, 0, 0, 0); color: #e9793a; font-size: 14px; text-shadow: none;} .pixelstrap ul a.current{background: #ec8951; color: #fff;} .pixelstrap ul a.disabled{color: #b3b3b3;} .pixelstrap ul ul a, .pixelstrap ul ul a:hover, .pixelstrap ul ul a:focus, .pixelstrap ul ul a:active{border-left: 16px solid transparent;} .pixelstrap ul ul ul a, .pixelstrap ul ul ul a:hover, .pixelstrap ul ul ul a:focus, .pixelstrap ul ul ul a:active{border-left: 24px solid transparent;} .pixelstrap ul ul ul ul a, .pixelstrap ul ul ul ul a:hover, .pixelstrap ul ul ul ul a:focus, .pixelstrap ul ul ul ul a:active{border-left: 32px solid transparent;} .pixelstrap ul ul ul ul ul a, .pixelstrap ul ul ul ul ul a:hover, .pixelstrap ul ul ul ul ul a:focus, .pixelstrap ul ul ul ul ul a:active{border-left: 40px solid transparent;} .pixelstrap ul li{border-top: 1px solid rgba(0, 0, 0, 0.05);} .pixelstrap ul li:first-child{border-top: 0;} .pixelstrap .mega{position: unset !important;} .pixelstrap .mega .full-mega-menu.center-mega-menu{margin-left: 0 !important;} .pixelstrap .mega ul{margin-left: 0 !important; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content;} .pixelstrap .icon-trend{color: var(--theme-color);} .pixelstrap .full-mega-menu, .pixelstrap .clothing-menu{max-width: inherit !important; padding: 30px 0 15px;} .pixelstrap .full-mega-menu .mega-img, .pixelstrap .clothing-menu .mega-img{margin-top: 15px; width: 200%;} .pixelstrap .full-mega-menu a, .pixelstrap .clothing-menu a{padding: 0; position: relative;} .pixelstrap .full-mega-menu a h6, .pixelstrap .clothing-menu a h6{font-size: 14px; text-align: center; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-weight: 400; text-transform: capitalize; color: #222;} .pixelstrap .full-mega-menu a img, .pixelstrap .clothing-menu a img{display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto;} .pixelstrap .full-mega-menu a:hover, .pixelstrap .clothing-menu a:hover{padding: 0;} .pixelstrap .full-mega-menu a:hover:before, .pixelstrap .clothing-menu a:hover:before{width: 50px;} .pixelstrap .link-section h5{letter-spacing: unset; padding: 0; font-size: 16px; font-weight: 600; margin-bottom: 24px; color: #222; position: relative; text-transform: capitalize;} .pixelstrap .link-section h5::before{content: ""; position: absolute; bottom: -10px; width: 36px; height: 2px; background-color: var(--theme-color); left: 0;} .pixelstrap .link-section .menu-title + .menu-title{margin-top: 15px;} .pixelstrap .link-section ul{position: relative; display: block; padding: 0;} .pixelstrap .link-section ul li a{padding-left: 0; margin: 12px 0 0 0; font-size: 15px; position: relative; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 0; cursor: pointer; letter-spacing: unset; font-weight: 400;} .pixelstrap .full-mega-menu{width: 100% !important; padding: 30px !important; border-radius: 0;} .pixelstrap .full-mega-menu .img-section img{margin-top: 15px;} .pixelstrap .clothing-menu{width: 815px !important; padding: 15px 30px 25px !important; background-color: #fff;} .pixelstrap .clothing-menu li img{padding: 20px 0 10px 0;} .pixelstrap .clothing-menu .link-section h5{margin-top: 15px;} .pixelstrap .clothing-menu .link-section ul{background: none;} .pixelstrap .mega-menu ul{-webkit-box-shadow: none; box-shadow: none;} .pixelstrap li a{position: relative;} .pixelstrap li .lable-nav{position: absolute; background-color: var(--theme-color); padding: 2px 7px; color: #fff; top: 20px; text-transform: uppercase; font-size: 9px; left: 28px; line-height: 1.3;} .pixelstrap li .lable-nav:before{position: absolute; content: ""; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid var(--theme-color); top: 15px; left: 22px;} .pixelstrap li .lable-nav.lable-red{background-color: #ff4c3b;} .pixelstrap li .lable-nav.lable-red:before{border-top: 5px solid #ff4c3b;} .sm-vertical{background-color: #fff;} .sidenav{height: 100vh; width: 300px; position: fixed; z-index: 9999; top: 0; left: -300px; background-color: #fff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .sidenav .sidebar-back{padding: calc(12px + (20 - 12) * ((100vw - 320px) / (1920 - 320))) calc(17px + (20 - 17) * ((100vw - 320px) / (1920 - 320))); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320))); color: #222; font-weight: 700; text-transform: uppercase; border-bottom: 1px solid #efefef; margin-bottom: 20px; cursor: pointer;} .sidenav nav{background-color: #fff; z-index: 9; position: relative; height: 100vh; top: 0; overflow-y: auto;} .sidenav nav > .pixelstrap > li > .has-submenu, .sidenav nav > .pixelstrap > li > a{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 14px; padding: 9px 23px;} .sidenav nav > .pixelstrap > li > .has-submenu:hover, .sidenav nav > .pixelstrap > li > a:hover{padding: 9px 23px;} .sidenav nav > .pixelstrap > li > .has-submenu .sub-arrow, .sidenav nav > .pixelstrap > li > a .sub-arrow{position: relative; inset: unset; margin: 0; width: auto; height: auto;} .sidenav nav > .pixelstrap > li > .has-submenu .sub-arrow::before, .sidenav nav > .pixelstrap > li > a .sub-arrow::before{position: relative; inset: unset;} .sidenav.open-side{left: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .sidenav.open-side .sidebar-overlay{opacity: 0.8; visibility: visible;} .sidenav .sidebar-overlay{visibility: hidden; opacity: 0; background-color: #212331; position: fixed; z-index: 6; top: 0; left: 0; width: 100%; height: 100vh; -webkit-transition: all 1s; transition: all 1s;} .sidenav .closebtn{position: absolute; top: 0; font-size: 36px; margin-left: 50px; margin-top: 50px; color: #938d8c;} .sidenav .pixelstrap li a{padding: 10px 50px 20px 40px;} .sidenav .pixelstrap li ul li a{padding: 5px 35px;} .sidenav .pixelstrap li ul li a:active, .sidenav .pixelstrap li ul li a:focus, .sidenav .pixelstrap li ul li a.highlighted{padding: 5px 35px;} .sidenav .pixelstrap li .clothing-menu li a{padding: 5px 0 !important;} .sidenav .pixelstrap li .clothing-menu li a:focus{font-size: 14px;} .sidenav .pixelstrap li .clothing-menu li a:hover{font-size: 14px; padding: 5px 0;} .sidenav .pixelstrap li .clothing-menu li a:focus, .sidenav .pixelstrap li .clothing-menu li a:hover{padding: 5px 0 !important;} .mega-box .link-section{margin-top: -15px;} .mega-box .link-section .demo ul li a{position: relative;} .mega-box .link-section .demo ul li a:hover, .mega-box .link-section .demo ul li a:focus{padding-top: 3px; padding-bottom: 3px;} .mega-box .link-section .demo .new{position: absolute; top: -8px; right: 0px; color: #fff; background-color: var(--theme-color); padding: 2px 7px; text-transform: uppercase; font-size: 9px; line-height: 1.3;} .mega-box .link-section .demo .title{border-bottom: 2px solid red !important;} .mega-box .link-section .menu-title{margin-top: 15px;} @media (min-width: 1200px){.toggle-nav{display: none;} .center-margin{margin-right: -30px;} .sm-vertical li ul li a .sub-arrow{margin-top: -15px !important;} .mobile-back{display: none !important;} .pixelstrap ul{position: absolute; width: 16em !important;} .pixelstrap li{position: relative; float: left;} .pixelstrap.sm-rtl li{float: right;} .pixelstrap ul li, .pixelstrap.sm-rtl ul li, .pixelstrap.sm-vertical li{float: none;} .pixelstrap a{white-space: nowrap;} .pixelstrap ul a, .pixelstrap.sm-vertical a{white-space: normal;} .pixelstrap .sm-nowrap > li > a{z-index: 0;} .pixelstrap .sm-nowrap > li > a::before{left: 35px; bottom: 5px;} .pixelstrap .sm-nowrap > li > a:hover::before{width: 50px;} .pixelstrap .sm-nowrap > li > a, .pixelstrap .sm-nowrap > li > :not(ul) a{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .pixelstrap .sm-nowrap > li > a.highlighted, .pixelstrap .sm-nowrap > li > :not(ul) a.highlighted{white-space: nowrap;} .sm-horizontal .mega-menu li a{padding: 0;} .sm-horizontal .mega-menu li a:focus, .sm-horizontal .mega-menu li a:active{padding: 0;} .pixelstrap ul{-webkit-box-shadow: 0 1px 6px 0 #ebebeb; box-shadow: 0 1px 6px 0 #ebebeb;} .pixelstrap .mega{position: static !important;} .pixelstrap .mega ul{margin-left: 0 !important;} .pixelstrap .mega ul ul{-webkit-box-shadow: none; box-shadow: none;} .pixelstrap .full-mega-menu, .pixelstrap .clothing-menu{-webkit-box-shadow: 0 1px 6px 0 #ebebeb; box-shadow: 0 1px 6px 0 #ebebeb;} .pixelstrap .full-mega-menu a, .pixelstrap .clothing-menu a{padding: 0; position: relative;} .pixelstrap .full-mega-menu{position: absolute; background-image: url("../images/mega.jpg"); background-repeat: no-repeat; background-position: bottom; background-size: cover;} .pixelstrap .full-mega-menu.center-mega-menu{left: 50% !important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} .pixelstrap .full-mega-menu.custom-width{min-width: 15em !important;} .pixelstrap .full-mega-menu.layout-3{margin-left: -100px !important; -webkit-transform: unset !important; transform: unset !important;} .pixelstrap .full-mega-menu ul{background-color: transparent;} .pixelstrap .category-menu.center-menu{left: 50% !important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} .pixelstrap a .sub-arrow::before{content: "\ea4e"; font-family: remixicon; font-style: normal; -webkit-font-smoothing: antialiased; position: absolute;} .pixelstrap ul{border: none; padding: 15px 0px 15px 0px; background: #fff;} .pixelstrap ul ul{background: #fff;} .pixelstrap ul a{position: relative;} .pixelstrap ul a:before{content: ""; position: absolute; width: 0; height: 4px; bottom: 2px; left: 0; background-color: var(--theme-color); opacity: 0.3; border-radius: 50px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: -1;} .pixelstrap ul a, .pixelstrap ul a:hover, .pixelstrap ul a:focus, .pixelstrap ul a:active, .pixelstrap ul a.highlighted{border: 0 !important; background: rgba(0, 0, 0, 0); color: #222; border-radius: 0 !important; font-size: 14px; font-weight: 400; text-transform: capitalize; padding: 5px 35px;} .pixelstrap ul a .sub-arrow:before{content: "\ea6e"; font-family: remixicon; font-style: normal; -webkit-font-smoothing: antialiased; position: absolute;} .pixelstrap ul li{border: 0;} .pixelstrap .scroll-up, .pixelstrap .scroll-down{position: absolute; display: none; visibility: hidden; overflow: hidden; background: #fff; height: 20px;} .pixelstrap .scroll-up-arrow, .pixelstrap .scroll-down-arrow{position: absolute; top: -2px; left: 50%; margin-left: -8px; width: 0; height: 0; overflow: hidden; border-width: 8px; border-style: dashed dashed solid dashed; border-color: transparent transparent #e9793a transparent;} .pixelstrap .scroll-down-arrow{top: 6px; border-style: solid dashed dashed dashed; border-color: #e9793a transparent transparent transparent;} .pixelstrap.sm-rtl.sm-vertical a .sub-arrow:before{content: "\f105"; font-family: FontAwesome; position: absolute;} .pixelstrap.sm-rtl > li:first-child{border-left: 1px solid #e9793a;} .pixelstrap.sm-rtl > li:last-child{border-left: 0;} .pixelstrap.sm-rtl ul a .sub-arrow{right: auto; left: 10px;} .pixelstrap.sm-vertical a{padding: 9px 23px;} .pixelstrap.sm-vertical a .sub-arrow:before{content: "\f105"; font-family: FontAwesome; position: absolute;} .pixelstrap.sm-vertical > li{border-left: 0 !important;} .main-nav-center > nav{text-align: center;} .main-nav-center .sm{display: inline-block; vertical-align: middle;} .main-nav-center .sm > li .lable-nav{top: -6px;} .main-nav-center .sm > li > a{padding-top: 20px; padding-bottom: 20px;} .main-nav-center .sm > li > a > span.sub-arrow{display: ruby-text-container;} .layout3-menu .pixelstrap a{text-transform: capitalize; padding-right: 34px; letter-spacing: 0.04em;} .layout3-menu .pixelstrap .sub-arrow{right: 7px;} .layout3-menu .pixelstrap > li > a{font-size: 15px;} .header-style-5.color-style .main-nav-center .sm > li > a{padding-top: 12px; padding-bottom: 14px;} .header-style-5 .main-nav-center .sm > li .lable-nav{top: -5px;}} @media (max-width: 1440px){.pixelstrap .category-menu{width: 698px !important;} .pixelstrap .full-mega-menu.layout-3{margin-left: 0 !important;}} @media (max-width: 1367px){.pixelstrap .full-mega-menu.layout-3{width: 1079px !important;} .pixelstrap a{font-size: 14px;} .pixelstrap a:hover, .pixelstrap a:active{font-size: 14px;}} @media (max-width: 1199px){.mega-box .link-section{margin-top: 0;} .mega-box .link-section .menu-title{margin-top: 0;} .mega-box .link-section .demo ul li a span img{top: 30px; right: -60px;} .sm-horizontal{position: fixed; background-color: #fff; width: 300px; border-radius: 0; border: 1px solid #eee; top: 0; height: 100vh; right: -300px; z-index: 99; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; overflow: scroll; flex-direction: column;} .sm-horizontal .mobile-box{position: sticky; top: 0; left: 0; background-color: #fff; z-index: 1;} .sm-horizontal .mobile-back{padding: 20px; text-transform: uppercase; -webkit-box-shadow: 0 2px 10px -3px rgba(34, 34, 34, 0.1); box-shadow: 0 2px 10px -3px rgba(34, 34, 34, 0.1); cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--theme-color); font-size: 18px; margin: 0; letter-spacing: 0.6px; font-weight: 600;} .sm-horizontal .mobile-back i{font-size: 20px; background: unset; opacity: 1; font-weight: normal; width: unset; height: unset; line-height: 1; position: relative; inset: unset; -webkit-transform: unset; transform: unset; margin: 0; padding: 0; color: #222;} .mega-box.col{-ms-flex-preferred-size: unset; flex-basis: unset;} .pixelstrap .feature-menu.product-menu{width: 100% !important;} .pixelstrap .mega{position: unset !important;} .pixelstrap .mega .full-mega-menu{margin-left: 0 !important;} .pixelstrap .mega ul{margin-left: 0 !important;} .pixelstrap .full-mega-menu, .pixelstrap .clothing-menu{width: 100% !important; padding: 0 30px 0 18px !important;} .pixelstrap a{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px;} .pixelstrap a.highlighted .sub-arrow:before{content: "\f1af";} .pixelstrap a .sub-arrow{position: relative; inset: unset; margin: 0; width: unset; margin-left: auto; height: unset; font-size: 14px !important; font-weight: 400 !important; line-height: 1 !important;} .pixelstrap a .sub-arrow:before{content: "\ea13"; font-family: remixicon; font-style: normal; -webkit-font-smoothing: antialiased;} .pixelstrap > li > ul{padding-top: 14px;} .pixelstrap .link-section .menu-title h5{cursor: pointer; margin-bottom: 0; padding: 9px 0 0; font-size: 15px; text-transform: capitalize; line-height: 24px; font-weight: 500; color: rgba(34, 34, 34, 0.8);} .pixelstrap .link-section .menu-title h5::before{content: none;} .pixelstrap .link-section .menu-title.active .according-menu:before{content: "\f1af"; position: absolute; right: -18px;} .pixelstrap .link-section .menu-title .according-menu:before{content: "\ea13"; font-family: remixicon; font-style: normal; -webkit-font-smoothing: antialiased; position: absolute; right: -18px;} .pixelstrap .link-section .menu-content{margin-block: 8px 22px;} .pixelstrap .link-section .menu-content a{text-transform: capitalize; margin-top: 0; border: none; padding-left: 13px; margin-left: 11px;} .pixelstrap .link-section .menu-content a::before{content: ""; position: absolute; width: 7px; height: 1px; background-color: rgba(74, 85, 104, 0.65); top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: -4px;} .pixelstrap .link-section .menu-content a:hover{font-size: 15px;} .pixelstrap .link-section .menu-content li + li a{margin-top: 10px;} .pixelstrap .link-section ul{background-color: unset;} .pixelstrap .link-section h5{font-weight: 700;} .pixelstrap .full-mega-menu .mega-box{border-right: none; margin-bottom: 0;} .pixelstrap .category-menu a img{width: 30% !important;} .pixelstrap .clothing-menu{background: none;} .pixelstrap .clothing-menu .link-section h5{cursor: pointer; margin: 0; padding: 9px 0 0; font-size: 15px; text-transform: capitalize; line-height: 24px; font-weight: 500; color: rgba(34, 34, 34, 0.8);} .pixelstrap .clothing-menu .link-section h5::before{content: none;} .pixelstrap .clothing-menu .link-section > ul > li + li{padding-top: 0;} .pixelstrap .clothing-menu .link-section > ul > li > a{text-transform: capitalize; margin-top: 0; border: none; padding-left: 13px !important; margin-left: 11px;} .pixelstrap .clothing-menu .link-section > ul > li > a:hover{padding-left: 13px !important; font-size: 15px;} .pixelstrap .clothing-menu .link-section > ul > li > a:hover::before{background-color: var(--theme-color);} .pixelstrap .clothing-menu .link-section > ul > li > a::before{content: ""; position: absolute; width: 7px; height: 1px; background-color: rgba(74, 85, 104, 0.65); top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: -4px;} .pixelstrap li .lable-nav{position: relative; inset: unset; display: inline-block;} .pixelstrap li .lable-nav::before{content: none;} .pixelstrap li + li{padding-top: 15px;} .pixelstrap li a{padding: 0 calc(16px + 8 * (100vw - 320px) / 880); font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1200 - 320))); line-height: 1.3;} .pixelstrap li a:hover{font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1200 - 320))); line-height: 1.3; padding: 0 calc(16px + 8 * (100vw - 320px) / 880);} .pixelstrap li ul li a{padding: 0 35px; font-size: 14px; color: #222; font-weight: 400; letter-spacing: unset;} .pixelstrap li ul li a:hover{color: var(--theme-color); font-size: 14px; padding: 0 35px;} .pixelstrap li > ul > li > ul{margin-top: 13px; margin-left: 27px;} .pixelstrap li > ul > li > ul > li a{text-transform: capitalize; margin-top: 0; border: none; padding-left: 13px; margin-left: 11px;} .pixelstrap li > ul > li > ul > li a::before{content: ""; position: absolute; width: 7px; height: 1px; background-color: rgba(74, 85, 104, 0.65); top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: -4px;} .pixelstrap li > ul > li > ul > li a:hover{padding: 0 13px; border: none;} .pixelstrap li:last-child{margin-bottom: 15px;} .pixelstrap .category-menu a:hover img{-webkit-transform: scale(1); transform: scale(1);} .pixelstrap.sm-vertical a .sub-arrow{margin-top: 0;} .pixelstrap .mega ul{max-width: 100%;} .pixelstrap ul li{border-top: none;} .pixelstrap ul ul{background-color: transparent;} .sidenav{overflow-y: auto;} .sidenav .pixelstrap li > .has-submenu{font-size: 15px; line-height: 1.3; padding: 0 calc(16px + 8 * (100vw - 320px) / 880);} .sidenav .pixelstrap li a{padding: 0 calc(16px + 8 * (100vw - 320px) / 880);} .sidenav .pixelstrap li a:hover{padding: 0 calc(16px + 8 * (100vw - 320px) / 880);} .sidenav .pixelstrap li > ul > li > a{padding-left: 13px !important;} .sidenav .pixelstrap li > ul{margin-block: 8px 22px; padding: 5px 0 0;} .sidenav .pixelstrap li > ul > li + li{padding-top: 9px;} .sidenav .pixelstrap li > ul > li > a{margin-top: 0; border: none; cursor: pointer; margin-bottom: 0; padding: 0; font-size: 15px; text-transform: capitalize; line-height: 1.3; font-weight: 500; color: rgba(34, 34, 34, 0.8); padding-left: 13px; margin-left: 11px;} .sidenav .pixelstrap li > ul > li > ul{margin-left: 14px;} .main-menu.border-section{border: none;} .main-menu .menu-left .main-menu-right .toggle-nav{position: absolute; z-index: 2; right: 145px; top: 6px;} .main-menu .menu-left .main-menu-right .toggle-nav .sidebar-name{font-size: 18px; padding-left: 5px; text-transform: uppercase;} .main-nav-center .toggle-nav{position: absolute; z-index: 8; right: 164px; top: -109px;} header.header-2 .main-nav-center .toggle-nav{top: -95px; right: 157px;} header.header-6 .main-nav-center .toggle-nav{top: calc(-83px + (-90 - -83) * ((100vw - 577px) / (1200 - 577)));} .layout3-menu .main-menu .menu-left .main-menu-right .toggle-nav{right: unset; top: -3px; padding-block: 26px;} .toggle-nav{padding-block: 33px;} .menu-content > ul > li{padding-top: 0;} .menu-content > ul > li a{margin-top: 0;} .menu-content > ul > li + li a{margin-top: 12px;}} @media (max-width: 991px){.top-header .header-contact{display: none;}} @media (max-width: 767px){header.header-6 .main-nav-center .toggle-nav{right: 123px;}} @media (min-width: 578px){.main-menu .menu-right .icon-nav .mobile-search .close-circle i, .main-menu .menu-right .icon-nav .mobile-cart .close-circle i, .main-menu .menu-right .icon-nav .mobile-setting .close-circle i{display: block;} .main-menu .menu-right .icon-nav .mobile-search .show-div .form-inline button i{display: inline-block;}} @media (max-width: 577px){.top-header{height: 0;} header.header-2 .main-nav-center .toggle-nav{top: -64px; right: 15px;} header.header-2.green-gradient .main-nav-center .toggle-nav{top: -63px;} header.header-style-5 .main-nav-center .toggle-nav{top: -63px; right: 15px;} header.header-6 .main-nav-center .toggle-nav{top: -73px; right: 15px;} header.left-header .top-header .header-dropdown li i{color: #999999;}} @media (max-width: 577px) and (max-width: 577px){header.video-header .toggle-nav{padding-block: 7px;}} @media (max-width: 577px){.home-slider{margin-bottom: -6px;} .header-style-5.color-style .main-menu .menu-right .icon-nav li i{color: #999;} .header-style-5.color-style .top-header .header-dropdown li a i{color: #999;} .header-style-5.color-style .toggle-nav{padding-top: 16px; padding-bottom: 16px;} .main-nav-center .toggle-nav{right: 15px; top: -67px;} .mobile-fix-option{position: fixed; bottom: 0; left: 0; height: 60px; background-color: #fff; width: 100vw; z-index: 8; -webkit-box-shadow: 0 2px 5px 0 #a8a8a8; box-shadow: 0 2px 5px 0 #a8a8a8;} .mobile-fix-option.dark-bg{background-color: #1b1c21;} .header-5 .top-header .header-dropdown .mobile-wishlist img, .header-5 .top-header .header-dropdown .mobile-account img{-webkit-filter: none; filter: none; width: 20px; opacity: 0.6;} .header-5 .main-menu .brand-logo{margin: 0; left: 0; -webkit-transform: unset; transform: unset;} .top-header .header-dropdown li:first-child{line-height: unset;} .top-header .header-dropdown .mobile-account i:before{content: "\f264";} .top-header .header-dropdown li:first-child{font-size: 0;} .top-header .header-dropdown li:first-child i:before{content: "\ee0f";} .top-header .header-dropdown .mobile-account, .top-header .header-dropdown .mobile-wishlist{position: fixed; bottom: 16px; right: 32%; font-size: 0; padding: 0; z-index: 9;} .top-header .header-dropdown .mobile-account i, .top-header .header-dropdown .mobile-wishlist i{font-size: 22px; color: #999;} .top-header .header-dropdown .mobile-account .onhover-show-div, .top-header .header-dropdown .mobile-wishlist .onhover-show-div{top: unset; bottom: 42px; right: 0;} .top-header .header-dropdown .mobile-account:hover i, .top-header .header-dropdown .mobile-wishlist:hover i{color: #999;} .top-header .header-dropdown .mobile-wishlist{right: 64%;} .top-header .header-dropdown .mobile-wishlist i{color: #999 !important;} .main-menu .menu-left.category-nav-right .navbar{padding-left: 0 !important;} .main-menu .menu-left .navbar{padding: 16px 45px 16px 0 !important;} .main-menu .menu-right .icon-nav .mobile-setting, .main-menu .menu-right .icon-nav .mobile-cart, .main-menu .menu-right .icon-nav .mobile-search{position: fixed; bottom: 16px; right: 16%; font-size: 0; padding: 0;} .main-menu .menu-right .icon-nav .mobile-setting .show-div, .main-menu .menu-right .icon-nav .mobile-cart .show-div, .main-menu .menu-right .icon-nav .mobile-search .show-div{top: -58px; left: 0;} .main-menu .menu-right .icon-nav .mobile-setting .show-div.shopping-cart, .main-menu .menu-right .icon-nav .mobile-cart .show-div.shopping-cart, .main-menu .menu-right .icon-nav .mobile-search .show-div.shopping-cart{top: unset; bottom: 42px; left: -118px !important;} .main-menu .menu-right .icon-nav .mobile-setting i{display: inline-block; font-size: 22px; color: #999;} .main-menu .menu-right .icon-nav .mobile-setting > div img{display: none;} .main-menu .menu-right .icon-nav .mobile-setting .setting{top: unset; bottom: 42px; left: unset !important;} .main-menu .menu-right .icon-nav .mobile-cart{right: 48%;} .main-menu .menu-right .icon-nav .mobile-cart .close-circle i{font-size: 14px;} .main-menu .menu-right .icon-nav .mobile-cart i{display: inline-block; font-size: 22px; color: #999;} .main-menu .menu-right .icon-nav .mobile-cart > div img{display: none;} .main-menu .menu-right .icon-nav .mobile-search{right: 80%; z-index: 1;} .main-menu .menu-right .icon-nav .mobile-search i{display: inline-block; font-size: 22px; color: #999;} .main-menu .menu-right .icon-nav .mobile-search img{display: none;} .main-menu .menu-right .icon-nav .mobile-search .show-div .form-group{margin-bottom: 0;} .main-menu .menu-right .icon-nav .mobile-search .show-div .form-inline button i{font-size: 14px;} .brand-logo{position: absolute; left: 50%; margin-right: -50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding-top: 25px !important; padding-bottom: 25px !important;} .toggle-nav{padding-top: 16px; padding-bottom: 16px; padding-left: 10px;}} @media (max-width: 480px){.brand-logo img{height: 25px;}} .ribbon-1{width: 24px; height: 45px; background: var(--theme-color); top: -6px; left: 25px; position: absolute; -webkit-box-shadow: 4px 5px 15px 2px rgba(90, 90, 90, 0.35); box-shadow: 4px 5px 15px 2px rgba(90, 90, 90, 0.35);} .ribbon-1:before{height: 0; width: 0; border-bottom: 6px solid var(--theme-color); border-right: 6px solid transparent; right: -6px; content: ""; position: absolute;} .ribbon-1:after{height: 0; width: 0; border-left: 12px solid var(--theme-color); border-right: 12px solid var(--theme-color); border-bottom: 12px solid transparent; bottom: -11px; left: 0; content: ""; position: absolute;} .ribbon-1 span{display: block; color: #fff; height: 12px; text-transform: lowercase;} .theme-modal .modal-dialog .modal-content .modal-body{background-image: linear-gradient( 135deg, var(--theme-color) 5.77%, #fff 5.77%, #fff 25%, #111 25%, #111 30.77%, #fff 30.77%, #fff 50%, var(--theme-color) 50%, var(--theme-color) 55.77%, #fff 55.77%, #fff 75%, #111 75%, #111 80.77%, #fff 80.77%, #fff 100% ); background-size: 36.77px 36.77px; background-color: #fff;} .theme-modal .modal-dialog .modal-content .modal-body .modal-bg{background-color: #fff; padding: 45px;} .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .btn-close{padding-right: 10px; padding-top: 5px; position: absolute; right: 17px; top: 0;} .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .btn-close i{font-size: 20px;} .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .btn-close span{color: #000; font-size: 1.5rem; font-weight: 700; line-height: 1;} .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .age-content h2{border-bottom: 1px dashed #777; text-align: center; margin-bottom: 30px; padding-bottom: 30px; font-weight: 700;} .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .age-content h4{margin-bottom: 30px; text-align: center; color: #272727; font-size: 18px; font-weight: 400; text-transform: capitalize;} .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .age-content form{margin: 0 auto; text-align: center;} .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .age-content form > div{display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 10px;} .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .age-content form .form-control{padding-top: 15px; padding-bottom: 15px; text-align: center; font-size: 12px; height: 50px; border-radius: 0; width: 100%; letter-spacing: 0.05em;} .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .offer-content img{margin-bottom: 40px;} .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .offer-content h2{margin-bottom: 30px; text-align: center; color: #222;} .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .offer-content form .form-group{margin: 0 auto; text-align: center;} .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .offer-content form .form-group .form-control{padding-top: 15px; padding-bottom: 15px; text-align: center; font-size: 12px; max-width: 640px; left: 0; right: 0; margin: 0 auto; letter-spacing: 0.05em;} .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .offer-content form .form-group .btn-solid, .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .offer-content form .form-group .btn-outline{margin-top: 10px; text-align: center;} .theme-modal .modal-dialog .quick-view-modal button.btn-close, .theme-modal .modal-dialog .demo_modal button.btn-close{position: absolute; z-index: 1; right: 10px; top: 0; font-size: 30px; padding: 0;} .theme-modal .modal-dialog .quick-view-modal .view-detail, .theme-modal .modal-dialog .demo_modal .view-detail{font-size: 14px; font-weight: 700; text-transform: uppercase;} .theme-modal.demo-modal .modal-dialog .modal-content .modal-body{height: 75vh; overflow-y: scroll; padding: 25px; background-image: none !important;} .theme-modal.demo-modal .modal-dialog .modal-content .modal-body::-webkit-scrollbar{width: 5px;} .theme-modal.demo-modal .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track{background: #f1f1f1;} .theme-modal.demo-modal .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb{background: var(--theme-color);} .theme-modal.demo-modal .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb:hover{background: #555;} .theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg{padding: 25px;} .theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg.addtocart .media a img{max-width: 150px;} .theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg.addtocart .media .media-body{padding: 0 15px;} .theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg.addtocart .media .media-body a h6{font-size: 16px;} .theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg.addtocart .media .media-body a h6 i{margin-right: 8px; color: #19a340; font-size: 14px; width: 18px; height: 18px; line-height: 18px; border-radius: 50%;} .theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg.addtocart .media .media-body .buttons a{display: inline-block; font-size: 16px; padding: 6px 10px; margin: 0 6px;} .theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg.addtocart #upsell_product .product-box{padding-left: 10px; padding-right: 10px;} .theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg.addtocart #upsell_product .product-box .product-detail{text-align: center;} .theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg.addtocart #upsell_product .product-box .product-detail h6{font-weight: 700; text-transform: capitalize;} .theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg.addtocart #upsell_product .product-box .product-detail h6 a{color: var(--theme-color);} .theme-modal.cart-modal .modal-dialog .modal-content .modal-body .upsell_payment{padding-top: 15px;} .theme-modal.cart-modal .modal-dialog .modal-content .modal-body .product-upsell{margin: 20px 0 10px;} .theme-modal.cart-modal .modal-dialog .modal-content .modal-body .product-upsell h4{font-weight: 600;} .theme-modal.exit-modal .media .media-body h4{font-size: 20px; line-height: 1.2; color: var(--theme-color); font-weight: 500;} .theme-modal.exit-modal .media .media-body h5{font-size: 18px; color: #777; margin-bottom: 0;} #quick-view .modal-dialog .modal-content .modal-body{background-image: none;} .modal .btn-close{padding-right: 10px; padding-top: 5px; position: absolute; right: 17px; top: 30;} .modal .btn-close span{color: #000; font-size: 1.5rem; font-weight: 700; line-height: 1;} .recently-purchase{background: #fff; border: 0; border-radius: 0; bottom: -100px; left: 20px; padding: 0; position: fixed; text-align: left; width: auto; z-index: 9; -webkit-box-shadow: 0 0 4px 0 #d0d0d0; box-shadow: 0 0 4px 0 #d0d0d0; padding: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;} .recently-purchase .close-popup{position: absolute; right: 7px; top: 6px; opacity: 0.5; color: black;} .recently-purchase .media-body{padding: 0 30px 0 12px;} .recently-purchase .media-body .title{font-weight: 600;} .recently-purchase .media-body .product-name{color: var(--theme-color);} .recently-purchase .media-body .timeAgo{display: block;} .recently-purchase.show{bottom: 20px; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;} .blackfriday-modal .modal-content{background-image: url(../images/modal/blackfriday.jpg); background-repeat: no-repeat; background-size: cover;} .blackfriday-modal .btn-close{position: absolute; top: 10px; right: 20px; opacity: 0.7; font-size: 22px; color: #fff;} .blackfriday-modal .modal-body{padding: 0; background-color: rgba(35, 35, 35, 0.94);} .blackfriday-modal .modal-body .modal-bg{padding: 35px; position: relative; z-index: 1; overflow: hidden;} .blackfriday-modal .modal-body .modal-bg .content{text-align: center; margin-top: -12px;} .blackfriday-modal .modal-body .modal-bg .content h1{font-family: "Recursive", sans-serif; background: -webkit-gradient(linear, left top, left bottom, color-stop(22%, #cfc09f), color-stop(10%, #cfc1a0), color-stop(26%, #cfc09f), color-stop(27%, #cfc09f), color-stop(40%, #f1dea7), color-stop(78%, #736236)); background: linear-gradient(to bottom, #cfc09f 22%, #cfc1a0 10%, #cfc09f 26%, #cfc09f 27%, #f1dea7 40%, #736236 78%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: calc(30px + (80 - 30) * ((100vw - 320px) / (1920 - 320))); max-width: 60%; margin: 0 auto; line-height: 1;} .blackfriday-modal .modal-body .modal-bg .content h2{color: #fff; font-family: "Dancing Script", cursive; text-transform: capitalize; font-size: calc(36px + (55 - 36) * ((100vw - 320px) / (1920 - 320)));} .blackfriday-modal .modal-body .modal-bg .content .discount{text-transform: uppercase; color: #fff; line-height: 1; font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320))); text-transform: uppercase; color: #fff; line-height: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .blackfriday-modal .modal-body .modal-bg .content .discount span{background: -webkit-gradient(linear, left top, left bottom, color-stop(22%, #cfc09f), color-stop(10%, #cfc1a0), color-stop(26%, #cfc09f), color-stop(27%, #cfc09f), color-stop(40%, #f1dea7), color-stop(78%, #736236)); background: linear-gradient(to bottom, #cfc09f 22%, #cfc1a0 10%, #cfc09f 26%, #cfc09f 27%, #f1dea7 40%, #736236 78%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: calc(16px + (30 - 16) * ((100vw - 320px) / (1920 - 320))); padding: 0 5px; line-height: 1; font-weight: 700;} .blackfriday-modal .modal-body .modal-bg .content .discount span.plus{background: none; -webkit-text-fill-color: #fff; font-weight: 700; line-height: 1;} .blackfriday-modal .modal-body .modal-bg .content p{margin-bottom: 0; font-size: 14px; margin-top: 12px;} .blackfriday-modal .modal-body .modal-bg .content .btn{border: none; margin-top: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320))); background: -webkit-gradient(linear, right top, left top, from(#8e7e55), color-stop(#94845b), color-stop(#cfc09f), to(#87774f)); background: linear-gradient(-90deg, #8e7e55, #94845b, #cfc09f, #87774f); background-size: 400% 100%; -webkit-animation: Gradient 4s ease infinite; animation: Gradient 4s ease infinite; font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320))); font-weight: 400; color: white !important; cursor: text;} .blackfriday-modal .modal-body .modal-bg .content .btn span{font-weight: 800;} @-webkit-keyframes Gradient{50%{background-position: 140% 50%; -webkit-transform: skew(-2deg); transform: skew(-2deg);}} @keyframes Gradient{50%{background-position: 140% 50%; -webkit-transform: skew(-2deg); transform: skew(-2deg);}} .blackfriday-modal .side-lines{position: absolute; left: -50px; top: 0px; width: 180px; height: 2px; background: -webkit-gradient(linear, left top, left bottom, color-stop(22%, #cfc09f), color-stop(10%, #cfc1a0), color-stop(26%, #cfc09f), color-stop(27%, #cfc09f), color-stop(40%, #f1dea7), color-stop(78%, #736236)); background: linear-gradient(to bottom, #cfc09f 22%, #cfc1a0 10%, #cfc09f 26%, #cfc09f 27%, #f1dea7 40%, #736236 78%); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);} .blackfriday-modal .side-lines span{position: absolute; left: -45px; top: 13px; width: 180px; height: 6px; background: -webkit-gradient(linear, left top, left bottom, color-stop(22%, #cfc09f), color-stop(10%, #cfc1a0), color-stop(26%, #cfc09f), color-stop(27%, #cfc09f), color-stop(40%, #f1dea7), color-stop(78%, #736236)); background: linear-gradient(to bottom, #cfc09f 22%, #cfc1a0 10%, #cfc09f 26%, #cfc09f 27%, #f1dea7 40%, #736236 78%);} .blackfriday-modal.light-modal .btn-close{color: #fff; opacity: 1;} .blackfriday-modal.light-modal .modal-content{background-image: url(../images/modal/cybermonday.jpg);} .blackfriday-modal.light-modal .modal-body{background-color: transparent;} .blackfriday-modal.light-modal .modal-body .modal-bg .content h1.glitch{background: none; position: relative; -webkit-text-fill-color: unset;} .blackfriday-modal.light-modal .modal-body .modal-bg .content h1.glitch:after, .blackfriday-modal.light-modal .modal-body .modal-bg .content h1.glitch:before{content: attr(data-text); position: absolute; left: 0; right: 0; top: 0; width: 100%; margin: inherit; color: inherit;} .blackfriday-modal.light-modal .modal-body .modal-bg .content h1.glitch:before{-webkit-transform: skewX(6deg); transform: skewX(6deg); -webkit-animation: textNoise1 1.2s infinite linear alternate both; animation: textNoise1 1.2s infinite linear alternate both; text-shadow: -3px 0 #32fff8;} .blackfriday-modal.light-modal .modal-body .modal-bg .content h1.glitch:after{-webkit-transform: skewX(-6deg); transform: skewX(-6deg); -webkit-animation: textNoise2 1.2s infinite linear alternate both; animation: textNoise2 1.2s infinite linear alternate both; text-shadow: 3px 0 #f7392a;} .blackfriday-modal.light-modal .modal-body .modal-bg .content h2{color: #000000;} .blackfriday-modal.light-modal .modal-body .modal-bg .content .discount{color: black;} .blackfriday-modal.light-modal .modal-body .modal-bg .content .discount span{background: none; -webkit-text-fill-color: #f7392a;} .blackfriday-modal.light-modal .modal-body .modal-bg .content .discount span.plus{-webkit-text-fill-color: #000000;} .blackfriday-modal.light-modal .modal-body .modal-bg .content .btn{background: black;} .christmas-modal .modal-content{background-image: url("../images/christmas/parallax/3.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat;} .christmas-modal .btn-close{position: absolute; top: 10px; right: 20px; opacity: 1; color: #fff; font-size: 1.5rem; font-weight: 700; line-height: 1;} .christmas-modal .modal-body{padding: 0;} .christmas-modal .modal-body .modal-bg{padding: calc(25px + (55 - 25) * ((100vw - 320px) / (1920 - 320))) 25px; position: relative; z-index: 1; overflow: hidden;} .christmas-modal .modal-body .modal-bg .content{text-align: center; margin-top: calc(0px + (-12 - 0) * ((100vw - 320px) / (1920 - 320)));} .christmas-modal .modal-body .modal-bg .content h1{font-size: calc(22px + (60 - 22) * ((100vw - 320px) / (1920 - 320))); max-width: 60%; margin: 0 auto 10px; line-height: 1; color: #fff;} .christmas-modal .modal-body .modal-bg .content h2{color: #fff; text-transform: capitalize; font-size: calc(20px + (45 - 20) * ((100vw - 320px) / (1920 - 320)));} .christmas-modal .modal-body .modal-bg .content .discount{text-transform: uppercase; color: #fff; line-height: 1; font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320))); text-transform: uppercase; color: #fff; line-height: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: calc(14px + (30 - 14) * ((100vw - 320px) / (1920 - 320))) 0 calc(0px + (10 - 0) * ((100vw - 320px) / (1920 - 320)));} .christmas-modal .modal-body .modal-bg .content .discount span{font-size: calc(16px + (30 - 16) * ((100vw - 320px) / (1920 - 320))); padding: 0 5px; line-height: 1; font-weight: 700;} .christmas-modal .modal-body .modal-bg .content .discount span.plus{background: none; -webkit-text-fill-color: #fff; font-weight: 700; line-height: 1;} .christmas-modal .modal-body .modal-bg .content p{margin-bottom: 0; font-size: 14px; margin-top: 12px; color: #fff;} .christmas-modal .modal-body .modal-bg .christmas-btn{margin-top: 20px;} .newyear-modal .btn-close{background-color: #fff; opacity: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 15px; font-size: 17px; padding: 8px;} .newyear-modal .modal-body{padding: 0; background-color: rgba(35, 35, 35, 0.94);} .newyear-modal .modal-body .modal-bg{padding: 35px; position: relative; z-index: 1; overflow: hidden; background-image: url("../images/img.jpg"); background-position: center; background-size: cover;} .newyear-modal .modal-body .modal-bg .content{text-align: center; margin-top: -12px;} .newyear-modal .modal-body .modal-bg .content h1{font-family: "Recursive", sans-serif; font-size: calc(30px + (60 - 30) * ((100vw - 320px) / (1920 - 320))); max-width: 60%; margin: 0 auto; line-height: 1; color: #fff;} .newyear-modal .modal-body .modal-bg .content h2{color: #fff; font-family: "Dancing Script", cursive; text-transform: capitalize; font-size: calc(36px + (55 - 36) * ((100vw - 320px) / (1920 - 320)));} .newyear-modal .modal-body .modal-bg .content .discount{text-transform: uppercase; color: #fff; line-height: 1; font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320))); text-transform: uppercase; color: #fff; line-height: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .newyear-modal .modal-body .modal-bg .content .discount span{color: #f78687; font-size: calc(16px + (30 - 16) * ((100vw - 320px) / (1920 - 320))); padding: 0 5px; line-height: 1; font-weight: 700;} .newyear-modal .modal-body .modal-bg .content .discount span.plus{background: none; -webkit-text-fill-color: #fff; font-weight: 700; line-height: 1;} .newyear-modal .modal-body .modal-bg .content p{margin-bottom: 0; font-size: 14px; margin-top: 12px;} .newyear-modal .modal-body .modal-bg .content .btn{border: none; margin-top: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320))); background: #fff; font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320))); font-weight: 400; color: black !important; cursor: text;} .newyear-modal .modal-body .modal-bg .content .btn span{font-weight: 800;} .quick-view-modal .btn-close{position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; background-color: var(--theme-color); opacity: 1; background-image: none; border-radius: 0; font-size: calc(15px + 0.00125 * (100vw - 320px)); color: #fff; margin: 0; padding: 0; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .quick-view-modal .btn-close i{font-size: calc(19px + 3 * (100vw - 320px) / 1600); font-weight: 500;} .quick-view-modal .modal-body{padding: calc(15px + (25 - 15) * ((100vw - 320px) / (1920 - 320))) !important;} .quick-view-modal .modal-body .product-page-details{position: relative; inset: unset;} .quick-view-modal .modal-body .product-page-details .sale-timer-box{display: none;} .quick-view-modal .modal-body .variation-box{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px;} .quick-view-modal .modal-body .variation-box .sub-title{font-weight: 600; margin-bottom: calc(8px + (15 - 8) * ((100vw - 320px) / (1920 - 320))); font-size: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; letter-spacing: 0.01em; margin: 0;} .quick-view-modal .modal-body .quantity-variant{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; background-color: #fafafa; padding: 6px 6px; overflow: hidden; border: 1px solid #eee;} .quick-view-modal .modal-body .quantity-variant li{padding: 6px 10px; background-color: #fafafa; cursor: pointer;} .quick-view-modal .modal-body .quantity-variant li button{border: none; font-size: 14px; font-weight: 500; background-color: #fafafa;} .quick-view-modal .modal-body .quantity-variant li.active{background-color: #fff; border: 1px solid var(--theme-color);} .quick-view-modal .modal-body .quantity-variant li.active button{color: var(--theme-color); background-color: #fff;} .quick-view-modal .modal-body .quantity-variant.round li span{width: 20px; height: 20px; border-radius: 100%; display: block; cursor: pointer;} .quick-view-modal .modal-body .quantity-variant.circle li{width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 100%;} .quick-view-modal .modal-body .quantity-variant.radio .digital-size{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .quick-view-modal .modal-body .quantity-variant.radio .digital-size .form-check{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 6px; min-height: unset; margin-bottom: 0; padding: 0;} .quick-view-modal .modal-body .quantity-variant.radio .digital-size .form-check .form-check-input{width: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320))); height: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320))); margin: 0px; background-color: #fff; border: 1px solid #eee; border-radius: 100%;} .quick-view-modal .modal-body .quantity-variant.radio .digital-size .form-check .form-check-input:focus{border-color: transparent; -webkit-box-shadow: none; box-shadow: none;} .quick-view-modal .modal-body .quantity-variant.radio .digital-size .form-check .form-check-input:checked{position: relative; background-color: #fff; border-color: var(--theme-color); float: unset;} .quick-view-modal .modal-body .quantity-variant.radio .digital-size .form-check .form-check-input:checked::after{content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 10px; height: 10px; background-color: var(--theme-color); border-radius: 100%;} .quick-view-modal .modal-body .quantity-variant.radio .digital-size .form-check .form-check-label{font-size: calc(13px + (18 - 13) * ((100vw - 320px) / (1920 - 320)));} .quick-view-modal .modal-body .quantity-variant.select-dropdown.form-select{display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 150px !important;} .quick-view-modal .modal-body .view-main-slider{position: relative;} .quick-view-modal .modal-body .view-main-slider .slick-arrow{opacity: 1; position: absolute; top: 50%; border-radius: 100%; width: 30px; height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #222222; background-color: #fff; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-box-shadow: 0 0 8px rgba(221, 221, 221, 0.6); box-shadow: 0 0 8px rgba(221, 221, 221, 0.6); padding: 0; margin: 0; line-height: 1; z-index: 1; border: 1px solid #ececec;} .quick-view-modal .modal-body .view-main-slider .slick-arrow::before{color: #222; opacity: 1; font-family: remixicon; font-style: normal; -webkit-font-smoothing: antialiased;} .quick-view-modal .modal-body .view-main-slider .slick-arrow.slick-prev{left: -14px;} .quick-view-modal .modal-body .view-main-slider .slick-arrow.slick-prev::before{content: "\ea64";} .quick-view-modal .modal-body .view-main-slider .slick-arrow.slick-next{right: -14px;} .quick-view-modal .modal-body .view-main-slider .slick-arrow.slick-next::before{content: "\ea6e";} .quick-view-modal .modal-body .view-thumbnail-slider .slick-list{margin-inline: -8px;} .quick-view-modal .modal-body .view-thumbnail-slider .slick-list .slick-slide > div{padding-inline: 8px;} .quick-view-modal .modal-body .view-thumbnail-slider .slider-image{border: 1px solid #eeeeee; background-color: #f8f8f8; overflow: hidden; height: calc(123px + 38 * (100vw - 320px) / 1600);} @media (max-width: 767px){.quick-view-modal .modal-body .right-sidebar-modal{text-align: center;}} .quick-view-modal .modal-body .right-sidebar-modal .name{font-size: calc(20px + 10 * (100vw - 320px) / 1600); margin-bottom: calc(5px + 5 * (100vw - 320px) / 1600); text-transform: capitalize; line-height: 1.2; color: #222222; font-weight: 700; letter-spacing: 0.02em; display: block;} .quick-view-modal .modal-body .right-sidebar-modal .product-rating{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: calc(6px + 4 * (100vw - 320px) / 1600); font-size: calc(14px + 2 * (100vw - 320px) / 1600); margin-top: 0;} @media (max-width: 767px){.quick-view-modal .modal-body .right-sidebar-modal .product-rating{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}} .quick-view-modal .modal-body .right-sidebar-modal .product-rating .rating-list{display: -webkit-box; display: -ms-flexbox; display: flex;} .quick-view-modal .modal-body .right-sidebar-modal .product-rating .rating-list li{font-size: calc(14px + 4 * (100vw - 320px) / 1600); line-height: 1; color: #ff9800;} .quick-view-modal .modal-body .right-sidebar-modal .product-rating .rating-list li + li{margin-left: calc(0px + 2 * (100vw - 320px) / 1600);} .quick-view-modal .modal-body .right-sidebar-modal .product-rating .divider{color: #ddd;} .quick-view-modal .modal-body .right-sidebar-modal .product-rating a{color: var(--theme-color); text-decoration: underline;} .quick-view-modal .modal-body .right-sidebar-modal .price-text{margin-bottom: 13px;} .quick-view-modal .modal-body .right-sidebar-modal .price-text h3{font-size: calc(20px + 4 * (100vw - 320px) / 1600); gap: 10px; margin-block: 13px calc(2px + 2 * (100vw - 320px) / 1600); color: var(--theme-color); font-weight: 600; letter-spacing: 0.01em; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} @media (max-width: 767px){.quick-view-modal .modal-body .right-sidebar-modal .price-text h3{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}} .quick-view-modal .modal-body .right-sidebar-modal .price-text h3 .discounted-price{font-weight: 500; padding: 5px 10px; background-color: transparent; color: var(--theme-color); display: inline-block; margin-bottom: 0; position: relative; margin-left: 7px; font-size: calc(14px + 2 * (100vw - 320px) / 1600);} .quick-view-modal .modal-body .right-sidebar-modal .price-text h3 .discounted-price:before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--theme-color); opacity: 0.1;} .quick-view-modal .modal-body .right-sidebar-modal .price-text span{color: #aaa; display: block;} .quick-view-modal .modal-body .right-sidebar-modal .description-text{color: #626262; text-align: unset; line-height: 1.5; font-size: calc(14px + 1 * (100vw - 320px) / 1600); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: calc(8px + 12 * (100vw - 320px) / 1600); margin-top: calc(6px + 3 * (100vw - 320px) / 1600);} .quick-view-modal .modal-body .right-sidebar-modal .qty-box{display: inline-block;} .quick-view-modal .modal-body .right-sidebar-modal .qty-box .input-group{background-color: #f8f8f8; padding: 6px 6px; overflow: hidden; border: 1px solid #eeeeee;} .quick-view-modal .modal-body .right-sidebar-modal .qty-box .input-group .btn{padding: 0; width: 32px; height: 32px; background-color: #fff; font-weight: normal; border: none; line-height: 1;} .quick-view-modal .modal-body .right-sidebar-modal .qty-box .input-group .btn i{font-size: 21px; font-weight: 400;} .quick-view-modal .modal-body .right-sidebar-modal .qty-box .input-group input{height: auto; background-color: #f8f8f8; border: none; padding: 0 5px; width: calc(62px + 28 * (100vw - 576px) / 1344);} .quick-view-modal .modal-body .right-sidebar-modal .product-buy-btn-group{margin-top: 12px; gap: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} @media (max-width: 767px){.quick-view-modal .modal-body .right-sidebar-modal .product-buy-btn-group{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}} .quick-view-modal .modal-body .right-sidebar-modal .product-buy-btn-group button{padding: calc(7px + 3 * (100vw - 320px) / 1600) calc(12px + 10 * (100vw - 320px) / 1600); height: 45px;} .quick-view-modal .modal-body .right-sidebar-modal .product-buy-btn-group button i{font-size: 20px; line-height: 1; font-weight: 500;} .quick-view-modal .modal-body .right-sidebar-modal .buy-box{margin-top: 17px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: calc(10px + 10 * (100vw - 320px) / 1600) calc(12px + 8 * (100vw - 320px) / 1600); -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: calc(14px + 2 * (100vw - 320px) / 1600);} @media (max-width: 767px){.quick-view-modal .modal-body .right-sidebar-modal .buy-box{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}} .quick-view-modal .modal-body .right-sidebar-modal .buy-box a{color: #626262; font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 7px;} .quick-view-modal .product-page-details .product-rating{margin-top: 0;} .quick-view-modal .product-page-details .main-title{font-size: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320))); margin-bottom: calc(5px + (10 - 5) * ((100vw - 320px) / (1920 - 320)));} .quick-view-modal .product-page-details .description-text{font-size: calc(14px + 1 * (100vw - 320px) / 1600);} .quick-view-modal .product-page-details .price-text{margin-bottom: 13px;} .quick-view-modal .product-page-details .price-text h3{font-size: calc(20px + (24 - 20) * ((100vw - 320px) / (1920 - 320))); gap: 10px; margin-block: 13px calc(2px + 2 * (100vw - 320px) / 1600);} .quick-view-modal .product-page-details .price-text h3 .discounted-price{font-weight: 500; padding: 5px 10px; background-color: transparent; color: var(--theme-color); display: inline-block; margin-bottom: 0; position: relative; margin-left: 7px; font-size: calc(14px + 2 * (100vw - 320px) / 1600);} .quick-view-modal .product-page-details .price-text h3 .discounted-price::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--theme-color); opacity: 0.1;} .quick-view-modal .product-page-details .buy-button{padding: calc(7px + (10 - 7) * ((100vw - 320px) / (1920 - 320))) calc(12px + (22 - 12) * ((100vw - 320px) / (1920 - 320))) !important;} .quick-view-modal .product-page-details .shipping-info{display: grid; line-height: 1.9; color: #5f5f5f; font-size: 16px; grid-template-columns: 1fr 1fr; gap: 7px 21px; padding-left: 20px; margin-bottom: calc(0px + (-7 - 0) * ((100vw - 320px) / (1920 - 320))); text-align: left;} .quick-view-modal .product-page-details .shipping-info li{line-height: 1.4;} .quick-view-modal .product-page-details .product-detail-label{gap: 8px;} .quick-view-modal .product-page-details .product-detail-label li{padding: 4px 8px;} .quick-view-modal .product-page-details .qty-section .qty-box .input-group input{padding-block: 0;} .quick-view-modal .product-page-details .qty-section .qty-box .input-group button{padding: 0; width: 32px; height: 32px;} .quick-view-modal .product-page-details .bordered-box{padding-top: 14px; margin-top: 14px;} .theme-modal-2 .modal-content{border: unset; border-radius: 0;} .theme-modal-2 .modal-header{border-bottom: none; padding: calc(13px + 3 * (100vw - 320px) / 1600) calc(15px + 0.00125 * (100vw - 320px)); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} .theme-modal-2 .modal-header h3{font-size: calc(16px + 0.0025 * (100vw - 320px)); line-height: 1.2; margin: 0; color: #222;} .theme-modal-2 .modal-header .btn-close{width: 30px; height: 30px; position: relative; inset: unset; background-color: var(--theme-color); opacity: 1; background-image: none; border-radius: 0; font-size: calc(15px + 0.00125 * (100vw - 320px)); color: #fff; margin: 0; padding: 0; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .theme-modal-2 .modal-header .btn-close i{font-size: calc(19px + 3 * (100vw - 320px) / 1600); font-weight: 500;} .theme-modal-2 .modal-body{padding-top: 5px;} .theme-modal-2 .modal-body .form-box .form-label{font-weight: 600; font-size: calc(15px + 1 * (100vw - 320px) / 1600); margin-bottom: 4px; color: #222;} .theme-modal-2 .modal-body .form-box .form-control{height: auto; padding: calc(10px + 2 * (100vw - 320px) / 1600) calc(13px + 6 * (100vw - 320px) / 1600); font-weight: 500; border: 1px solid #eeeeee; font-size: calc(14px + 0 * (100vw - 320px) / 1600);} .theme-modal-2 .modal-body .form-box .form-control::-webkit-input-placeholder{color: #777;} .theme-modal-2 .modal-body .form-box .form-control::-moz-placeholder{color: #777;} .theme-modal-2 .modal-body .form-box .form-control:-ms-input-placeholder{color: #777;} .theme-modal-2 .modal-body .form-box .form-control::-ms-input-placeholder{color: #777;} .theme-modal-2 .modal-body .form-box .form-control::placeholder{color: #777;} .theme-modal-2 .modal-body .form-box{position: relative;} .theme-modal-2 .modal-body .form-box .form-label{font-weight: 500; font-size: calc(15px + (16 - 15) * ((100vw - 320px) / (1920 - 320))); margin-bottom: 4px; color: #777;} .theme-modal-2 .modal-body .form-box .form-control{height: auto; padding: calc(10px + (12 - 10) * ((100vw - 320px) / (1920 - 320))) calc(13px + (19 - 13) * ((100vw - 320px) / (1920 - 320))); font-weight: 500; border: 1px solid #eee; font-size: calc(14px + (14 - 14) * ((100vw - 320px) / (1920 - 320)));} .theme-modal-2 .modal-body .form-box .form-control::-webkit-inner-spin-button{display: none;} .theme-modal-2 .modal-body .form-box .form-select{height: auto; padding: calc(10px + (12 - 10) * ((100vw - 320px) / (1920 - 320))) calc(13px + (19 - 13) * ((100vw - 320px) / (1920 - 320))); padding-right: 2.25rem; font-weight: 500; border: 1px solid #eee; font-size: calc(14px + (14 - 14) * ((100vw - 320px) / (1920 - 320))); border-radius: 0;} .theme-modal-2 .modal-body .form-box .form-select option{text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; font-weight: 500;} .theme-modal-2 .modal-body .form-box .custom-select .select2.select2-container--focus .select2-focused .select2-selection--single{border: 1px solid #eee;} .theme-modal-2 .modal-body .form-box .custom-select .select2-selection.select2-selection--single{border: 1px solid #eee; padding: calc(10px + 2 * (100vw - 320px) / 1600) calc(13px + 6 * (100vw - 320px) / 1600); height: auto; background-color: #fff; border-radius: 0;} .theme-modal-2 .modal-body .form-box .custom-select .select2-selection.select2-selection--single .select2-selection__rendered{padding: 0; line-height: 1.6;} .theme-modal-2 .modal-body .form-box .custom-select .select2-selection.select2-selection--single .select2-selection__placeholder{font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320))); color: #777; font-weight: 500;} .theme-modal-2 .modal-body .form-box .custom-select .select2-selection.select2-selection--single .select2-selection__arrow::before{content: "\ea4e"; font-family: remixicon; font-style: normal; -webkit-font-smoothing: antialiased; border: unset; width: auto; height: auto; color: #777; font-size: 17px;} .theme-modal-2 .modal-body .form-box .custom-select .select2-dropdown{border: 1px solid #eee;} .theme-modal-2 .modal-body .form-box .custom-select .select2-dropdown .select2-search .select2-search__field{border: 1px solid #eee;} .theme-modal-2 .modal-body .form-box .custom-select .select2-results .select2-results__options::-webkit-scrollbar-track{background-color: rgba(var(--theme-color), 0.14);} .theme-modal-2 .modal-body .form-box .custom-select .select2-results .select2-results__options::-webkit-scrollbar{width: 4px; height: 4px; background-color: #832424;} .theme-modal-2 .modal-body .form-box .custom-select .select2-results .select2-results__options::-webkit-scrollbar-thumb{background-color: var(--theme-color);} .theme-modal-2 .modal-body .form-box .custom-select .select2-results .select2-results__options .select2-results__option{background-color: #fff; display: block;} .theme-modal-2 .modal-body .form-box .custom-select .select2-results .select2-results__options .select2-results__option .country .dial-code{color: #777; font-weight: 500;} .theme-modal-2 .modal-body .form-box .custom-select .select2-results .select2-results__options .select2-results__option--highlighted{background-color: var(--theme-color);} .theme-modal-2 .modal-body .form-box .custom-select .select2-results .select2-results__options .select2-results__option--highlighted .country .dial-code{color: #eee;} .theme-modal-2 .modal-body .trash-box .modal-title{font-weight: 700; font-size: calc(17px + 0.005 * (100vw - 320px)); margin-bottom: 7px; text-align: center; letter-spacing: unset;} .theme-modal-2 .modal-body .trash-box p{margin-bottom: 20px; font-size: 14px; text-align: center;} .theme-modal-2 .modal-body .trash-box .btn{font-size: 16px; padding: 11px 50px; -webkit-transition: none !important; transition: none !important;} .theme-modal-2 .modal-body .icon-box{width: 70px; height: 70px; padding: 18px; border-radius: 100%; background-color: #ec895114; color: var(--theme-color); margin-bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 28px; margin-left: auto; margin-right: auto;} .theme-modal-2 .modal-footer{padding: 0; border: unset; margin-top: 23px; gap: 11px;} .theme-modal-2 .modal-footer > *{margin: 0;} .coupon-modal .coupon-box{position: relative; padding: 15px; background: #f8f8f8; border-radius: 0; width: 100%; overflow: hidden; height: 100%;} .coupon-modal .coupon-box .coupon-name{display: block;} .coupon-modal .coupon-box .coupon-name h5{overflow: hidden; letter-spacing: unset; text-overflow: ellipsis; font-size: 18px; margin: 0; line-height: 1.4;} .coupon-modal .coupon-box .coupon-content{margin-top: 8px;} .coupon-modal .coupon-box .coupon-content p{text-align: unset; color: #777; line-height: 1.6; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; font-weight: 500; -webkit-box-orient: vertical; font-size: 15px; margin-bottom: 11px;} .coupon-modal .coupon-box .coupon-content .coupon-apply{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 12px; border-top: 1px dashed rgba(0, 0, 0, 0.12);} .coupon-modal .coupon-box .coupon-content .coupon-apply h6{font-weight: 600; color: #232323; line-height: 1.3; margin: 0; font-size: 15px;} .coupon-modal .coupon-box .coupon-content .coupon-apply .copy-btn{border: unset;} .search-modal .modal-header{border-bottom: 1px solid #eee;} .search-modal .modal-header h3{font-size: calc(19px + (22 - 19) * ((100vw - 320px) / (1920 - 320))); font-weight: 600; letter-spacing: unset;} .search-modal .modal-body{padding: var(--bs-modal-padding);} .search-modal .modal-body .search-input-box{position: relative;} .search-modal .modal-body .search-input-box .form-control{padding: 11px 15px; font-size: calc(15px + (16 - 15) * ((100vw - 320px) / (1920 - 320))); border: 1px solid #eee; padding-right: calc(40px + (55 - 40) * ((100vw - 320px) / (1920 - 320)));} .search-modal .modal-body .search-input-box i{position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: calc(10px + (16 - 10) * ((100vw - 320px) / (1920 - 320))); font-size: calc(17px + (19 - 17) * ((100vw - 320px) / (1920 - 320))); color: #777; border-left: 1px solid #eee; padding-left: calc(9px + (13 - 9) * ((100vw - 320px) / (1920 - 320)));} .search-modal .modal-body .search-category{margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 5px 12px;} .search-modal .modal-body .search-category li{color: #6c757d; font-weight: 500;} .search-modal .modal-body .search-category a{color: var(--theme-color);} .search-modal .modal-body .search-title{font-size: calc(18px + 2 * (100vw - 320px) / 1600); font-weight: 500; color: #373737; margin-bottom: calc(8px + 5 * (100vw - 320px) / 1600);} .offcanvas.cart-offcanvas{height: 100vh; max-width: calc(305px + 165 * (100vw - 320px) / 1600); width: 100%; border: none; top: 0; font-family: Lato;} .offcanvas.cart-offcanvas .offcanvas-header{display: -webkit-box; display: -ms-flexbox; display: flex; padding: calc(13px + 7 * (100vw - 320px) / 1600) calc(13px + 7 * (100vw - 320px) / 1600) calc(13px + 1 * (100vw - 320px) / 1600); border-bottom: 1px solid #eee; margin-bottom: 15px; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .offcanvas.cart-offcanvas .offcanvas-header h3{font-size: calc(18px + 2 * (100vw - 320px) / 1600); color: #222; font-weight: 700; text-transform: unset; margin-bottom: 0; letter-spacing: unset;} .offcanvas.cart-offcanvas .offcanvas-header .btn-close{margin-left: auto; line-height: 1; width: calc(27px + 3 * (100vw - 320px) / 1600); height: calc(27px + 3 * (100vw - 320px) / 1600); background-color: #f8f8f8; border: 1px solid #eee; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; opacity: 1; border-radius: 0;} .offcanvas.cart-offcanvas .offcanvas-header .btn-close i{font-size: calc(17px + 2 * (100vw - 320px) / 1600); color: #333333; font-weight: 400; line-height: 1;} .offcanvas.cart-offcanvas .offcanvas-body{padding: 0;} .offcanvas.cart-offcanvas .offcanvas-body .pre-text-box{padding-inline: calc(13px + 7 * (100vw - 320px) / 1600); padding-bottom: 6px; border-bottom: 1px solid #eee; margin-bottom: 8px;} .offcanvas.cart-offcanvas .offcanvas-body .pre-text-box p{font-size: 16px; text-transform: capitalize; line-height: 1.2;} .offcanvas.cart-offcanvas .offcanvas-body .pre-text-box .progress{display: block; margin-block: calc(8px + 0.00625 * (100vw - 320px)); height: calc(5px + 3 * (100vw - 320px) / 1600); background-color: #e6e7e9; border-radius: 0; position: relative; overflow: unset;} .offcanvas.cart-offcanvas .offcanvas-body .pre-text-box .progress .progress-bar{height: calc(5px + 3 * (100vw - 320px) / 1600); background-color: var(--theme-color); border-radius: 0; position: relative; overflow: unset; max-width: 96%; min-width: 3%;} .offcanvas.cart-offcanvas .offcanvas-body .pre-text-box .progress .progress-bar i{position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: -16px; width: calc(22px + 0.00375 * (100vw - 320px)); height: calc(22px + 0.00375 * (100vw - 320px)); border-radius: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: var(--theme-color); color: #fff; font-size: calc(15px + 0.00125 * (100vw - 320px));} .offcanvas.cart-offcanvas .offcanvas-body .sidebar-title{padding: 0 calc(13px + 7 * (100vw - 320px) / 1600); padding-bottom: calc(13px + 2 * (100vw - 320px) / 1600); width: 100%; text-align: right;} .offcanvas.cart-offcanvas .offcanvas-body .sidebar-title a{color: var(--theme-color); font-size: 17px; font-weight: 600;} .offcanvas.cart-offcanvas .offcanvas-body .cart-product li{width: 100%;} .offcanvas.cart-offcanvas .offcanvas-body .cart-product li + li{border-top: 1px solid #eee; padding-top: 14px; margin-top: 14px;} .offcanvas.cart-offcanvas .offcanvas-body .cart-product .media{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: unset; -ms-flex-align: unset; align-items: unset; gap: 16px; position: relative;} .offcanvas.cart-offcanvas .offcanvas-body .cart-product .media img{height: calc(75px + 15 * (100vw - 320px) / 1600); background-color: #f8f8f8; border: 1px solid #eee; width: calc(75px + 15 * (100vw - 320px) / 1600); -o-object-fit: contain; object-fit: contain;} .offcanvas.cart-offcanvas .offcanvas-body .cart-product .media .media-body{width: calc(100% - 75px - 16px); -ms-flex-item-align: unset; align-self: unset;} .offcanvas.cart-offcanvas .offcanvas-body .cart-product .media .media-body a h4{color: #333333; letter-spacing: unset; font-weight: 500; line-height: 1.3; margin-bottom: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 72%;} .offcanvas.cart-offcanvas .offcanvas-body .cart-product .media .media-body .quantity{color: #777; letter-spacing: unset; font-weight: 400; line-height: 1.3; font-size: 16px;} .offcanvas.cart-offcanvas .offcanvas-body .cart-product .media .media-body .close-circle{position: absolute; top: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px;} .offcanvas.cart-offcanvas .offcanvas-body .cart-product .media .media-body .close-circle .close_button{width: calc(24px + 6 * (100vw - 320px) / 1600); height: calc(24px + 6 * (100vw - 320px) / 1600); background-color: #f8f8f8; border: 1px solid #eee; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .offcanvas.cart-offcanvas .offcanvas-body .cart-product .media .media-body .close-circle .close_button i{font-size: calc(14px + 2 * (100vw - 320px) / 1600); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: #222;} .offcanvas.cart-offcanvas .offcanvas-body .cart-product .media .media-body .qty-box{position: absolute; bottom: 0; right: 0; background-color: #f8f8f8; padding: 5px 11px; border: 1px solid #eee;} .offcanvas.cart-offcanvas .offcanvas-body .cart-product .media .media-body .qty-box .input-group{-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; gap: 3px;} .offcanvas.cart-offcanvas .offcanvas-body .cart-product .media .media-body .qty-box .input-group button{background-color: transparent !important; border: none !important; z-index: unset; padding: 0;} .offcanvas.cart-offcanvas .offcanvas-body .cart-product .media .media-body .qty-box .input-group button i{font-size: 16px; font-weight: 400; color: #777;} .offcanvas.cart-offcanvas .offcanvas-body .cart-product .media .media-body .qty-box .input-group .form-control{width: 40px; height: unset; padding-block: 0; -webkit-box-flex: unset; -ms-flex: unset; flex: unset; border: unset; display: block; padding: 0; text-align: center; background-color: transparent;} .offcanvas.cart-offcanvas .offcanvas-body .cart-media{padding: 0 calc(13px + 7 * (100vw - 320px) / 1600) calc(13px + 7 * (100vw - 320px) / 1600); overflow: auto; height: calc(100vh - (309px + 25 * (100vw - 320px) / 1600));} .offcanvas.cart-offcanvas .offcanvas-body .cart-media::-webkit-scrollbar{width: 3px; height: 7px;} .offcanvas.cart-offcanvas .offcanvas-body .cart-media::-webkit-scrollbar-track{background: #ddd;} .offcanvas.cart-offcanvas .offcanvas-body .cart-media::-webkit-scrollbar-thumb{background: #888;} .offcanvas.cart-offcanvas .offcanvas-body .cart-media::-webkit-scrollbar-thumb:hover{background: #555;} .offcanvas.cart-offcanvas .offcanvas-body .cart_total{position: absolute; bottom: 0; right: 0; border-top: 1px solid #eee; width: 100%; max-width: calc(305px + 165 * (100vw - 320px) / 1600); padding: 0 15px 20px; background-color: #fff; display: grid;} .offcanvas.cart-offcanvas .offcanvas-body .cart_total li + li{border-top: 1px solid #eee; padding-top: 14px;} .offcanvas.cart-offcanvas .offcanvas-body .cart_total li .total{padding-top: 10px; padding-bottom: 10px;} .offcanvas.cart-offcanvas .offcanvas-body .cart_total li .total h5{text-transform: capitalize; margin-bottom: 0; color: #333; font-weight: 500; letter-spacing: unset; font-size: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} .offcanvas.cart-offcanvas .offcanvas-body .cart_total li .total span{font-weight: 600; color: var(--theme-color);} .offcanvas.cart-offcanvas .offcanvas-body .cart_total li .buttons{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 14px;} .offcanvas.cart-offcanvas .offcanvas-body .cart_total li .buttons a{font-size: calc(14px + 4 * (100vw - 320px) / 1600); border-radius: 0; color: #fff; text-transform: capitalize; font-weight: 600; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; width: 100%; padding: calc(9px + 3 * (100vw - 320px) / 1600) calc(15px + 14 * (100vw - 320px) / 1600); background-color: var(--theme-color); border: 1px solid var(--theme-color);} .search-modal .btn-close{position: absolute; top: 10px; right: 10px; background-color: var(--theme-color); opacity: 1; background-image: none; border-radius: 0; font-size: calc(15px + 0.00125 * (100vw - 320px)); color: #fff; margin: 0; padding: 0; width: 30px; height: 30px; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .search-modal .btn-close i{font-size: calc(19px + 3 * (100vw - 320px) / 1600); font-weight: 500;} .share-modal .modal-body .product-social{display: -webkit-box; display: -ms-flexbox; display: flex; gap: 12px; margin-bottom: 20px;} .share-modal .modal-body .product-social .nav-link{width: 38px; height: 38px; background-color: #f8f8f8; border: 1px solid #eeeeee; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 0; font-size: 20px; color: #232323; -webkit-transition: unset; transition: unset;} .share-modal .modal-body .product-social .nav-link.active{background-color: var(--theme-color); color: #fff; border-color: transparent;} .variation-modal .modal-header{padding: 0;} .variation-modal .btn-close{position: absolute; top: 10px; right: 10px; background-color: var(--theme-color); opacity: 1; background-image: none; border-radius: 0; font-size: calc(15px + 0.00125 * (100vw - 320px)); color: #fff; margin: 0; padding: 0; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 30px; height: 30px;} .variation-modal .btn-close i{font-size: calc(19px + 3 * (100vw - 320px) / 1600); font-weight: 500;} .variation-modal .modal-body{padding: 16px;} .variation-modal .variation-box{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: calc(26px + 24 * (100vw - 767px) / 1153);} .variation-modal .variation-box .sub-title{-webkit-box-pack: unset; -ms-flex-pack: unset; justify-content: unset; margin: 0;} .variation-modal .variation-box{margin-top: 15px;} .variation-modal .variation-box .quantity-variant{display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; background-color: #f8f8f8; padding: 6px; overflow: hidden; border: 1px solid #eeeeee; width: -webkit-max-content; width: -moz-max-content; width: max-content; margin-bottom: 0; -ms-flex-wrap: wrap; flex-wrap: wrap;} .variation-modal .variation-box .quantity-variant .bg-light{height: auto; cursor: pointer; width: auto; border: 1px solid transparent; font-size: 13px; padding: 6px 10px; background-color: transparent !important;} .variation-modal .variation-box .quantity-variant .bg-light span{width: 20px; height: 20px; border-radius: 100%; display: block;} .variation-modal .variation-title{position: unset; inset: unset; text-align: unset; margin-top: 0; text-align: inherit;} .variation-modal .variation-title .main-title{font-size: calc(19px + (24 - 19) * ((100vw - 320px) / (1920 - 320))); font-weight: 600; width: 93%; margin-top: 0; text-align: inherit;} .variation-modal .variation-title .main-title a{color: #222;} .variation-modal .variation-title h3{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; margin-block: 15px 4px; color: var(--theme-color); font-weight: 600; letter-spacing: 0.01em; font-size: calc(16px + (26 - 16) * ((100vw - 320px) / (1920 - 320)));} .variation-modal .variation-title h3 span{font-weight: 500; padding: 5px calc(12px + 0.0025 * (100vw - 320px)); border-radius: 0; color: var(--theme-color); display: inline-block; font-size: 16px; margin: 0; position: relative;} .variation-modal .variation-title h3 span::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--theme-color); opacity: 0.11;} .variation-modal .variation-qty-button{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 15px; margin-top: 15px; padding-top: 15px; border-top: 1px solid #eee;} .variation-modal .variation-qty-button .product-buttons{margin: 0; -webkit-box-pack: unset; -ms-flex-pack: unset; justify-content: unset;} .variation-modal .variation-qty-button .product-buttons .btn{padding: 9px 14px; border: 1px solid var(--theme-color) !important; font-weight: 500; text-transform: capitalize;} .variation-modal .variation-qty-button .btn-animation i{font-size: 17px;} .variation-modal .variation-qty-button .qty-section .qty-box .input-group{background-color: #f9f9f9; padding: 4px;} .variation-modal .variation-qty-button .qty-section .qty-box .input-group .form-control{padding: 0; border: unset; background-color: transparent;} .variation-modal .variation-qty-button .qty-section .qty-box .input-group button{width: 32px; height: 32px; padding: 0; background-color: transparent !important; border: unset; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .variation-modal .variation-qty-button .qty-section .qty-box .input-group button i{font-weight: normal;} .exit-modal .modal-body{text-align: center;} .exit-modal .modal-body .modal-title{font-weight: 700; font-size: calc(17px + 0.005 * (100vw - 320px)); margin-bottom: 7px; text-align: center;} .logo-block a:focus{outline: none;} .logo-block img{-webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.5; -webkit-transition: 0.5s ease; transition: 0.5s ease; margin: 0 auto;} .logo-block img:focus{outline: none;} .logo-block img:hover{-webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1; -webkit-transition: 0.5s ease; transition: 0.5s ease;} .lookbook-section{padding-left: 25px; padding-right: 25px; padding-bottom: 25px;} .lookbook-section .lookbook-img > div + div img{margin-top: 25px;} .lookbook .lookbook-block{position: relative;} .lookbook .lookbook-block .lookbook-dot{cursor: pointer; position: absolute; z-index: 2; width: 29px; height: 29px; line-height: 29px; border-radius: 50%; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; top: 50%; left: 12%; background-color: #fff;} .lookbook .lookbook-block .lookbook-dot.dot2{top: 70%; left: 27%;} .lookbook .lookbook-block .lookbook-dot.dot3{top: 28%; left: 30%;} .lookbook .lookbook-block .lookbook-dot.dot4{top: 67%; left: 8%;} .lookbook .lookbook-block .lookbook-dot.dot5{top: 40%; left: 35%;} .lookbook .lookbook-block .lookbook-dot.dot6{top: 80%; left: 58%;} .lookbook .lookbook-block .lookbook-dot.dot7{top: 67%; left: 45%;} .lookbook .lookbook-block .lookbook-dot.dot8{top: 43%; left: 39%;} .lookbook .lookbook-block .lookbook-dot.dot9{top: 32%; left: 50%;} .lookbook .lookbook-block .lookbook-dot.dot10{top: 60%; left: 50%;} .lookbook .lookbook-block .lookbook-dot.dot11{top: 50%; left: 45%;} .lookbook .lookbook-block .lookbook-dot.dot12{top: 75%; left: 45%;} .lookbook .lookbook-block .lookbook-dot.dot13{top: 40%; left: 45%;} .lookbook .lookbook-block .lookbook-dot.dot14{top: 76%; left: 45%;} .lookbook .lookbook-block .lookbook-dot.dot15{top: 50%; left: 15%;} .lookbook .lookbook-block .lookbook-dot.dot16{left: 30%;} .lookbook .lookbook-block .lookbook-dot.dot17{top: 78%; left: 30%;} .lookbook .lookbook-block .lookbook-dot.dot18{top: 56%; left: 62%;} .lookbook .lookbook-block .lookbook-dot.dot19{top: 74%; left: 75%;} .lookbook .lookbook-block .lookbook-dot:before{position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: ""; background-color: #fff; background-color: rgba(255, 255, 255, 0.5); zoom: 1; background-color: transparent\9; z-index: -1; border-radius: 50%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .lookbook .lookbook-block .lookbook-dot span{text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex;} .lookbook .lookbook-block .lookbook-dot .dot-showbox{visibility: hidden; top: -98px; left: 150%; position: absolute; width: 130px; background-color: #fff; -webkit-box-shadow: -3px -3px 13px rgba(48, 54, 61, 0.1); box-shadow: -3px -3px 13px rgba(48, 54, 61, 0.1);} .lookbook .lookbook-block .lookbook-dot .dot-showbox img{margin-top: 0;} .lookbook .lookbook-block .lookbook-dot .dot-showbox .dot-info{padding: 5px; text-align: center;} .lookbook .lookbook-block .lookbook-dot .dot-showbox .dot-info h5{margin-bottom: 0; text-transform: capitalize; line-height: 20px;} .lookbook .lookbook-block .lookbook-dot .dot-showbox .dot-info h5.title{font-weight: 700;} .lookbook .lookbook-block .lookbook-dot .dot-showbox .dot-info h6{text-transform: uppercase; color: var(--theme-color); margin-bottom: 0;} .lookbook .lookbook-block .lookbook-dot .dot-showbox:before{position: absolute; content: ""; width: 0; height: 0; border-top: 8px solid transparent; border-right: 8px solid #fff; border-bottom: 8px solid transparent; top: 41%; left: -8px;} .lookbook .lookbook-block .lookbook-dot:hover{background-color: var(--theme-color); -webkit-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5); box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5); z-index: 10;} .lookbook .lookbook-block .lookbook-dot:hover .dot-showbox{-webkit-animation: fadeInUp 400ms ease-in-out; animation: fadeInUp 400ms ease-in-out; visibility: visible; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .lookbook .lookbook-block .lookbook-dot:hover span{color: #fff;} .lookbook .lookbook-block .lookbook-dot:hover:before{-webkit-transform: scale(1.3); transform: scale(1.3);} .lookbook.lookbook-layout .lookbook-block .lookbook-dot{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .product-left-title h3{font-weight: 600; color: #222; text-transform: capitalize; max-width: 200px; line-height: 36px; font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)));} .product-left-title p{line-height: 27px; font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));} .product-left-title .slick-custom-arrow{margin-top: 16px; display: -webkit-box; display: -ms-flexbox; display: flex;} .product-left-title .slick-custom-arrow li{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #ddd; border-radius: 100%; width: 38px; height: 38px; cursor: pointer;} .product-left-title .slick-custom-arrow li.left-arrow{margin-right: 16px;} .product-left-title .slick-custom-arrow i{font-size: 32px;} .product-left-title.right-content{text-align: right;} .product-left-title.right-content h3{margin-left: auto;} .product-left-title.right-content .slick-custom-arrow{-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;} .added-notification{position: fixed; top: -60px; right: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #3b4156; border-radius: 3px; padding: 6px; overflow: hidden; -webkit-box-shadow: 0 0 2px 1px #e0e0e0; box-shadow: 0 0 2px 1px #e0e0e0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .added-notification img{width: 25px;} .added-notification h3{color: #fff; text-transform: capitalize; font-size: 16px; margin-bottom: 0; margin-left: 10px; margin-right: 10px; font-weight: 600;} .added-notification.show{top: 30px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .alert{width: 300px; border-radius: 0; font-weight: 600; border: 1px solid #bfddcf; padding: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 2px;} .alert .alert-box{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 3px;} .alert .alert-icon{font-weight: 600; font-size: 16px; line-height: 1;} .alert .btn-close{position: relative !important; inset: unset !important; width: auto; height: auto; opacity: 1; padding: 0; margin-left: auto; font-size: 18px; line-height: 1; font-weight: 600;} .alert .btn-close::before{content: "\eb99"; font-family: remixicon; font-style: normal; -webkit-font-smoothing: antialiased;} .alert .progress{height: 0;} .progress-section .progress{height: 8px;} .progress-section .progress .progress-bar{background-color: var(--theme-color);} .product-box .progress-section{margin-top: 10px;} .product-box .progress-section span{margin-top: 6px; display: block; color: #565656;} .portfolio-padding{padding-bottom: 40px;} .portfolio-section{overflow: hidden;} .portfolio-section .article-title{position: absolute; width: 100%; left: 0; bottom: 0; color: #fff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-align: center; float: left; font-size: 18px; line-height: 24px;} .portfolio-section .article-title a{color: #fff;} .portfolio-section .isotopeSelector{float: left; position: relative;} .portfolio-section .isotopeSelector .overlay{position: relative; border: 1px solid #ddd;} .portfolio-section .isotopeSelector img{width: 100%; height: auto;} .portfolio-section .isotopeSelector{margin-bottom: 30px;} .portfolio-section .isotopeSelector img{-webkit-transition: all 0.4s ease; transition: all 0.4s ease;} .portfolio-section .isotopeSelector .overlay-background{-webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 0.4s ease; transition: all 0.4s ease;} .portfolio-section .isotopeSelector .overlay-background:after{position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background-color: var(--theme-color); opacity: 0;} .portfolio-section .isotopeSelector .overlay-background i{position: absolute; top: 50%; left: 50%; background-color: #fff; padding: 10px; border-radius: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: var(--theme-color); font-size: 22px; display: none; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; width: 40px; height: 40px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .portfolio-section .isotopeSelector:hover img{-webkit-transform: scale(1.2) rotate(2deg); transform: scale(1.2) rotate(2deg); -webkit-transition: all 0.4s ease; transition: all 0.4s ease;} .portfolio-section .isotopeSelector:hover .overlay-background{-webkit-transform: scale(1); transform: scale(1); border: 3px solid #fff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;} .portfolio-section .isotopeSelector:hover .overlay-background:after{opacity: 0.1;} .portfolio-section .isotopeSelector:hover .overlay-background i{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;} .portfolio-section .border-portfolio{margin: 3px; overflow: hidden;} .portfolio-section #form1{margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 15px; gap: 18px; border: 1px solid #eeeeee; overflow: auto; background-color: #f8f8f8; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .portfolio-section .filter-button{line-height: 1.5; color: #232323; text-align: center; padding: calc(8px + (10 - 8) * ((100vw - 320px) / (1920 - 320))) calc(16px + (25 - 16) * ((100vw - 320px) / (1920 - 320))); border: 1px solid #eeeeee; font-weight: 500; background-color: #fff; font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320))); text-transform: unset; margin: 0; border-radius: 0;} .portfolio-section .filter-button.active{color: var(--theme-color); font-weight: 600; background-color: rgba(236, 137, 81, 0.071); border-color: rgba(236, 137, 81, 0.588);} .portfolio-section.fullwidth-portfolio .isotopeSelector{padding-left: 7px; padding-right: 7px; margin-bottom: 14px;} .portfolio-section.metro-section .product-box .product-detail{opacity: 0; position: absolute; background-color: #fff; padding: 10px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width: 65%; left: 0; right: 0; margin: 0 auto; bottom: -10px; text-align: center;} .portfolio-section.metro-section .product-box .product-detail h6{color: #525252; padding-top: 0; margin-top: -2px; font-weight: 500; margin-bottom: 4px;} .portfolio-section.metro-section .product-box .product-detail h4{font-weight: 400; color: #777;} .portfolio-section.metro-section .product-box .product-detail.default-view{opacity: 1; bottom: 15px;} .portfolio-section.metro-section .product-box .cart-wrap{top: 7px; right: 7px; opacity: 1;} .portfolio-section.metro-section .product-box .cart-wrap button{border: 1px solid #fff; border-radius: 100%; background-color: rgba(255, 255, 255, 0.8); opacity: 1;} .portfolio-section.metro-section .product-box .cart-wrap button i{padding: 7px; color: #333; width: calc(30px + (34 - 30) * ((100vw - 320px) / (1920 - 320))); height: calc(30px + (34 - 30) * ((100vw - 320px) / (1920 - 320))); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .portfolio-section.metro-section .product-box .cart-wrap a i{border-radius: 100%; border: 1px solid #fff; margin: 5px 0; background-color: rgba(255, 255, 255, 0.8); padding: 7px; color: #333; opacity: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: calc(30px + (34 - 30) * ((100vw - 320px) / (1920 - 320))); height: calc(30px + (34 - 30) * ((100vw - 320px) / (1920 - 320)));} .portfolio-section.metro-section .product-box:hover .product-detail{opacity: 1; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; bottom: 15px;} .portfolio-section.metro-section .product-box:hover .cart-wrap button{-webkit-animation: none; animation: none;} .portfolio-section.metro-section .product-box:hover .cart-wrap a i{opacity: 1;} .portfolio-section.metro-section .product-box:hover .cart-wrap a:nth-child(2) i{-webkit-animation: fadeInDown 500ms ease-in-out; animation: fadeInDown 500ms ease-in-out;} .portfolio-section.metro-section .product-box:hover .cart-wrap a:nth-child(3) i{-webkit-animation: fadeInDown 700ms ease-in-out; animation: fadeInDown 700ms ease-in-out;} .portfolio-section.metro-section .product-box:hover .cart-wrap a:nth-child(4) i{-webkit-animation: fadeInDown 1000ms ease-in-out; animation: fadeInDown 1000ms ease-in-out;} .filter-section .filter-container{text-align: center; padding: 0 0 20px;} .filter-section .filter-container ul.filter > li{padding: 0 25px;} .filter-section .filter-container ul.filter > li > a{color: var(--theme-color); font-size: 20px; line-height: 40px;} .filter-section .filter-container ul.filter > li > a:hover, .filter-section .filter-container ul.filter > li > a:focus{text-decoration: none; color: var(--theme-color); outline: none;} .filter-section .filter-container ul.filter > li.active{background-color: var(--theme-color);} .filter-section .filter-container ul.filter > li.active a{color: #fff;} .filter-section .filter-container ul.filter > li span{color: #ddd; font-size: 20px; display: inline-block; margin: 0 5px;} .filter-section .filter-container .filter > li{padding: 0; margin: 0;} .filter-section .title1 .title-inner1{margin-top: -5px;} .filter-section h1{text-align: center;} .demo-colored-wrap{background: #ecf0f1;} .mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg{opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} .mfp-with-zoom.mfp-ready .mfp-container{opacity: 1;} .mfp-with-zoom.mfp-ready.mfp-bg{opacity: 0.8;} .mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg{opacity: 0;} .mfp-title{display: none;} .absolute-product .theme-tab .tab-title .current a{font-weight: 700;} .absolute-product .product-box{width: 100%; display: inline-block; padding-bottom: 10px; -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1); border-radius: 5px;} .absolute-product .product-box .img-wrapper{border-radius: 5px 5px 0 0;} .absolute-product .product-box .product-detail{text-align: center; margin-top: 0; padding: 0 15px;} .absolute-product .product-box .product-detail .color-variant{padding-top: 5px;} .absolute-product .product-box .product-detail .color-variant li{height: 16px; width: 16px;} .absolute-product .product-box .product-detail .cart-bottom{border-top: 1px solid #ddd; padding-top: 10px; margin-top: 10px; padding-bottom: 10px;} .absolute-product .product-box .product-detail .cart-bottom button{border: none; background-color: transparent; padding: 0;} .absolute-product .product-box .product-detail .cart-bottom i{color: #828282; font-size: 18px; padding-right: 7px; padding-left: 7px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .absolute-product .product-box .product-detail .cart-bottom i:hover{color: var(--theme-color); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .absolute-product .product-box .product-detail .rating{margin-top: 10px;} .absolute-product .slick-slider .product-box{margin-bottom: 3px;} .product-m .slick-list{margin-left: -12px; margin-right: -12px;} .product-m .slick-slide > div{margin: 0 12px;} .color-variant li{display: inline-block; height: 20px; width: 20px; border-radius: 100%; margin-right: 5px; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; vertical-align: middle;} .quantity-variant li{padding: 3px 5px; font-size: 12px; background-color: #f1f1f1;} .quantity-variant.box-l li{padding: 6px 8px;} .image-swatch-demo li{width: 22px !important; height: 22px !important; overflow: hidden;} .image-swatch{margin-bottom: 10px;} .image-swatch li img{width: 33px; height: 33px; padding: 2px; -o-object-fit: cover; object-fit: cover; border: 1px solid #ddd; margin-right: 5px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .image-swatch li:last-child{margin-right: 0;} .image-swatch li.active img{border: 1px solid var(--theme-color);} .image-swatch li:hover img{border: 1px solid var(--theme-color); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .product-box .image-swatch{margin-top: 15px;} .product-box .image-swatch li img{width: 28px; height: 28px;} .no-slider .product-box{width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: calc(25% - 30px); margin: 0 15px 30px; padding: 0;} .no-slider .product-box:nth-last-child(-n + 4){margin: 0 15px 0;} .no-slider.five-product .product-box{width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: calc(20% - 30px); margin: 0 15px 30px;} .no-slider.five-product .product-box:nth-last-child(-n + 5){margin: 0 15px 0;} .no-slider.five-product-row .product-box{width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: calc(20% - 30px);} .no-slider.six-product .product-box{width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: calc(16.66% - 30px); margin: 0 15px 30px !important;} .product-para p{margin-bottom: 0; padding-bottom: 30px; line-height: 24px; letter-spacing: 0.05em;} .product-box, .product-wrap{position: relative; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; vertical-align: middle;} .product-box .img-block, .product-wrap .img-block{background-color: #f9f9f9; position: relative; overflow: hidden;} .product-box .img-block .front, .product-wrap .img-block .front{opacity: 1; top: 0; left: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .product-box .img-block .front a, .product-wrap .img-block .front a{display: block; width: 100%;} .product-box .img-block .back, .product-wrap .img-block .back{opacity: 0; position: absolute; -webkit-backface-visibility: hidden; backface-visibility: hidden; top: 0; left: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translateX(-100px); transform: translateX(-100px); width: 100%;} .product-box .img-block .back a, .product-wrap .img-block .back a{display: block; width: 100%;} .product-box .img-block .lable-wrapper, .product-wrap .img-block .lable-wrapper{margin: 0 auto; top: 40px; position: absolute; left: 0; right: 0; text-align: center; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 2;} .product-box .img-block .lable-wrapper .lable1, .product-box .img-block .lable-wrapper .lable2, .product-wrap .img-block .lable-wrapper .lable1, .product-wrap .img-block .lable-wrapper .lable2{font-size: 14px; padding: 10px 14px 10px 20px; display: inline-block; text-transform: uppercase; text-align: center;} .product-box .img-block .lable-wrapper .lable1, .product-wrap .img-block .lable-wrapper .lable1{background-color: var(--theme-color); color: #fff; border-bottom-left-radius: 25px; border-top-left-radius: 25px;} .product-box .img-block .lable-wrapper .lable2, .product-wrap .img-block .lable-wrapper .lable2{background-color: #fff; color: #000; border-bottom-right-radius: 25px; border-top-right-radius: 25px;} .product-box .img-wrapper, .product-wrap .img-wrapper{position: relative; overflow: hidden; z-index: 0;} .product-box .img-wrapper .front, .product-wrap .img-wrapper .front{opacity: 1; top: 0; left: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .product-box .img-wrapper .back, .product-wrap .img-wrapper .back{opacity: 0; position: absolute; -webkit-backface-visibility: hidden; backface-visibility: hidden; top: 0; left: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translateX(-100px); transform: translateX(-100px); width: 100%;} .product-box .img-wrapper .cart-box, .product-wrap .img-wrapper .cart-box{position: absolute; margin: 0 auto; display: inline-block; right: 0; left: 0; border-radius: 50px; width: -webkit-max-content; width: -moz-max-content; width: max-content; padding: 12px 15px; -webkit-box-shadow: 0 0 12px 0 #ddd; box-shadow: 0 0 12px 0 #ddd; bottom: 30px; background-color: #fff; opacity: 0; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;} .product-box .img-wrapper .cart-box button, .product-wrap .img-wrapper .cart-box button{background: none; -webkit-box-shadow: none; box-shadow: none; border: none; padding: 0;} .product-box .img-wrapper .cart-box i, .product-wrap .img-wrapper .cart-box i{color: #6f6f6f; font-size: 18px; padding-left: 8px; padding-right: 8px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; display: inline-block;} .product-box .img-wrapper .cart-box i:hover, .product-wrap .img-wrapper .cart-box i:hover{color: var(--theme-color); -webkit-transition: all 0.2s ease; transition: all 0.2s ease;} .product-box .img-wrapper .cart-box.cart-box-bottom, .product-wrap .img-wrapper .cart-box.cart-box-bottom{bottom: 0; border-radius: 0; display: -webkit-box; display: -ms-flexbox; display: flex; right: unset;} .product-box .img-wrapper .lable-block .lable3, .product-wrap .img-wrapper .lable-block .lable3{border-radius: 100%; background-color: var(--theme-color); text-align: center; font-size: 14px; font-weight: 700; position: absolute; padding: 12px 6px; text-transform: uppercase; color: #fff; top: 7px; left: 7px; z-index: 1;} .product-box .img-wrapper .lable-block .lable4, .product-wrap .img-wrapper .lable-block .lable4{position: absolute; font-size: 14px; font-weight: 700; text-transform: uppercase; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); top: 7px; right: 7px; letter-spacing: 0.1em; z-index: 1; color: #212529;} .product-box .cart-info, .product-box .cart-wrap, .product-wrap .cart-info, .product-wrap .cart-wrap{position: absolute; bottom: 40px; text-align: center; margin: 0 auto; display: inline-block; right: 0; left: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .product-box .cart-info a [class^="ti-"], .product-box .cart-info a [class*=" ti-"], .product-box .cart-wrap a [class^="ti-"], .product-box .cart-wrap a [class*=" ti-"], .product-wrap .cart-info a [class^="ti-"], .product-wrap .cart-info a [class*=" ti-"], .product-wrap .cart-wrap a [class^="ti-"], .product-wrap .cart-wrap a [class*=" ti-"]{display: inline-block;} .product-box .cart-info.cart-wrap, .product-box .cart-wrap.cart-wrap, .product-wrap .cart-info.cart-wrap, .product-wrap .cart-wrap.cart-wrap{bottom: 0; text-align: right; left: unset;} .product-box .cart-info.cart-wrap i, .product-box .cart-wrap.cart-wrap i, .product-wrap .cart-info.cart-wrap i, .product-wrap .cart-wrap.cart-wrap i{display: block; padding-bottom: 10px; padding-top: 10px;} .product-box .cart-info.cart-wrap.cart-effect-left, .product-box .cart-wrap.cart-wrap.cart-effect-left, .product-wrap .cart-info.cart-wrap.cart-effect-left, .product-wrap .cart-wrap.cart-wrap.cart-effect-left{left: 0; right: unset;} .product-box .cart-info button, .product-box .cart-wrap button, .product-wrap .cart-info button, .product-wrap .cart-wrap button{background: none; -webkit-box-shadow: none; box-shadow: none; border: none; padding: 0;} .product-box .cart-info i, .product-box .cart-wrap i, .product-wrap .cart-info i, .product-wrap .cart-wrap i{color: #6f6f6f; font-size: 18px; padding-right: 10px; padding-left: 10px;} .product-box .cart-info i:hover, .product-box .cart-wrap i:hover, .product-wrap .cart-info i:hover, .product-wrap .cart-wrap i:hover{color: var(--theme-color);} .product-box .cart-detail, .product-wrap .cart-detail{position: absolute; top: 15px; right: 20px; opacity: 0;} .product-box .cart-detail i, .product-wrap .cart-detail i{color: #6f6f6f; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 8px; padding-bottom: 8px;} .product-box .cart-detail button, .product-wrap .cart-detail button{background: none; -webkit-box-shadow: none; box-shadow: none; border: none; padding: 0;} .product-box .product-detail, .product-box .product-info, .product-wrap .product-detail, .product-wrap .product-info{padding-left: 5px; margin-top: 15px;} .product-box .product-detail .rating i, .product-box .product-info .rating i, .product-wrap .product-detail .rating i, .product-wrap .product-info .rating i{padding-right: 5px;} .product-box .product-detail .rating i:nth-child(-n + 4), .product-box .product-info .rating i:nth-child(-n + 4), .product-wrap .product-detail .rating i:nth-child(-n + 4), .product-wrap .product-info .rating i:nth-child(-n + 4){color: #ffa200;} .product-box .product-detail .rating i:last-child, .product-box .product-info .rating i:last-child, .product-wrap .product-detail .rating i:last-child, .product-wrap .product-info .rating i:last-child{color: #ddd;} .product-box .product-detail h6, .product-box .product-info h6, .product-wrap .product-detail h6, .product-wrap .product-info h6{line-height: 1; margin-bottom: 0; padding-top: 8px; padding-bottom: 8px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-size: 16px; text-transform: capitalize; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .product-box .product-detail h4, .product-box .product-info h4, .product-wrap .product-detail h4, .product-wrap .product-info h4{font-size: 18px; color: #222; font-weight: 700; margin-bottom: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .product-box .product-detail .color-variant, .product-box .product-info .color-variant, .product-wrap .product-detail .color-variant, .product-wrap .product-info .color-variant{padding-top: 15px;} .product-box .product-detail .color-variant li, .product-box .product-info .color-variant li, .product-wrap .product-detail .color-variant li, .product-wrap .product-info .color-variant li{display: inline-block; height: 20px; width: 20px; border-radius: 100%; margin-right: 5px; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; cursor: pointer;} .product-box .product-info, .product-wrap .product-info{padding: 0; text-align: center; position: relative;} .product-box .product-info .add-btn, .product-wrap .product-info .add-btn{position: absolute; bottom: 110px; margin: 0 auto; left: 0; right: 0; opacity: 0; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; z-index: 1;} .product-box .product-info .add-btn i, .product-wrap .product-info .add-btn i{color: var(--theme-color);} .product-box .product-info .add-btn .btn-outline, .product-wrap .product-info .add-btn .btn-outline{-webkit-transition: all 0.2s ease; transition: all 0.2s ease; color: var(--theme-color);} .product-box .product-info .add-btn .btn-outline:hover, .product-wrap .product-info .add-btn .btn-outline:hover{color: #fff;} .product-box .product-info .add-btn .btn-outline:hover i, .product-wrap .product-info .add-btn .btn-outline:hover i{color: #fff;} .product-box.effect-center .front img, .product-wrap.effect-center .front img{-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .product-box.effect-center .img-wrapper .cart-box, .product-wrap.effect-center .img-wrapper .cart-box{bottom: 20%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .product-box:hover.effect-center .front img, .product-wrap:hover.effect-center .front img{opacity: 0.3; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .product-box:hover.effect-center .img-wrapper .cart-box, .product-wrap:hover.effect-center .img-wrapper .cart-box{bottom: 35%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .product-box:hover .img-block .first, .product-box:hover .img-wrapper .first, .product-wrap:hover .img-block .first, .product-wrap:hover .img-wrapper .first{opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .product-box:hover .img-block .back, .product-box:hover .img-wrapper .back, .product-wrap:hover .img-block .back, .product-wrap:hover .img-wrapper .back{opacity: 1; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translateX(0); transform: translateX(0);} .product-box:hover .cart-info, .product-wrap:hover .cart-info{opacity: 1; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .product-box:hover .cart-info button, .product-wrap:hover .cart-info button{-webkit-animation: fadeInUp 300ms ease-in-out; animation: fadeInUp 300ms ease-in-out;} .product-box:hover .cart-info a:nth-child(2) i, .product-wrap:hover .cart-info a:nth-child(2) i{-webkit-animation: fadeInUp 500ms ease-in-out; animation: fadeInUp 500ms ease-in-out;} .product-box:hover .cart-info a:nth-child(3) i, .product-wrap:hover .cart-info a:nth-child(3) i{-webkit-animation: fadeInUp 700ms ease-in-out; animation: fadeInUp 700ms ease-in-out;} .product-box:hover .cart-info a:nth-child(4) i, .product-wrap:hover .cart-info a:nth-child(4) i{-webkit-animation: fadeInUp 1000ms ease-in-out; animation: fadeInUp 1000ms ease-in-out;} .product-box:hover .cart-wrap button, .product-wrap:hover .cart-wrap button{-webkit-animation: fadeInRight 300ms ease-in-out; animation: fadeInRight 300ms ease-in-out;} .product-box:hover .cart-wrap a:nth-child(2) i, .product-wrap:hover .cart-wrap a:nth-child(2) i{-webkit-animation: fadeInRight 500ms ease-in-out; animation: fadeInRight 500ms ease-in-out;} .product-box:hover .cart-wrap a:nth-child(3) i, .product-wrap:hover .cart-wrap a:nth-child(3) i{-webkit-animation: fadeInRight 700ms ease-in-out; animation: fadeInRight 700ms ease-in-out;} .product-box:hover .cart-wrap a:nth-child(4) i, .product-wrap:hover .cart-wrap a:nth-child(4) i{-webkit-animation: fadeInRight 1000ms ease-in-out; animation: fadeInRight 1000ms ease-in-out;} .product-box:hover .cart-wrap.cart-effect-left button, .product-wrap:hover .cart-wrap.cart-effect-left button{-webkit-animation: fadeInLeft 300ms ease-in-out; animation: fadeInLeft 300ms ease-in-out;} .product-box:hover .cart-wrap.cart-effect-left a:nth-child(2) i, .product-wrap:hover .cart-wrap.cart-effect-left a:nth-child(2) i{-webkit-animation: fadeInLeft 500ms ease-in-out; animation: fadeInLeft 500ms ease-in-out;} .product-box:hover .cart-wrap.cart-effect-left a:nth-child(3) i, .product-wrap:hover .cart-wrap.cart-effect-left a:nth-child(3) i{-webkit-animation: fadeInLeft 700ms ease-in-out; animation: fadeInLeft 700ms ease-in-out;} .product-box:hover .cart-wrap.cart-effect-left a:nth-child(4) i, .product-wrap:hover .cart-wrap.cart-effect-left a:nth-child(4) i{-webkit-animation: fadeInLeft 1000ms ease-in-out; animation: fadeInLeft 1000ms ease-in-out;} .product-box:hover .cart-detail, .product-wrap:hover .cart-detail{opacity: 1; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .product-box:hover .cart-detail button, .product-wrap:hover .cart-detail button{-webkit-animation: fadeInRight 300ms ease-in-out; animation: fadeInRight 300ms ease-in-out;} .product-box:hover .cart-detail a:nth-child(2) i, .product-wrap:hover .cart-detail a:nth-child(2) i{-webkit-animation: fadeInRight 500ms ease-in-out; animation: fadeInRight 500ms ease-in-out;} .product-box:hover .cart-detail a:nth-child(3) i, .product-wrap:hover .cart-detail a:nth-child(3) i{-webkit-animation: fadeInRight 700ms ease-in-out; animation: fadeInRight 700ms ease-in-out;} .product-box:hover .cart-detail a:nth-child(4) i, .product-wrap:hover .cart-detail a:nth-child(4) i{-webkit-animation: fadeInRight 1000ms ease-in-out; animation: fadeInRight 1000ms ease-in-out;} .product-box:hover .product-info .add-btn, .product-wrap:hover .product-info .add-btn{opacity: 1; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-animation: fadeInUp 500ms ease-in-out; animation: fadeInUp 500ms ease-in-out;} .product-box:hover .img-wrapper .cart-box, .product-wrap:hover .img-wrapper .cart-box{opacity: 1; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-animation: fadeInUp 400ms ease-in-out; animation: fadeInUp 400ms ease-in-out;} .lable-gradient{border-radius: 0; background-color: var(--theme-color); text-align: center; font-size: 14px; font-weight: 700; position: absolute; padding: 4px 12px; text-transform: uppercase; color: #fff; top: 7px; left: 7px; background: -webkit-gradient(linear, left top, right top, from(var(--theme-color)), to(var(--theme-color2))); background: linear-gradient(to right, var(--theme-color), var(--theme-color2)); z-index: 1;} .product-box .cart-info.bg-color-cls{right: -40px;} .product-box .cart-info.bg-color-cls button{background-color: #fff; -webkit-animation: none !important; animation: none !important;} .product-box .cart-info.bg-color-cls a i{background-color: #fff; -webkit-animation: none !important; animation: none !important;} .product-box .cart-info.bg-color-cls.sm-box i{padding-bottom: 7px; padding-top: 7px; font-size: 16px;} .product-box:hover .cart-info.bg-color-cls{right: 0;} .bg-style i{background-color: #fff; padding: 7px !important; border-radius: 100%; margin: 0 3px; font-size: 15px !important;} .addtocart_count{position: relative;} .addtocart_count .product-box .product-detail{margin-top: 8px; text-align: center;} .addtocart_count .product-box .cart-info{bottom: 40px; right: 10px;} .addtocart_count .product-box .cart-info a i{background-color: #e2e2e2; border-radius: 100%; margin: 10px 0; padding: 8px; font-size: 16px; color: #313131;} .addtocart_count .product-box .add-button{background-color: #f5f5f5; color: black; text-align: center; font-size: 18px; width: 100%; padding: 5px 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border: none; cursor: pointer;} .addtocart_count .product-box:hover .cart-info a:nth-child(1) i{-webkit-animation: fadeInRight 300ms ease-in-out; animation: fadeInRight 300ms ease-in-out;} .addtocart_count .product-box:hover .add-button{bottom: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .addtocart_count .addtocart_btn{position: relative;} .addtocart_count .addtocart_btn .cart_qty{width: 100%;} .addtocart_count .addtocart_btn .cart_qty.qty-box{position: absolute; bottom: 0; display: none;} .addtocart_count .addtocart_btn .cart_qty.qty-box .input-group .form-control{width: 100%; border-color: #efefef;} .addtocart_count .addtocart_btn .cart_qty.qty-box .input-group .form-control:focus{border-color: #efefef; -webkit-box-shadow: none; box-shadow: none;} .addtocart_count .addtocart_btn .cart_qty.qty-box .input-group button{background: #efefef !important; position: absolute; height: 100%; z-index: 9;} .addtocart_count .addtocart_btn .cart_qty.qty-box .input-group button.quantity-left-minus{left: 0;} .addtocart_count .addtocart_btn .cart_qty.qty-box .input-group button.quantity-right-plus{right: 0;} .addtocart_count .addtocart_btn .cart_qty.qty-box .input-group button i{color: #000;} .addtocart_count .addtocart_btn .cart_qty.open{display: block;} .grid-products{margin-bottom: -30px;} .grid-products .product-box{margin-bottom: 30px;} .bg-title .theme-card h5.title-border{padding: 10px; color: #fff; background-color: var(--theme-color);} .bg-title .theme-card .slick-prev{right: 30px;} .bg-title .theme-card .slick-prev:before{color: #fff; opacity: 1; font-size: 25px;} .bg-title .theme-card .slick-next{right: 6px;} .bg-title .theme-card .slick-next:before{color: #fff; opacity: 1; font-size: 25px;} .bg-title .theme-tab .bg-title-part{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px; margin-top: -6px; background-color: var(--theme-color); padding: 10px; border-radius: 0;} .bg-title .theme-tab .bg-title-part .title-border{margin-bottom: 0; color: #fff; text-transform: capitalize;} .bg-title .theme-tab .bg-title-part .tab-title{margin-bottom: 0; margin-top: 0; margin-left: auto; text-align: right;} .bg-title .theme-tab .bg-title-part .tab-title li{font-size: 16px; padding-right: 0;} .bg-title .theme-tab .bg-title-part .tab-title li:first-child{padding-left: 0;} .bg-title .theme-tab .bg-title-part .tab-title a{color: rgba(255, 255, 255, 0.7);} .bg-title .theme-tab .bg-title-part .tab-title .current a{color: #fff;} .bg-title .theme-tab .bg-title-part .tab-title.w-bg li{padding: 4px 18px !important;} .bg-title .theme-tab .bg-title-part .tab-title.w-bg li.current{background-color: var(--theme-color);} .bg-title .theme-tab .bg-title-part .tab-title.w-bg li.current a{color: #fff;} .bg-title .theme-tab .bg-title-part.wo-bg{background-color: #f8f9fa;} .bg-title .theme-tab .bg-title-part.wo-bg .tab-title a{color: #2d2a25;} .bg-title .theme-tab .bg-title-part.wo-bg .tab-title .current a{color: var(--theme-color);} .bg-title .theme-tab .bg-title-part.wo-bg .title-border{font-size: 18px; font-weight: 600; color: #222;} .bg-title .theme-tab .bg-title-part.wo-bg .title-border.small-title{font-size: 16px;} .bg-title.wo-bg .theme-tab .bg-title-part{background-color: transparent; padding: 0 0 14px 0; border-radius: 0; border-bottom: 1px solid #eee;} .bg-title.wo-bg .theme-tab .bg-title-part .title-border{color: #000000; font-size: 20px; font-weight: 600; text-transform: uppercase;} .bg-title.wo-bg .theme-tab .tab-title a{color: #2d2a25;} .bg-title.wo-bg .theme-tab .tab-title .current a{color: var(--theme-color);} .product-christmas .product-box{position: relative; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .product-christmas .product-box .cart-info, .product-christmas .product-box .cart-wrap{position: absolute; bottom: -26px; text-align: center; margin: 0 auto; right: 0; left: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display: -webkit-box; display: -ms-flexbox; display: flex;} .product-christmas .product-box .cart-info a [class^="icon-"], .product-christmas .product-box .cart-info a [class*=" icon-"], .product-christmas .product-box .cart-wrap a [class^="icon-"], .product-christmas .product-box .cart-wrap a [class*=" icon-"]{display: inline-block;} .product-christmas .product-box .cart-info button, .product-christmas .product-box .cart-wrap button{background: none; -webkit-box-shadow: none; box-shadow: none; border: none; padding: 0; color: #fff;} .product-christmas .product-box .cart-info i, .product-christmas .product-box .cart-wrap i{color: #fff; font-size: 18px; padding-right: 10px; padding-left: 10px;} .product-christmas .product-box .cart-wrap{bottom: -26px; text-align: right; left: 0;} .product-christmas .product-box .cart-wrap i{display: block; padding-bottom: 10px; padding-top: 10px;} .product-christmas .product-box .cart-wrap.cart-effect-left{left: 0; right: unset;} .product-christmas .product-box .product-detail, .product-christmas .product-box .product-info{padding-left: 0; text-align: center;} .product-christmas .product-box .product-detail .rating i:nth-child(-n + 4), .product-christmas .product-box .product-info .rating i:nth-child(-n + 4){color: var(--theme-color);} .product-christmas .product-box .product-detail .rating i:last-child, .product-christmas .product-box .product-info .rating i:last-child{color: #878787;} .product-christmas .product-box .product-detail h6, .product-christmas .product-box .product-info h6{line-height: 1; margin-bottom: 3px; padding-top: 7px; padding-bottom: 5px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-size: 16px; color: #444; font-weight: 700;} .product-christmas .product-box .product-detail h4, .product-christmas .product-box .product-info h4{font-size: 18px; color: var(--theme-color); font-weight: 700; margin-bottom: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .product-christmas .product-box:hover .cart-info{bottom: 0; background-color: var(--theme-color); opacity: 1; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .product-christmas .product-box:hover .cart-info button{-webkit-animation: none !important; animation: none !important;} .product-christmas .product-box:hover .cart-info a i{-webkit-animation: none !important; animation: none !important;} .product-christmas .product-box:hover .product-info .add-btn{opacity: 1; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-animation: fadeInUp 500ms ease-in-out; animation: fadeInUp 500ms ease-in-out;} .product-christmas .product-box:hover .img-wrapper .cart-box{opacity: 1; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-animation: fadeInUp 400ms ease-in-out; animation: fadeInUp 400ms ease-in-out;} .game-product .theme-tab .tab-title .current a, .game-product .theme-tab .tab-title2 .current a{border-bottom: 2px solid var(--theme-color); padding-bottom: 5px;} .game-product .product-box .product-detail{text-align: center;} .game-product .product-box .cart-info{bottom: 40px; right: 10px;} .game-product .product-box .cart-info a i{background-color: #fff; border-radius: 100%; margin: 10px 0; padding: 8px; font-size: 16px;} .game-product .product-box .add-button{background-color: var(--theme-color); color: #fff; text-align: center; font-size: 18px; text-transform: capitalize; position: absolute; width: 100%; bottom: -40px; padding: 5px 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer;} .game-product .product-box:hover .cart-info a:nth-child(1) i{-webkit-animation: fadeInRight 300ms ease-in-out; animation: fadeInRight 300ms ease-in-out;} .game-product .product-box:hover .add-button{bottom: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .game-product .img-wrapper img{width: 100%;} .tools-grey .product-box{width: 100%; display: inline-block; overflow: hidden; background-color: #fff; -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05);} .tools-grey .product-box .img-wrapper .lable-block{-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .tools-grey .product-box .cart-info{display: -webkit-box; display: -ms-flexbox; display: flex; left: 0; bottom: -30px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .tools-grey .product-box .cart-info .mobile-quick-view{display: none;} .tools-grey .product-box .cart-info a{background-color: #eef0f1;} .tools-grey .product-box .cart-info a i{color: #555;} .tools-grey .product-box .cart-info a:hover{background-color: var(--theme-color); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .tools-grey .product-box .cart-info a:hover i{color: #fff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .tools-grey .product-box .cart-info button{width: 55%; background-color: #eef0f1; color: #555; margin: 0 5px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .tools-grey .product-box .cart-info button i{display: none;} .tools-grey .product-box .cart-info button:hover{background-color: var(--theme-color); color: #fff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .tools-grey .product-box .quick-view-part{position: absolute; top: 50%; left: 50%; margin-top: -20px; background-color: var(--theme-color); border-radius: 100%; width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .tools-grey .product-box .quick-view-part i{font-size: 18px; color: #fff;} .tools-grey .product-box .product-info{padding: 15px; background-color: #fff; border-top: 1px solid rgba(221, 221, 221, 0.2); padding-top: 0; margin-top: 0;} .tools-grey .product-box .product-info .rating{margin-top: 8px; padding-top: 0;} .tools-grey .product-box:hover .img-wrapper .front img, .tools-grey .product-box:hover .img-wrapper .front .bg-size{opacity: 0.2; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .tools-grey .product-box:hover .img-wrapper .cart-info{opacity: 1; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; bottom: 10px;} .tools-grey .product-box:hover .img-wrapper .cart-info button{-webkit-animation: none; animation: none;} .tools-grey .product-box:hover .img-wrapper .cart-info a:nth-child(2) i{-webkit-animation: none; animation: none;} .tools-grey .product-box:hover .img-wrapper .cart-info a:nth-child(3) i{-webkit-animation: none; animation: none;} .tools-grey .product-box:hover .img-wrapper .cart-info a:nth-child(4) i{-webkit-animation: none; animation: none;} .tools-grey .product-box:hover .img-wrapper .lable-block{display: none; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .tools-grey .product-box:hover .quick-view-part{opacity: 1; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .tools-grey .product-box:hover .ribbon{display: none; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .tools-grey .ribbon{position: absolute; left: -5px; top: -5px; z-index: 1; overflow: hidden; width: 75px; height: 75px; text-align: right; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .tools-grey .ribbon span{font-size: 10px; font-weight: bold; color: #fff; text-transform: uppercase; text-align: center; line-height: 20px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); width: 100px; display: block; background: var(--theme-color); -webkit-box-shadow: 0 3px 10px -5px #000; box-shadow: 0 3px 10px -5px #000; position: absolute; top: 19px; left: -21px;} .tools-grey .ribbon span:before{content: ""; position: absolute; left: 0px; top: 100%; z-index: -1; border-left: 3px solid var(--theme-color); border-right: 3px solid transparent; border-bottom: 3px solid transparent; border-top: 3px solid var(--theme-color);} .tools-grey .ribbon span:after{content: ""; position: absolute; right: 0px; top: 100%; z-index: -1; border-left: 3px solid transparent; border-right: 3px solid var(--theme-color); border-bottom: 3px solid transparent; border-top: 3px solid var(--theme-color);} .j-box .product-box{width: 100%; display: inline-block; border: 1px solid #ddd; border-radius: 12px; overflow: hidden;} .j-box .product-box .cart-info{display: -webkit-box; display: -ms-flexbox; display: flex; left: 0; background-color: rgba(250, 250, 250, 0.84); border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; bottom: -30px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .j-box .product-box .cart-info a{border-left: 1px solid #ddd;} .j-box .product-box .cart-info a i{padding: 12px;} .j-box .product-box .product-detail{padding-left: 15px; padding-bottom: 15px; background-color: #fafafa; padding-top: 15px; margin-top: 0;} .j-box .product-box .product-detail .rating{margin-top: 0;} .j-box .product-box:hover .img-wrapper .cart-info{opacity: 1; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; bottom: 0;} .j-box .product-box:hover .img-wrapper .cart-info button{-webkit-animation: none; animation: none;} .j-box .product-box:hover .img-wrapper .cart-info a:nth-child(2) i{-webkit-animation: none; animation: none;} .j-box .product-box:hover .img-wrapper .cart-info a:nth-child(3) i{-webkit-animation: none; animation: none;} .j-box .product-box:hover .img-wrapper .cart-info a:nth-child(4) i{-webkit-animation: none; animation: none;} .j-box.style-box .product-box{padding: 10px;} .j-box.style-box .product-box .product-detail{background-color: #fff;} .j-box.style-box .product-box .cart-info{background-color: transparent; border: none;} .j-box.style-box .product-box .cart-info a{border: none;} .bakery-box .product-box .img-wrapper{border: 5px solid #fff; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.12); box-shadow: 0 0 8px rgba(0, 0, 0, 0.12);} .bakery-box .product-box .img-wrapper .lable-block .lable3{background-color: #fff; color: var(--theme-color); padding: 4px 22px; border-radius: 0;} .bakery-box .product-box .product-detail{text-align: center; padding-left: 0;} .bakery-box .product-box .product-detail h6{padding-top: 7px; padding-bottom: 12px;} .bakery-box .product-box .cart-info{top: 0; right: 10px;} .bakery-box .product-box .cart-info a i{background-color: #fff; border-radius: 100%; margin: 10px 0; padding: 8px; font-size: 16px;} .bakery-box .product-box .add-button{background-color: var(--theme-color); color: #fff; text-align: center; font-size: 18px; text-transform: capitalize; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 80%; bottom: -40px; padding: 5px 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer;} .bakery-box .product-box:hover .cart-info a:nth-child(1) i{-webkit-animation: fadeInRight 300ms ease-in-out; animation: fadeInRight 300ms ease-in-out;} .bakery-box .product-box:hover .add-button{bottom: 20px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .bakery-box .img-wrapper img{width: 100%;} .product-box.single-product{text-align: center;} .product-box.single-product .product-detail h6{font-size: calc(16px + (25 - 16) * ((100vw - 320px) / (1920 - 320))); margin-bottom: calc(4px + (10 - 4) * ((100vw - 320px) / (1920 - 320)));} .product-box.single-product .product-detail h4{font-size: calc(22px + (28 - 22) * ((100vw - 320px) / (1920 - 320)));} .product-box.single-product .product-detail .btn-solid{padding: 12px 56px; margin-top: 20px;} .product-box.single-product .color-variant{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-bottom: none;} .product-box.single-product .color-variant .nav-item{width: 30px !important; height: 30px !important; margin: 0 10px;} .product-box.single-product .color-variant .nav-item.color1{background-color: #19627e;} .product-box.single-product .color-variant .nav-item.color2{background-color: #e7e3e2;} .product-box.single-product .color-variant .nav-item.color3{background-color: #c560a4;} .product-box.single-product .color-variant .nav-link{padding: 0; background-color: transparent; border: none; width: 30px !important; height: 30px !important;} .product-box.single-product .color-variant .nav-link.active{padding: 0; background-color: transparent; border: none;} .product-style-1.product-box{border: 1px solid #f5f5f5; padding: 10px;} .product-style-1.product-box .product-detail h6{padding-bottom: 10px;} .product-style-2.product-box .product-info .color-variant, .product-style-2 .product-wrap .product-info .color-variant{-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .product-style-2.product-box .product-info .add-btn, .product-style-2 .product-wrap .product-info .add-btn{bottom: 0;} .product-style-2.product-box .product-info .add-btn a, .product-style-2 .product-wrap .product-info .add-btn a{color: var(--theme-color); text-transform: capitalize; font-size: calc(13px + (17 - 13) * ((100vw - 320px) / (1920 - 320)));} .product-style-2.product-box:hover .product-info .color-variant, .product-style-2 .product-wrap:hover .product-info .color-variant{opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .product-style-3.product-box .product-info, .product-style-3 .product-wrap .product-info{margin-top: 8px;} .product-style-3.product-box .product-info .add-btn, .product-style-3 .product-wrap .product-info .add-btn{bottom: 0; position: relative; opacity: 1; margin-top: 8px; -webkit-animation: none; animation: none;} .product-style-3.product-box .product-info .add-btn a, .product-style-3 .product-wrap .product-info .add-btn a{color: var(--theme-color); text-transform: capitalize; font-size: calc(13px + (17 - 13) * ((100vw - 320px) / (1920 - 320)));} .product-style-4.product-box, .product-style-4.product-wrap{padding: 10px; border-radius: 7px; border: 1px solid #f1f1f1;} .product-style-4.product-box .cart-detail, .product-style-4.product-wrap .cart-detail{top: 5px; right: 5px;} .product-style-4.product-box .cart-detail a, .product-style-4.product-wrap .cart-detail a{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .product-style-4.product-box .cart-detail a i, .product-style-4.product-wrap .cart-detail a i{color: var(--theme-color); font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 8px; padding-bottom: 8px; background-color: #fff; padding: 6px; border-radius: 100%; margin-bottom: 5px; border: 1px solid #ddd;} .product-style-4.product-box .product-info, .product-style-4.product-wrap .product-info{text-align: left; margin-top: 10px;} .product-style-4.product-box .product-info h5, .product-style-4.product-wrap .product-info h5{margin-top: 6px; margin-bottom: 3px; font-size: 14px;} .product-style-4.product-box .product-info h6, .product-style-4.product-wrap .product-info h6{font-weight: 500;} .product-style-4.product-box .addtocart_btn .add_cart, .product-style-4.product-wrap .addtocart_btn .add_cart{position: absolute; right: 0; bottom: 0; -webkit-box-shadow: none; box-shadow: none; border: none; background-color: var(--theme-color); color: #fff; width: 26px; height: 26px; font-size: 14px; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 3px;} .product-style-4.product-box .addtocart_btn .cart_qty, .product-style-4.product-wrap .addtocart_btn .cart_qty{width: 100%;} .product-style-4.product-box .addtocart_btn .cart_qty.qty-box, .product-style-4.product-wrap .addtocart_btn .cart_qty.qty-box{position: absolute; bottom: 0; display: none; right: -12px;} .product-style-4.product-box .addtocart_btn .cart_qty.qty-box .input-group, .product-style-4.product-wrap .addtocart_btn .cart_qty.qty-box .input-group{width: 52%; margin-left: auto; margin-right: 12px; border-radius: 3px; overflow: hidden;} .product-style-4.product-box .addtocart_btn .cart_qty.qty-box .input-group .form-control, .product-style-4.product-wrap .addtocart_btn .cart_qty.qty-box .input-group .form-control{width: 100%; border-color: var(--theme-color); color: #fff; padding: 0; background-color: var(--theme-color);} .product-style-4.product-box .addtocart_btn .cart_qty.qty-box .input-group .form-control:focus, .product-style-4.product-wrap .addtocart_btn .cart_qty.qty-box .input-group .form-control:focus{-webkit-box-shadow: none; box-shadow: none;} .product-style-4.product-box .addtocart_btn .cart_qty.qty-box .input-group button, .product-style-4.product-wrap .addtocart_btn .cart_qty.qty-box .input-group button{background: var(--theme-color) !important; position: absolute; height: 100%; z-index: 9;} .product-style-4.product-box .addtocart_btn .cart_qty.qty-box .input-group button i, .product-style-4.product-wrap .addtocart_btn .cart_qty.qty-box .input-group button i{color: #fff;} .product-style-4.product-box .addtocart_btn .cart_qty.qty-box .input-group button.quantity-left-minus, .product-style-4.product-wrap .addtocart_btn .cart_qty.qty-box .input-group button.quantity-left-minus{left: 0;} .product-style-4.product-box .addtocart_btn .cart_qty.qty-box .input-group button.quantity-right-plus, .product-style-4.product-wrap .addtocart_btn .cart_qty.qty-box .input-group button.quantity-right-plus{right: 0;} .product-style-4.product-box .addtocart_btn .cart_qty.open, .product-style-4.product-wrap .addtocart_btn .cart_qty.open{display: block;} .product-style-5.product-box{background-color: #f8f8f8; text-align: left; border-radius: 0; padding: 15px;} .product-style-5.product-box .img-wrapper{width: 70%; margin-top: 20px;} .product-style-5.product-box h5{margin-top: calc(3px + (6 - 3) * ((100vw - 320px) / (1920 - 320))); margin-bottom: 3px; font-size: 16px; color: #777;} .product-style-5.product-box h4{margin-bottom: 0; font-weight: 600;} .product-style-5.product-box h6{font-weight: 500; font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320))); color: #222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .product-style-5.product-box .addtocart_btn .add_cart{position: absolute; right: 15px; bottom: 15px; -webkit-box-shadow: none; box-shadow: none; border: none; background-color: var(--theme-color); color: #fff; width: 36px; height: 36px; font-size: 16px; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 0; z-index: 1;} .product-style-5.product-box .addtocart_btn .add_cart i{font-size: 20px; font-weight: 600;} .product-style-5.product-box .addtocart_btn .cart_qty{width: 100%;} .product-style-5.product-box .addtocart_btn .cart_qty.qty-box{position: absolute; bottom: 0; display: none; right: -12px;} .product-style-5.product-box .addtocart_btn .cart_qty.qty-box .input-group{width: 52%; margin-left: auto; margin-right: 12px; border-radius: 0; overflow: hidden; height: 36px; right: -12px; z-index: 1; right: 15px; bottom: 15px;} .product-style-5.product-box .addtocart_btn .cart_qty.qty-box .input-group .form-control{width: 100%; border-color: var(--theme-color); color: #fff; padding: 0; background-color: var(--theme-color); border-radius: 20px;} .product-style-5.product-box .addtocart_btn .cart_qty.qty-box .input-group .form-control:focus{-webkit-box-shadow: none; box-shadow: none;} .product-style-5.product-box .addtocart_btn .cart_qty.qty-box .input-group button{background: var(--theme-color) !important; position: absolute; height: 100%; z-index: 9; border-radius: 0; font-size: 16px;} .product-style-5.product-box .addtocart_btn .cart_qty.qty-box .input-group button i{color: #fff;} .product-style-5.product-box .addtocart_btn .cart_qty.qty-box .input-group button.quantity-left-minus{left: 0;} .product-style-5.product-box .addtocart_btn .cart_qty.qty-box .input-group button.quantity-right-plus{right: 0;} .product-style-5.product-box .addtocart_btn .cart_qty.open{display: block;} .addtocart_count .product-box.product-style-1 .add-button{background-color: #f8f8f8; margin-top: 10px;} .dark-box{margin-right: -5px; margin-left: -5px;} .dark-box > div{-webkit-box-flex: 0 !important; -ms-flex: 0 0 20% !important; flex: 0 0 20% !important; max-width: 20% !important; padding: 0 5px;} .dark-box .product-box{border: 1px solid transparent; padding: 10px; border-radius: 5px; margin-bottom: -52px;} .dark-box .product-box .img-wrapper{overflow: unset;} .dark-box .product-box .cart-detail i{padding: 8px; border-radius: 100%; background-color: var(--theme-color); font-size: 14px; color: #fff; margin-bottom: 10px;} .dark-box .product-box .product-info{padding-bottom: 52px;} .dark-box .product-box .product-info h6{padding-top: 5px; padding-bottom: 10px;} .dark-box .product-box .product-info .add-btn{position: relative; bottom: 0; margin-top: 14px; opacity: 1; display: none; -webkit-animation: none; animation: none;} .dark-box .product-box .product-info .add-btn .btn{padding: 7px 33px;} .dark-box .product-box:hover{border: 1px solid #404040; z-index: 1; background-color: #2b2b2b;} .dark-box .product-box:hover .product-info{padding-bottom: 0;} .dark-box .product-box:hover .product-info .add-btn{display: block;} .dark-box.four-product{margin-bottom: -20px;} .dark-box.four-product > div{max-width: 25% !important; -webkit-box-flex: 0 !important; -ms-flex: 0 0 25% !important; flex: 0 0 25% !important; margin-bottom: 20px;} .dark-box .theme-product-4 .img-wrapper{background-color: #232323;} .dark-box .theme-product-4 .cart-info a{background-color: #2b2b2b;} .dark-box .theme-product-4 .cart-info button{background-color: #2b2b2b;} .dark-box .theme-product-4 .product-detail .product-title{color: #cbcbcb;} .dark-box .theme-product-4 .product-detail .price{color: #cbcbcb;} .product-box .product-arrow .slick-prev, .product-box .product-arrow .slick-next{opacity: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-top: -10px;} .product-box .product-arrow .slick-prev:before, .product-box .product-arrow .slick-next:before{font: normal normal normal 14px/1 FontAwesome; opacity: 1; color: black; background-color: rgba(255, 255, 255, 0.5); border-radius: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .product-box .product-arrow .slick-next{right: 1px;} .product-box .product-arrow .slick-next:before{content: "\f105";} .product-box .product-arrow .slick-prev{left: 1px; z-index: 1;} .product-box .product-arrow .slick-prev:before{content: "\f104";} .product-box .product-arrow:hover .slick-prev, .product-box .product-arrow:hover .slick-next{opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .product-box .product-arrow:hover .slick-prev:before, .product-box .product-arrow:hover .slick-next:before{opacity: 1;} .product-box .product-arrow:hover .slick-next{right: 30px;} .product-box .product-arrow:hover .slick-prev{left: 30px;} .detail-inline{display: -webkit-box; display: -ms-flexbox; display: flex;} .detail-inline a{width: 70%;} .detail-inline a h6{padding-bottom: 8px !important;} .detail-inline h4{margin-left: auto;} .infinite-product .custom-col{display: none;} .load-more-button .btn{-webkit-transition: width 0.1s ease, height 0.4s ease, border-width 0.4s ease, border-radius 0.4s ease, border-color 0.4s ease, padding 0.4s ease; transition: width 0.1s ease, height 0.4s ease, border-width 0.4s ease, border-radius 0.4s ease, border-color 0.4s ease, padding 0.4s ease;} .load-more-button .btn:focus{outline: none;} .load-more-button .btn.loading{height: 24px; width: 24px; padding: 0; border-width: 2px; border-radius: 17px; border-color: #eee #eee #eee #999; background: #fff; font-size: 0; color: transparent; pointer-events: none; -webkit-animation: spin 1.2s infinite linear; animation: spin 1.2s infinite linear;} .load-more-button .btn.loading:before{opacity: 0;} .flash-sale-sec .row{border: 5px solid rgba(32, 102, 100, 0.8); padding: 20px; border-radius: 10px;} .flash-sale-sec .row > div{padding: 0;} @keyframes spin{from{-webkit-transform: rotate(0deg); transform: rotate(0deg);} to{-webkit-transform: rotate(360deg); transform: rotate(360deg);}} .basic-product{position: relative; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .basic-product.sold-out .img-wrapper img, .basic-product.sold-out .img-wrapper .bg-size{-webkit-filter: grayscale(100); filter: grayscale(100); pointer-events: none;} .basic-product.sold-out .img-wrapper .trending-label{-webkit-filter: none; filter: none;} .basic-product .timer{border: none; position: absolute; bottom: 30px; z-index: 1; width: 100%; background-color: rgba(255, 255, 255, 0.92);} .basic-product .timer span .padding-l{position: absolute;} .basic-product .timer p{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; text-align: center;} .basic-product .product-right .form-select{background-color: #f8f8f8; border: 1px solid #eee; cursor: pointer; margin-top: 15px; font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); font-weight: 500; color: #333; padding: calc(5px + (9 - 5) * ((100vw - 320px) / (1920 - 320))) calc(30px + (36 - 30) * ((100vw - 320px) / (1920 - 320))) calc(5px + (9 - 5) * ((100vw - 320px) / (1920 - 320))) calc(10px + (16 - 10) * ((100vw - 320px) / (1920 - 320))); width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 100%;} .basic-product .price{font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320))); color: #222; font-weight: 500; margin-bottom: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; gap: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap;} .basic-product .price .discounted-price{font-weight: 500; color: var(--theme-color); display: inline-block; margin-bottom: 0; font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));} .basic-product .product-title{line-height: 1.2; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-transform: capitalize; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320))); color: #222; font-weight: 500; display: block;} .basic-product .product-title.product-title1{font-size: 16px; font-weight: 400; color: #777777;} .basic-product .img-wrapper{position: relative; overflow: hidden; z-index: 0; background-color: #f8f8f8;} .basic-product .img-wrapper > app-image-variant{height: 100%;} .basic-product .img-wrapper .zoom{overflow: hidden; width: 100%; height: 100%;} .basic-product .img-wrapper .zoom img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;} .basic-product .img-wrapper .addto-cart-bottom{position: absolute; bottom: -54px; left: 50%; width: calc(80% - calc(10px + (40 - 10) * ((100vw - 320px) / (1920 - 320)))); background-color: #fff; border: none; padding: calc(5px + (9 - 5) * ((100vw - 320px) / (1920 - 320))); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 10px; font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); font-weight: 500; -webkit-box-shadow: 0px 5px 12px 0px rgba(155, 155, 155, 0.05); box-shadow: 0px 5px 12px 0px rgba(155, 155, 155, 0.05); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translateX(-50%); transform: translateX(-50%);} @media (max-width: 767px){.basic-product .img-wrapper .addto-cart-bottom{width: 85%; bottom: 16px;}} @media (max-width: 576px){.basic-product .img-wrapper .addto-cart-bottom{bottom: 10px;}} .basic-product .img-wrapper .addto-cart-bottom.active{color: var(--theme-color);} .basic-product .img-wrapper .addto-cart-bottom.active .ri-shopping-cart-line:before{content: "\f11f";} .basic-product .img-wrapper .quick-option{position: absolute; left: 50%; top: 50%; width: 30px; height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 100%; -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); background-color: #fff; color: var(--theme-color); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 1;} .basic-product .img-wrapper .trending-label{position: absolute; top: 10px; left: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px;} .basic-product .img-wrapper .trending-label li{background-color: var(--theme-color); color: #eee; padding: 3px 8px; font-weight: 500; margin-bottom: 0; font-size: calc(10px + (12 - 10) * ((100vw - 320px) / (1920 - 320))); z-index: 1; width: -webkit-max-content; width: -moz-max-content; width: max-content;} .basic-product .img-wrapper .trending-label li:nth-child(2){background-color: #fff; color: var(--theme-color);} .basic-product .img-wrapper .trending-label li:nth-child(3){background-color: #585858; color: #fff;} .basic-product .img-wrapper .trending-label li.out_of_stock{background-color: #d02f47;} .basic-product .img-wrapper .trending-label-product11{position: absolute; top: 10px; left: 10px; background-color: var(--theme-color); color: #fff; padding: calc(2px + (4 - 2) * ((100vw - 320px) / (1920 - 320))) calc(7px + (10 - 7) * ((100vw - 320px) / (1920 - 320))); font-weight: 500; margin-bottom: 0; font-size: calc(10px + (12 - 10) * ((100vw - 320px) / (1920 - 320))); z-index: 1;} .basic-product .img-wrapper .rotate-label{position: absolute; top: 30px; left: 0; background-color: var(--theme-color); color: #eee; padding: 11px 6px; border-radius: 0; font-weight: 600; margin-bottom: 0; font-size: 12px; -webkit-writing-mode: tb; -ms-writing-mode: tb; writing-mode: tb; -webkit-transform: rotate(180deg); transform: rotate(180deg);} .basic-product .img-wrapper .rating-label{position: absolute; bottom: 10px; left: 10px; background-color: #fff; padding: calc(2px + (5 - 2) * ((100vw - 320px) / (1920 - 320))) calc(5px + (10 - 5) * ((100vw - 320px) / (1920 - 320))); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; color: #595959; font-weight: 500; height: auto;} .basic-product .img-wrapper .rating-label i{color: #ffa200; margin-top: -2px;} .basic-product .img-wrapper .unit-label{margin-bottom: 0; background-color: #fff; padding: 4px 14px; position: absolute; bottom: 0; font-weight: 400; font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320))); left: 0; z-index: 1;} .basic-product .brand-w-color{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} .basic-product .brand-w-color .rating-w-count .rating i{padding-right: 0;} .basic-product .cart-info{position: absolute; bottom: 12px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; right: 12px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; gap: 8px;} @media (max-width: 767px){.basic-product .cart-info{opacity: 1; right: 8px; gap: 4px;}} .basic-product .cart-info .active .ri-shopping-cart-line{color: var(--theme-color);} .basic-product .cart-info .active .ri-shopping-cart-line::before{content: "\f11f";} .basic-product .cart-info .active .ri-heart-line::before{content: "\ee0e";} .basic-product .cart-info button{background: none; -webkit-box-shadow: none; box-shadow: none; border: none; padding: 0;} .basic-product .cart-info button, .basic-product .cart-info a{width: calc(25px + (35 - 25) * ((100vw - 320px) / (1920 - 320))); height: calc(25px + (35 - 25) * ((100vw - 320px) / (1920 - 320))); border-radius: 100%; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-shadow: 0px 5px 12px 0px rgba(155, 155, 155, 0.05); box-shadow: 0px 5px 12px 0px rgba(155, 155, 155, 0.05);} @media (max-width: 767px){.basic-product .cart-info button, .basic-product .cart-info a{-webkit-animation: none !important; animation: none !important;}} .basic-product .cart-info button span, .basic-product .cart-info a span{display: none;} .basic-product .cart-info button.theme-color i, .basic-product .cart-info a.theme-color i{color: var(--theme-color);} .basic-product .cart-info i{color: #848484; font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320))); display: block;} .basic-product .cart-info i:hover{color: var(--theme-color);} .basic-product .product-detail{margin-top: 15px;} .basic-product .product-detail select{margin-top: 6px;} .basic-product .product-detail .digital-price{margin-top: 13px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 11px;} .basic-product .product-detail .digital-price .form-check{min-height: unset; padding: 0; margin: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4px;} .basic-product .product-detail .digital-price .form-check .form-check-input{float: unset; margin: 0;} .basic-product .product-detail .digital-price .form-check .form-check-label{margin: 0; line-height: 1;} .basic-product .product-detail h6{display: block; overflow: hidden; line-height: calc(19px + (24 - 19) * ((100vw - 320px) / (1920 - 320))); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%; margin-top: 2px;} .basic-product .product-detail h6 a{color: #777777;} @media (max-width: 576px){.basic-product .product-detail h6{margin-bottom: 3px; margin-top: 2px; font-size: 13px;}} .basic-product .product-detail h5{display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%;} .basic-product .product-detail h5 a{color: #777777;} @media (max-width: 576px){.basic-product .product-detail h5{margin-bottom: 0;}} .basic-product .ribbon{position: absolute; left: -5px; top: -5px; z-index: 1; overflow: hidden; width: 75px; height: 75px; text-align: right; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .basic-product .ribbon span{font-size: calc(10px + (12 - 10) * ((100vw - 320px) / (1920 - 320))); font-weight: bold; color: #eee; text-transform: capitalize; text-align: center; line-height: calc(20px + (25 - 20) * ((100vw - 320px) / (1920 - 320))); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); width: 105px; display: block; background: var(--theme-color); position: absolute; top: 19px; left: -21px;} .basic-product .ribbon-round{aspect-ratio: 1; display: grid; place-content: center; text-align: center; z-index: 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; position: absolute; z-index: 1; top: 10px; left: 10px; padding: 10px; font-size: calc(10px + (14 - 10) * ((100vw - 320px) / (1920 - 320))); font-weight: 700; color: #fff;} .basic-product .ribbon-round:after{content: ""; position: absolute; z-index: -1; inset: 0; background: radial-gradient(35% 35%, rgba(0, 0, 0, 0) 96%, rgba(0, 0, 0, 0) 97% 99%, rgba(0, 0, 0, 0)) var(--theme-color); clip-path: polygon( 100% 50%, 88.04% 62.36%, 90.45% 79.39%, 73.51% 82.36%, 65.45% 97.55%, 50% 90%, 34.55% 97.55%, 26.49% 82.36%, 9.55% 79.39%, 11.96% 62.36%, 0% 50%, 11.96% 37.64%, 9.55% 20.61%, 26.49% 17.64%, 34.55% 2.45%, 50% 10%, 65.45% 2.45%, 73.51% 17.64%, 90.45% 20.61%, 88.04% 37.64% ); -webkit-animation: animName 20s linear infinite; animation: animName 20s linear infinite;} .basic-product .ribbon-outer{--f: 0.5em; --r: 0.8em; font-size: calc(10px + (14 - 10) * ((100vw - 320px) / (1920 - 320))); font-weight: 500; color: #eee; position: absolute; top: 12px; left: calc(-1 * var(--f)); padding-inline: 10px; line-height: 1.8; background: var(--theme-color); border-bottom: var(--f) solid rgba(0, 0, 0, 0.333333); border-right: var(--r) solid rgba(0, 0, 0, 0); clip-path: polygon(0 0, 0 calc(100% - var(--f)), var(--f) 100%, var(--f) calc(100% - var(--f)), 100% calc(100% - var(--f)), calc(100% - var(--r)) calc(50% - var(--f) / 2), 100% 0); z-index: 1;} .basic-product .add-cart-btn{width: 100%; display: block; padding: calc(5px + (10 - 5) * ((100vw - 320px) / (1920 - 320))) calc(5px + (10 - 5) * ((100vw - 320px) / (1920 - 320))); text-align: center; border: none; color: #888; font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); font-weight: 500; margin-top: 10px; background-color: #f6f6f6;} @media (max-width: 767px){.basic-product .add-cart-btn{margin-top: 8px;}} .basic-product .hover-action{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; margin-top: -8px;} @media (max-width: 767px){.basic-product .hover-action{gap: 4px; margin-top: -4px;}} .basic-product .rating-w-count{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4px; margin-bottom: 6px;} .basic-product .rating-w-count .rating i{padding-right: 0;} .basic-product .rating-w-count > span{font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));} .basic-product .color-panel{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 6px;} .basic-product .color-panel.coverflow ul li{width: 24px; height: 24px; border-radius: 100%; border: 2px solid #fff;} .basic-product .color-panel.coverflow ul li + li{margin-left: -13px;} .basic-product .color-panel.color-lg ul{gap: 7px;} .basic-product .color-panel.color-lg li{width: 20px; height: 20px;} .basic-product .color-panel ul{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: calc(2px + (4 - 2) * ((100vw - 320px) / (1920 - 320)));} .basic-product .color-panel ul li{width: 24px; height: 24px; border-radius: 100%; cursor: pointer;} .basic-product .color-panel span{font-size: 13px;} .basic-product .color-panel .image li{width: unset; height: unset;} .basic-product .color-panel .image li + li a img{margin-left: calc(2px + (5 - 2) * ((100vw - 320px) / (1920 - 320)));} .basic-product .color-panel .image li a{display: block; margin-bottom: 0;} .basic-product .color-panel .image li a img{width: calc(20px + (35 - 20) * ((100vw - 320px) / (1920 - 320))); height: calc(25px + (40 - 25) * ((100vw - 320px) / (1920 - 320))); margin: 0;} .basic-product .general-variant{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: calc(5px + (10 - 5) * ((100vw - 320px) / (1920 - 320))); margin-top: 10px; margin-left: 1px;} .basic-product .general-variant .active{color: #eee; outline: 1px solid var(--theme-color); border: 3px solid #fff;} .basic-product .general-variant.rectangle li{width: -webkit-max-content; width: -moz-max-content; width: max-content; padding: 0 10px;} .basic-product .general-variant.color li{border-radius: 100%; width: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320))); height: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));} .basic-product .general-variant.image_price li{width: -webkit-max-content; width: -moz-max-content; width: max-content; padding: 2px 8px;} .basic-product .general-variant.image li{width: calc(35px + (45 - 35) * ((100vw - 320px) / (1920 - 320))); height: calc(35px + (45 - 35) * ((100vw - 320px) / (1920 - 320)));} .basic-product .general-variant.image li button{width: 100%; height: 100%; background-color: #f8f8f8;} .basic-product .general-variant.image li img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;} .basic-product .general-variant.thumbnail{position: absolute; bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; left: 10px; gap: 10px; margin: 0;} .basic-product .general-variant.thumbnail .image{margin-bottom: 0;} .basic-product .general-variant.thumbnail li{border-radius: 100%; overflow: hidden; display: block; border: 1px solid #fff;} .basic-product .general-variant.thumbnail li + li{margin-top: 7px;} .basic-product .general-variant.thumbnail li button, .basic-product .general-variant.thumbnail li img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; padding: 0; margin: 0;} .basic-product .general-variant.thumbnail li.active{border-color: var(--theme-color);} .basic-product .general-variant li{width: calc(28px + (35 - 28) * ((100vw - 320px) / (1920 - 320))); height: calc(28px + (35 - 28) * ((100vw - 320px) / (1920 - 320))); background-color: #f8f8f8; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 0; outline: 1px solid transparent; border: 3px solid #fff;} .basic-product .general-variant li.disabled{opacity: 0.4; cursor: not-allowed;} .basic-product .general-variant li.disabled button{cursor: not-allowed;} .basic-product .general-variant li button{outline: none; border: none; background: transparent; padding: 0;} .basic-product .zoom img{-webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s;} .basic-product .zoom :hover{-webkit-transform: scale(1.1); transform: scale(1.1);} .basic-product .addtocart_btn{width: -webkit-max-content; width: -moz-max-content; width: max-content; margin: 0 auto; position: relative;} .basic-product .addtocart_btn .add-button{background-color: transparent; text-align: center; font-size: 16px; width: -webkit-max-content; width: -moz-max-content; width: max-content; padding: 9px 49px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; border: 1px solid var(--theme-color); margin-top: 15px; color: var(--theme-color); position: relative;} .basic-product .addtocart_btn .add-button:before{-webkit-transition: 0.5s all ease; transition: 0.5s all ease; position: absolute; top: 0; left: 50%; right: 50%; bottom: 0; opacity: 0; content: ""; background-color: var(--theme-color); z-index: -2;} .basic-product .addtocart_btn .add-button:hover, .basic-product .addtocart_btn .add-button:focus{background-color: var(--theme-color) !important; color: #fff !important;} .basic-product .addtocart_btn .add-button:hover i, .basic-product .addtocart_btn .add-button:focus i{color: #fff !important;} .basic-product .addtocart_btn .add-button:hover:before, .basic-product .addtocart_btn .add-button:focus:before{-webkit-transition: 0.5s all ease; transition: 0.5s all ease; left: 0; right: 0; opacity: 1;} .basic-product .addtocart_btn .qty-box{position: absolute; bottom: 0; display: none; width: 100%;} .basic-product .addtocart_btn .qty-box .input-group{padding: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: unset; flex-wrap: unset; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 0; border: 1px solid var(--theme-color); background-color: #fff;} .basic-product .addtocart_btn .qty-box .input-group .form-control{width: 100%; border: none; background-color: transparent; padding-block: 0;} .basic-product .addtocart_btn .qty-box .input-group .form-control:focus{border-color: #efefef; -webkit-box-shadow: none; box-shadow: none;} .basic-product .addtocart_btn .qty-box .input-group button{height: 100%; padding: 8px; border: 1px solid #eee; background-color: #f8f8f8; z-index: 1;} .basic-product .addtocart_btn .qty-box .input-group button i{color: #222; font-weight: 500; font-size: 15px;} .basic-product .addtocart_btn .qty-box.open{display: block;} .basic-product .product-action{border-top: 1px solid #eee; padding-top: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 10px;} .basic-product .product-action a{font-size: 20px; color: var(--theme-color);} .basic-product .product-action button{border: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; padding: 8px 14px; color: #222; background-color: #f8f8f8; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-weight: 500; letter-spacing: 0.01em;} .basic-product:hover .cart-info{opacity: 1; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .basic-product:hover .cart-info button{-webkit-animation: fadeInRight 300ms ease-in-out; animation: fadeInRight 300ms ease-in-out;} .basic-product:hover .cart-info .hover-action li:nth-child(2) a{-webkit-animation: fadeInRight 500ms ease-in-out; animation: fadeInRight 500ms ease-in-out;} .basic-product:hover .cart-info .hover-action li:nth-child(3) a{-webkit-animation: fadeInRight 700ms ease-in-out; animation: fadeInRight 700ms ease-in-out;} .basic-product:hover .cart-info .hover-action li:nth-child(4) a{-webkit-animation: fadeInRight 1000ms ease-in-out; animation: fadeInRight 1000ms ease-in-out;} .basic-product:hover .product-action button{color: var(--theme-color);} .basic-product:hover .img-wrapper .quick-option{-webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1);} .basic-product:hover .img-wrapper .addto-cart-bottom{bottom: 16px;} @media (max-width: 576px){.basic-product:hover .img-wrapper .addto-cart-bottom{bottom: 10px;}} .basic-product:hover .flip .back{opacity: 1; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translateX(0); transform: translateX(0);} .basic-product.theme-product-1{border: 1px solid #eee; background-color: #fff; overflow: hidden; padding: calc(6px + (10 - 6) * ((100vw - 320px) / (1920 - 320))); margin-bottom: 1px;} .basic-product.theme-product-1 .brand-w-color{margin-bottom: 8px;} .basic-product.theme-product-1 .product-detail{margin-top: 0; padding: 0;} .basic-product.theme-product-1 .product-detail .offer-panel{padding: calc(5px + (10 - 5) * ((100vw - 320px) / (1920 - 320))) 0 0; margin-top: 0; color: #222; font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 15px; white-space: nowrap; position: relative; -webkit-transition: 0.4s ease; transition: 0.4s ease;} .basic-product.theme-product-1 .product-detail .offer-panel li + li{opacity: 0; visibility: hidden;} .basic-product.theme-product-1 .product-detail .offer-panel .offer-icon{color: var(--theme-color); -webkit-animation: marquee-discount 2s linear infinite; animation: marquee-discount 2s linear infinite; display: inline-block;} .basic-product.theme-product-1 .product-detail > div{padding: calc(10px + (15 - 10) * ((100vw - 320px) / (1920 - 320))) 0; border-bottom: 1px solid #eee;} .basic-product.theme-product-1 .cart-info{top: calc(5px + (10 - 5) * ((100vw - 320px) / (1920 - 320))); bottom: unset; opacity: 1; right: calc(5px + (10 - 5) * ((100vw - 320px) / (1920 - 320)));} .basic-product.theme-product-1 .cart-info button, .basic-product.theme-product-1 .cart-info a{width: calc(26px + (32 - 26) * ((100vw - 320px) / (1920 - 320))); height: calc(26px + (32 - 26) * ((100vw - 320px) / (1920 - 320))); border: none;} .basic-product.theme-product-1 .cart-info button i, .basic-product.theme-product-1 .cart-info a i{color: var(--theme-color); font-size: calc(14px + (17 - 14) * ((100vw - 320px) / (1920 - 320)));} .basic-product.theme-product-1 .cart-info button{opacity: 0;} @media (max-width: 767px){.basic-product.theme-product-1 .cart-info button{opacity: 1;}} .basic-product.theme-product-1 .cart-info a{opacity: 0;} @media (max-width: 767px){.basic-product.theme-product-1 .cart-info a{opacity: 1;}} .basic-product.theme-product-1 .cart-info a.wishlist-icon{opacity: 1;} .basic-product.theme-product-1 .hover-action{margin-top: 0;} .basic-product.theme-product-1 .hover-action li:empty{display: none;} .basic-product.theme-product-1 .hover-action li button{-webkit-transition: unset; transition: unset;} .basic-product.theme-product-1:hover .product-detail .offer-panel{-webkit-animation: marquee-discount 8s linear infinite; animation: marquee-discount 8s linear infinite;} .basic-product.theme-product-1:hover .product-detail .offer-panel li + li{opacity: 1; visibility: visible;} .basic-product.theme-product-1:hover .cart-info .wishlist-icon{-webkit-animation: none; animation: none;} .basic-product.theme-product-1:hover .cart-info button{-webkit-animation: fadeInDown 500ms ease-in-out; animation: fadeInDown 500ms ease-in-out; opacity: 1;} .basic-product.theme-product-1:hover .cart-info a{opacity: 1;} .basic-product.theme-product-1:hover .cart-info a:nth-child(3){-webkit-animation: fadeInDown 700ms ease-in-out; animation: fadeInDown 700ms ease-in-out;} .basic-product.theme-product-1:hover .cart-info a:nth-child(4){-webkit-animation: fadeInDown 1000ms ease-in-out; animation: fadeInDown 1000ms ease-in-out;} .basic-product.theme-product-1:hover .hover-action li button{-webkit-animation: fadeInDown 300ms ease-in-out; animation: fadeInDown 300ms ease-in-out;} .basic-product.theme-product-1:hover .hover-action li:nth-child(2) a{-webkit-animation: fadeInDown 500ms ease-in-out; animation: fadeInDown 500ms ease-in-out; opacity: 1;} .basic-product.theme-product-1:hover .hover-action li:nth-child(3) a{-webkit-animation: fadeInDown 700ms ease-in-out; animation: fadeInDown 700ms ease-in-out; opacity: 1;} .basic-product.theme-product-1:hover .hover-action li:nth-child(4) a{-webkit-animation: fadeInDown 1000ms ease-in-out; animation: fadeInDown 1000ms ease-in-out; opacity: 1;} .basic-product.theme-product-2{padding: calc(10px + (18 - 10) * ((100vw - 320px) / (1920 - 320))); background-color: #fff; position: relative; border: 1px solid #eee; border-radius: 0;} .basic-product.theme-product-2 .rating{-webkit-box-pack: unset; -ms-flex-pack: unset; justify-content: unset;} .basic-product.theme-product-2 .product-title{width: 88%;} @media (max-width: 767px){.basic-product.theme-product-2 .product-title{width: 76%;}} .basic-product.theme-product-2 .product-detail{margin-bottom: 5px;} .basic-product.theme-product-2 .product-detail .details li{font-size: 14px; font-weight: 400; color: #777; line-height: 24px;} .basic-product.theme-product-2 .product-detail .details li + li{margin-left: 12px;} .basic-product.theme-product-2 .product-detail .add-wish{position: absolute; right: calc(10px + (18 - 10) * ((100vw - 320px) / (1920 - 320))); top: calc(10px + (18 - 10) * ((100vw - 320px) / (1920 - 320))); background-color: #f1f1f1; border-radius: 100%; width: calc(24px + (28 - 24) * ((100vw - 320px) / (1920 - 320))); height: calc(24px + (28 - 24) * ((100vw - 320px) / (1920 - 320))); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .basic-product.theme-product-2 .product-detail .add-wish a{line-height: 0;} .basic-product.theme-product-2 .product-detail .add-wish a i{color: var(--theme-color);} .basic-product.theme-product-2 .bottom-detail{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: calc(10px + (15 - 10) * ((100vw - 320px) / (1920 - 320))); padding-bottom: 0;} .basic-product.theme-product-2 .bottom-detail .btn{margin-left: auto;} .basic-product.theme-product-2 .bottom-detail .color-variant{margin-bottom: 10px;} .basic-product.theme-product-2 .cart-detail{margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-top: 1px solid #eee; padding-top: 12px; margin-bottom: -5px; font-size: 16px;} @media (max-width: 576px){.basic-product.theme-product-2 .cart-detail{display: none;}} .basic-product.theme-product-2 .cart-detail li{padding: 0 10px;} .basic-product.theme-product-2 .cart-detail li a, .basic-product.theme-product-2 .cart-detail li button{color: rgba(0, 0, 0, 0.5); text-transform: capitalize; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .basic-product.theme-product-2 .cart-detail li i{margin-right: 6px;} .basic-product.theme-product-2 .cart-detail li button{background-color: transparent; border: none; padding: 0;} .basic-product.theme-product-2 .cart-detail li + li{border-left: 1px solid #eee;} .basic-product.theme-product-2 .img-wrapper{position: relative; text-align: center;} .basic-product.theme-product-2 .img-wrapper:after{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.77); opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .basic-product.theme-product-2 .img-wrapper .quick-view-part{position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); background-color: var(--theme-color); border-radius: 100%; width: 28px; height: 28px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 1; -webkit-box-shadow: 0px 1px 2px #a9a9a9; box-shadow: 0px 1px 2px #a9a9a9; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .basic-product.theme-product-2 .img-wrapper .quick-view-part a{line-height: 0; color: #fff;} .basic-product.theme-product-2 .img-wrapper .quick-view-part a svg{width: 16px; height: 16px;} .basic-product.theme-product-2:hover .img-wrapper:after{opacity: 1; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .basic-product.theme-product-2:hover .img-wrapper .quick-view-part{-webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .basic-product.theme-product-3{padding: calc(7px + (12 - 7) * ((100vw - 320px) / (1920 - 320))); border: 1px solid #eee; border-radius: 0;} .basic-product.theme-product-3 .hover-action{margin-top: 0;} .basic-product.theme-product-3 .hover-action li:empty{display: none;} .basic-product.theme-product-3 .product-title{margin-bottom: 6px;} .basic-product.theme-product-3 .cart-info{top: 10px; bottom: unset; opacity: 1; right: 10px;} .basic-product.theme-product-3 .cart-info button, .basic-product.theme-product-3 .cart-info a{width: calc(26px + (32 - 26) * ((100vw - 320px) / (1920 - 320))); height: calc(26px + (32 - 26) * ((100vw - 320px) / (1920 - 320))); border: none;} .basic-product.theme-product-3 .cart-info button i, .basic-product.theme-product-3 .cart-info a i{color: var(--theme-color); font-size: calc(14px + (17 - 14) * ((100vw - 320px) / (1920 - 320)));} .basic-product.theme-product-3 .cart-info button{opacity: 0;} @media (max-width: 767px){.basic-product.theme-product-3 .cart-info button{opacity: 1;}} .basic-product.theme-product-3 .cart-info a{opacity: 0;} @media (max-width: 767px){.basic-product.theme-product-3 .cart-info a{opacity: 1;}} .basic-product.theme-product-3 .cart-info a.wishlist-icon{opacity: 1;} .basic-product.theme-product-3:hover .cart-info .wishlist-icon{-webkit-animation: none; animation: none;} .basic-product.theme-product-3:hover .cart-info a{opacity: 1;} .basic-product.theme-product-3:hover .cart-info .hover-action li:nth-child(2) a{-webkit-animation: fadeInDown 300ms ease-in-out; animation: fadeInDown 300ms ease-in-out;} .basic-product.theme-product-3:hover .cart-info .hover-action li:nth-child(3) a{-webkit-animation: fadeInDown 700ms ease-in-out; animation: fadeInDown 700ms ease-in-out;} .basic-product.theme-product-3:hover .cart-info .hover-action li:nth-child(4) a{-webkit-animation: fadeInDown 1000ms ease-in-out; animation: fadeInDown 1000ms ease-in-out;} .basic-product.theme-product-4 .color-panel{position: absolute; bottom: 10px; left: 10px;} .basic-product.theme-product-4 .color-panel select{display: none;} .basic-product.theme-product-4 .price del{margin-left: auto;} @media (max-width: 768px){.basic-product.theme-product-4 .price del{margin-left: 0;}} .basic-product.theme-product-4 .price .discounted-price{font-weight: 500; padding: 5px 6px; position: relative; color: var(--theme-color); display: inline-block; margin-bottom: 0; margin-left: 0; font-size: 14px;} .basic-product.theme-product-4 .price .discounted-price::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--theme-color); opacity: 0.11;} .basic-product.theme-product-4 .cart-info{top: 10px; bottom: unset; opacity: 1; right: 10px;} .basic-product.theme-product-4 .cart-info button, .basic-product.theme-product-4 .cart-info a{width: calc(26px + (32 - 26) * ((100vw - 320px) / (1920 - 320))); height: calc(26px + (32 - 26) * ((100vw - 320px) / (1920 - 320))); border: none;} .basic-product.theme-product-4 .cart-info button i, .basic-product.theme-product-4 .cart-info a i{color: var(--theme-color); font-size: calc(14px + (17 - 14) * ((100vw - 320px) / (1920 - 320)));} .basic-product.theme-product-4 .cart-info button{opacity: 0;} @media (max-width: 767px){.basic-product.theme-product-4 .cart-info button{opacity: 1;}} .basic-product.theme-product-4 .cart-info a{opacity: 0;} @media (max-width: 767px){.basic-product.theme-product-4 .cart-info a{opacity: 1;}} .basic-product.theme-product-4 .cart-info a.wishlist-icon{opacity: 1;} @media (max-width: 768px){.basic-product.theme-product-4 .add-cart-btn{margin-top: 8px;}} .basic-product.theme-product-4 .hover-action li:empty{display: none;} .basic-product.theme-product-4:hover .cart-info .wishlist-icon{-webkit-animation: none; animation: none;} .basic-product.theme-product-4:hover .cart-info button{-webkit-animation: fadeInDown 500ms ease-in-out; animation: fadeInDown 500ms ease-in-out; opacity: 1;} .basic-product.theme-product-4:hover .cart-info a{opacity: 1;} .basic-product.theme-product-4:hover .cart-info a:nth-child(3){-webkit-animation: fadeInDown 700ms ease-in-out; animation: fadeInDown 700ms ease-in-out;} .basic-product.theme-product-4:hover .cart-info a:nth-child(4){-webkit-animation: fadeInDown 1000ms ease-in-out; animation: fadeInDown 1000ms ease-in-out;} .basic-product.theme-product-4:hover .cart-info .hover-action li:nth-child(2) a{-webkit-animation: fadeInDown 500ms ease-in-out; animation: fadeInDown 500ms ease-in-out; opacity: 1;} .basic-product.theme-product-4:hover .cart-info .hover-action li:nth-child(3) a{-webkit-animation: fadeInDown 700ms ease-in-out; animation: fadeInDown 700ms ease-in-out; opacity: 1;} .basic-product.theme-product-4:hover .cart-info .hover-action li:nth-child(4) a{-webkit-animation: fadeInDown 1000ms ease-in-out; animation: fadeInDown 1000ms ease-in-out; opacity: 1;} .basic-product.theme-product-5 .img-wrapper{border-radius: 0;} @media (max-width: 576px){.basic-product.theme-product-5 .product-detail h6{margin-bottom: 5px;}} .basic-product.theme-product-5 .cart-info{background-color: #fff; right: -40px; bottom: unset; top: 0; gap: 0; padding: 4px;} .basic-product.theme-product-5 .cart-info button, .basic-product.theme-product-5 .cart-info a{border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-animation: none !important; animation: none !important;} .basic-product.theme-product-5 .cart-info .hover-action{margin-top: 0;} .basic-product.theme-product-5:hover .cart-info{right: 0;} .basic-product.theme-product-5:hover .cart-info button, .basic-product.theme-product-5:hover .cart-info a{-webkit-animation: none; animation: none;} .basic-product.theme-product-6{padding: calc(6px + (12 - 6) * ((100vw - 320px) / (1920 - 320))); border: 1px solid #eee;} .basic-product.theme-product-6 .hover-action{-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 0; margin-top: 0;} .basic-product.theme-product-6 .hover-action li a{-webkit-animation: none !important; animation: none !important;} .basic-product.theme-product-6 .product-detail{margin-top: calc(8px + (15 - 8) * ((100vw - 320px) / (1920 - 320)));} .basic-product.theme-product-6 .product-detail *, .basic-product.theme-product-6 .product-detail .rating-w-count{text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .basic-product.theme-product-6 .addtocart_btn .add-button{padding: calc(7px + (9 - 7) * ((100vw - 320px) / (1920 - 320))) calc(19px + (29 - 19) * ((100vw - 320px) / (1920 - 320))); font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));} .basic-product.theme-product-6 .img-wrapper{background-color: #f8f8f8;} .basic-product.theme-product-6 .product-title{margin-bottom: calc(4px + (6 - 4) * ((100vw - 320px) / (1920 - 320))); font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));} .basic-product.theme-product-6 .cart-info{-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; left: 50%; right: unset; -webkit-transform: translate(-50%, -50%) scale(0.7); transform: translate(-50%, -50%) scale(0.7); bottom: unset; top: 50%; background-color: #fff; gap: 0; padding: 2px 5px;} @media (max-width: 767px){.basic-product.theme-product-6 .cart-info{display: none;}} .basic-product.theme-product-6 .cart-info button, .basic-product.theme-product-6 .cart-info a{border: none;} .basic-product.theme-product-6 .cart-info a{position: relative; background-color: transparent; -webkit-box-shadow: none; box-shadow: none;} .basic-product.theme-product-6 .cart-info a + a::after{content: ""; position: absolute; width: 1px; height: 54%; top: 50%; left: 0; background-color: #eee; -webkit-transform: translateY(-50%); transform: translateY(-50%);} .basic-product.theme-product-6:hover .cart-info{-webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1);} .basic-product.theme-product-6:hover .cart-info a{-webkit-animation: none; animation: none;} .basic-product.theme-product-7{background-color: #fff; border: 1px solid #eee; margin-bottom: 1px;} .basic-product.theme-product-7:hover .product-action button{color: #222;} @media (max-width: 460px){.basic-product.theme-product-7 .product-action{display: none;}} .basic-product.theme-product-7 .rating span{font-size: 15px; margin-right: 0;} .basic-product.theme-product-7 .product-title{font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); color: #777; margin-bottom: 10px;} .basic-product.theme-product-7 .product-detail{margin-top: 0; padding: 14px; position: relative; padding-bottom: 14px !important;} .basic-product.theme-product-7 .img-wrapper{margin: 10px 10px 0 10px;} .basic-product.theme-product-7 .img-wrapper .bg-size{-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .basic-product.theme-product-7 .img-wrapper::before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); z-index: 1;} .basic-product.theme-product-7 .price{font-weight: 600; font-size: 16px; margin-bottom: 4px;} .basic-product.theme-product-7:hover .img-wrapper .bg-size{-webkit-transform: scale(1.2); transform: scale(1.2);} .basic-product.theme-product-7:hover .img-wrapper::before{content: "";} .basic-product.theme-product-8{background-color: #fff; border: 1px solid #eee; margin-bottom: 1px;} .basic-product.theme-product-8 .hover-action{margin-top: 0;} .basic-product.theme-product-8 .hover-action li:empty{display: none;} .basic-product.theme-product-8 .product-title{margin-bottom: 12px;} .basic-product.theme-product-8 .add-round-btn{position: absolute; right: calc(8px + (14 - 8) * ((100vw - 320px) / (1920 - 320))); bottom: calc(8px + (14 - 8) * ((100vw - 320px) / (1920 - 320))); background-color: var(--theme-color); color: #fff; border-radius: 100%; width: calc(24px + (38 - 24) * ((100vw - 320px) / (1920 - 320))); height: calc(24px + (38 - 24) * ((100vw - 320px) / (1920 - 320))); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: none; font-size: calc(13px + (18 - 13) * ((100vw - 320px) / (1920 - 320)));} .basic-product.theme-product-8 .add-round-btn span{display: none;} .basic-product.theme-product-8 .add-round-btn.active .ri-shopping-cart-line::before{content: "\f11f";} .basic-product.theme-product-8 .product-detail{margin-top: 0; padding: calc(8px + (14 - 8) * ((100vw - 320px) / (1920 - 320))) !important; position: relative;} .basic-product.theme-product-8 .rating-w-count{margin-top: 10px;} .basic-product.theme-product-8 .img-wrapper .bg-size{-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .basic-product.theme-product-8 .cart-info{top: calc(8px + (10 - 8) * ((100vw - 320px) / (1920 - 320))); bottom: unset; opacity: 1; right: calc(8px + (10 - 8) * ((100vw - 320px) / (1920 - 320)));} .basic-product.theme-product-8 .cart-info button, .basic-product.theme-product-8 .cart-info a{width: calc(26px + (32 - 26) * ((100vw - 320px) / (1920 - 320))); height: calc(26px + (32 - 26) * ((100vw - 320px) / (1920 - 320))); border: none;} .basic-product.theme-product-8 .cart-info button i, .basic-product.theme-product-8 .cart-info a i{color: var(--theme-color); font-size: calc(14px + (17 - 14) * ((100vw - 320px) / (1920 - 320)));} .basic-product.theme-product-8 .cart-info button{opacity: 0;} @media (max-width: 767px){.basic-product.theme-product-8 .cart-info button{opacity: 1;}} .basic-product.theme-product-8 .cart-info a{opacity: 0;} @media (max-width: 767px){.basic-product.theme-product-8 .cart-info a{opacity: 1;}} .basic-product.theme-product-8 .cart-info a.wishlist-icon{opacity: 1;} .basic-product.theme-product-8:hover .cart-info .wishlist-icon{-webkit-animation: none; animation: none;} .basic-product.theme-product-8:hover .cart-info a{opacity: 1;} .basic-product.theme-product-8:hover .cart-info a:nth-child(2){-webkit-animation: fadeInDown 500ms ease-in-out; animation: fadeInDown 500ms ease-in-out;} .basic-product.theme-product-8:hover .cart-info a:nth-child(3){-webkit-animation: fadeInDown 700ms ease-in-out; animation: fadeInDown 700ms ease-in-out;} .basic-product.theme-product-8:hover .cart-info .hover-action li:nth-child(3) a{-webkit-animation: fadeInDown 700ms ease-in-out; animation: fadeInDown 700ms ease-in-out;} .basic-product.theme-product-8:hover .cart-info .hover-action li:nth-child(4) a{-webkit-animation: fadeInDown 1000ms ease-in-out; animation: fadeInDown 1000ms ease-in-out;} .basic-product.theme-product-8:hover .img-wrapper .bg-size{-webkit-transform: scale(1.2); transform: scale(1.2);} .basic-product.theme-product-9{background-color: #f8f8f8; border: 1px solid #eee;} .basic-product.theme-product-9 .img-wrapper{background-color: #fff;} .basic-product.theme-product-9 .hover-action{margin-top: 0;} .basic-product.theme-product-9 .hover-action li:empty{display: none;} .basic-product.theme-product-9 .product-detail{margin-top: 0; padding: calc(8px + (15 - 8) * ((100vw - 320px) / (1920 - 320))) !important;} .basic-product.theme-product-9 .bottom-details{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-top: 10px;} .basic-product.theme-product-9 .rating-label{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 6px;} .basic-product.theme-product-9 .rating-label span{color: #aaa;} @media (max-width: 480px){.basic-product.theme-product-9 .rating-label span.review-count{display: none;}} .basic-product.theme-product-9 .rating-label > div{background-color: var(--theme-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4px; padding: 1px calc(6px + (10 - 6) * ((100vw - 320px) / (1920 - 320))); border-radius: 13px; color: #fff; font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));} .basic-product.theme-product-9 .rating-label > div span{color: #fff;} .basic-product.theme-product-9 .discount-value{padding-top: calc(6px + (10 - 6) * ((100vw - 320px) / (1920 - 320))); border-top: 1px solid #eee; margin-top: calc(10px + (14 - 10) * ((100vw - 320px) / (1920 - 320))); color: #222; font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));} .basic-product.theme-product-9 .discount-value .offer-icon{color: #767676; -webkit-animation: animName 2s linear infinite; animation: animName 2s linear infinite; display: inline-block;} .basic-product.theme-product-9 .price-vertical{text-align: right;} .basic-product.theme-product-9 .price-vertical h4{margin-bottom: 0; font-weight: 500;} .basic-product.theme-product-9 .cart-info{top: 10px; bottom: unset; opacity: 1; right: 10px;} .basic-product.theme-product-9 .cart-info button, .basic-product.theme-product-9 .cart-info a{width: calc(26px + (32 - 26) * ((100vw - 320px) / (1920 - 320))); height: calc(26px + (32 - 26) * ((100vw - 320px) / (1920 - 320))); border: none; background-color: #f8f8f8;} .basic-product.theme-product-9 .cart-info button i, .basic-product.theme-product-9 .cart-info a i{color: var(--theme-color); font-size: calc(14px + (17 - 14) * ((100vw - 320px) / (1920 - 320)));} .basic-product.theme-product-9 .cart-info button{opacity: 0;} @media (max-width: 767px){.basic-product.theme-product-9 .cart-info button{opacity: 1;}} .basic-product.theme-product-9 .cart-info a{opacity: 0;} @media (max-width: 767px){.basic-product.theme-product-9 .cart-info a{opacity: 1;}} .basic-product.theme-product-9 .cart-info a.wishlist-icon{opacity: 1;} .basic-product.theme-product-9:hover .cart-info .wishlist-icon{-webkit-animation: none; animation: none;} .basic-product.theme-product-9:hover .cart-info button{-webkit-animation: fadeInDown 500ms ease-in-out; animation: fadeInDown 500ms ease-in-out; opacity: 1;} .basic-product.theme-product-9:hover .cart-info a{opacity: 1;} .basic-product.theme-product-9:hover .cart-info .hover-action li:nth-child(3) a{-webkit-animation: fadeInDown 700ms ease-in-out; animation: fadeInDown 700ms ease-in-out;} .basic-product.theme-product-9:hover .cart-info .hover-action li:nth-child(4) a{-webkit-animation: fadeInDown 1000ms ease-in-out; animation: fadeInDown 1000ms ease-in-out;} .basic-product.theme-product-10 .cart-info{bottom: unset; top: 12px;} @media (max-width: 767px){.basic-product.theme-product-10 .cart-info{top: 10px;}} .basic-product.theme-product-10:hover .cart-info a:first-child{-webkit-animation: fadeInRight 300ms ease-in-out; animation: fadeInRight 300ms ease-in-out;} .basic-product.theme-product-11{padding: calc(6px + (10 - 6) * ((100vw - 320px) / (1920 - 320))); overflow: hidden; border: 1px solid #eee;} .basic-product.theme-product-11 .img-wrapper .bg-size{-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .basic-product.theme-product-11 .product-detail{text-align: center; overflow: hidden; margin-top: 10px;} .basic-product.theme-product-11 .product-detail *{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .basic-product.theme-product-11 .cart-info{top: 12px; bottom: unset;} .basic-product.theme-product-11 .abs-product{position: absolute; bottom: -62%; width: calc(100% - 20px); background-color: #fff; padding: 10px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px;} .basic-product.theme-product-11 .abs-product .product-title{margin-bottom: 9px;} .basic-product.theme-product-11 .abs-product h4{margin-bottom: 2px;} @media (max-width: 768px){.basic-product.theme-product-11 .abs-product{position: relative; width: 100%; padding: 0;} .basic-product.theme-product-11 .abs-product .product-title{display: none;} .basic-product.theme-product-11 .abs-product .price{display: none;}} .basic-product.theme-product-11 .abs-product .add-cart-btn{margin-top: 0;} .basic-product.theme-product-11 .abs-product .digital-price{-ms-flex-wrap: wrap; flex-wrap: wrap;} .basic-product.theme-product-11 .abs-product select{font-size: 14px;} .basic-product.theme-product-11 .abs-product *{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 5px;} .basic-product.theme-product-11:hover .abs-product{bottom: 0;} .bg-light .basic-product.theme-product-1{background-color: #fff;} .service-block{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .service-block img{margin-right: 12px;} .service-block .media{padding-top: 23px; padding-bottom: 23px; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .service-block svg{margin-right: 12px; width: 60px; height: 60px;} .service-block svg path{fill: var(--theme-color);} .service-block h4{font-weight: 700; text-transform: capitalize; letter-spacing: 0.03em;} .service-block p{text-transform: capitalize; margin-bottom: 0;} .service-block + .service-block{border-left: 1px solid #eee;} .service-block:hover svg{-webkit-animation: pulse 1000ms ease-in-out; animation: pulse 1000ms ease-in-out; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .service-block:hover h4{color: var(--theme-color); -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .service-block1{text-align: center;} .service-block1 + .service-block1{border-left: unset;} .service-block1 img{margin-bottom: 20px; width: 60px;} .service-block1 svg{margin-bottom: 20px; width: 60px; height: 60px;} .service-block1 svg path{fill: var(--theme-color);} .service-block1 h4{font-weight: 600; margin-bottom: 7px; letter-spacing: unset; line-height: 1.3;} .service-block1 p{letter-spacing: 0.03em; margin-bottom: -3px; line-height: 1.5;} .service-block1 .service-svg{width: 70px; height: 70px; padding: 5px; margin: 0 auto 20px; background-color: #fff;} .service-block1:hover svg{-webkit-animation: pulse 1000ms ease-in-out; animation: pulse 1000ms ease-in-out; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .service-block1:hover h4{color: var(--theme-color); -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .service-w-bg .service{margin-bottom: -30px;} .service-w-bg .service-block{margin-top: 0 !important; margin-bottom: 30px;} .service-w-bg .service-block p{line-height: 1.3;} .service-w-bg .service-block + .service-block{border: none; margin-top: 0 !important;} .service-w-bg .service-block .media{background-color: whitesmoke; width: 100%; padding: 20px;} .service-style-border .service-block .media{padding-top: 0; padding-bottom: 0;} .service-style-border .service-block svg{width: 80px; height: 50px;} .service-style-border .service-block .media-body{border-left: 1px solid #ddd; padding-left: 20px;} .service-style-border .service-block + .service-block{border-left: none;} .theme-bg-service.service-w-bg .service-block .media{border-radius: 0;} .theme-bg-service.service-w-bg .service-block h4{color: #fff;} .theme-bg-service.service-w-bg .service-block p{color: rgba(255, 255, 255, 0.7);} .theme-bg-service.service-w-bg .service-block .media{background-color: var(--theme-color);} .theme-bg-service.service-w-bg .service-block svg path{fill: #fff;} .layout7-product .product-box{padding: 2px;} .layout7-product .product-box img{width: 100%;} .layout7-product .product-box .cart-info{right: 7px; bottom: 7px;} .layout7-product .product-box .details-product{position: absolute; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 0; bottom: 15px; left: 15px;} .layout7-product .product-box .details-product h6, .layout7-product .product-box .details-product h4{margin-bottom: 0; color: #000;} .layout7-product .product-box:hover .details-product{opacity: 1; -webkit-animation: fadeIn 500ms ease-in-out; animation: fadeIn 500ms ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .theme-card{position: relative;} .theme-card.center-align{display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .theme-card.center-align .offer-slider .product-box2 .media .media-body{margin-top: 0;} .theme-card.card-border{border: 1px solid #eee;} .theme-card.card-border h5{padding-top: 20px; padding-bottom: 20px; padding-left: 30px; margin-top: 0; margin-bottom: 0;} .theme-card.card-border .slick-prev, .theme-card.card-border .slick-next{top: -35px;} .theme-card.card-border .slick-next{right: 23px;} .theme-card.card-border .slick-prev{right: 50px;} .theme-card.card-border .offer-slider{padding-top: 0; padding-bottom: 10px;} .theme-card.card-border .offer-slider img{padding: 15px 15px 15px 30px;} .theme-card.card-border .offer-slider .media .media-body a h6{margin-right: 25px;} .theme-card h5{font-weight: 700; text-transform: uppercase; padding-bottom: 10px; margin-top: -5px;} .theme-card h5.title-border{border-bottom: 1px solid #eee;} .theme-card .slick-prev, .theme-card .slick-next{top: -35px;} .theme-card .slick-prev:before, .theme-card .slick-next:before{font: normal normal normal 30px/1 FontAwesome; color: #7a7a7a; opacity: 0.6;} .theme-card .slick-next{right: 0;} .theme-card .slick-next:before{content: "\f105";} .theme-card .slick-prev{left: unset; right: 25px;} .theme-card .slick-prev:before{content: "\f104";} .theme-card .offer-slider img{width: 130px; padding: 15px 15px 15px 0;} .theme-card .offer-slider .media-body{width: calc(100% - 160px);} .theme-card .offer-slider > div .media:last-child .media-body{margin-top: 15px;} .theme-card .offer-slider .media .media-body .rating{margin-top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: unset; -ms-flex-pack: unset; justify-content: unset;} .theme-card .offer-slider .media .media-body .rating i{padding: 0; line-height: 1;} .theme-card .offer-slider .media .media-body .rating i:nth-child(-n + 4){color: #ffa200;} .theme-card .offer-slider .media .media-body .rating i:last-child{color: #ddd;} .theme-card .offer-slider .media .media-body a h6{line-height: 21px; margin-top: 8px; margin-bottom: 0;} .theme-card .offer-slider .media .media-body h4{margin-top: 10px; font-weight: 500; color: #222; margin-bottom: 0;} .offer-slider .slick-slide{line-height: 1;} .center-slider .product-box{-webkit-box-shadow: none; box-shadow: none;} .center-slider .product-box .img-wrapper img{padding: 15px;} .center-slider .slick-next:before, .center-slider .slick-prev:before{-webkit-box-shadow: 0 0 8px 0 #ddd; box-shadow: 0 0 8px 0 #ddd;} .center-slider .title2 .title-inner2{margin-bottom: 0;} .center-slider:hover .product-box{-webkit-box-shadow: none; box-shadow: none;} .center-slider:hover .slick-next{right: 20px; -webkit-transform: scale(1.8); transform: scale(1.8);} .center-slider:hover .slick-prev{left: 20px; -webkit-transform: scale(1.8); transform: scale(1.8);} .full-box .theme-card .offer-slider .product-box2{overflow: hidden;} .full-box .theme-card .offer-slider .product-box2 .title{text-align: center; color: black; text-transform: capitalize; font-weight: 600; margin-bottom: 0;} .full-box .theme-card .offer-slider .product-box2 .media img{height: 300px; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .full-box .theme-card .offer-slider .product-box2 .media img.h-cls{height: 250px;} .full-box .theme-card .offer-slider .product-box2 .media .media-body a h6{margin-right: 20px;} .full-box .theme-card .offer-slider .product-box2 .media .media-body h4{font-size: 20px; margin-top: 5px;} .full-box .theme-card .offer-slider .product-box2 .media .media-body .color-variant li{display: inline-block; height: 20px; width: 20px; border-radius: 100%; margin-right: 5px; margin-top: 15px; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; margin-bottom: 0; cursor: pointer;} .full-box .theme-card .offer-slider .product-box2 + .product-box2{border-top: 1px solid #f1f5f4;} .full-box .theme-card .offer-slider .product-box2:hover .media img{-webkit-transform: scale(1.03); transform: scale(1.03); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .box-product .full-box .theme-card .offer-slider .product-box2{border: 1px solid #eee; background-color: #f8f8f8;} .box-product .full-box .theme-card .offer-slider .product-box2 .media img{height: 150px; width: auto;} .box-product .full-box .theme-card .offer-slider .product-box2 .media .media-body{z-index: 1;} .box-product .full-box .theme-card .offer-slider .product-box2 .media .media-body h4{font-size: 18px; margin-top: 7px;} .box-product .full-box .theme-card .offer-slider .product-box2 + .product-box2{border-top: none; margin-top: 30px;} .box-product .full-box .theme-card .offer-slider .product-box2 .cart-bottom{border-top: 1px solid #ddd; padding-top: 10px; margin-top: 12px;} .box-product .full-box .theme-card .offer-slider .product-box2 .cart-bottom button{border: none; background-color: transparent; padding: 0;} .box-product .full-box .theme-card .offer-slider .product-box2 .cart-bottom i{color: #aaa; font-size: 16px; padding-right: 7px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .box-product .full-box .theme-card .offer-slider .product-box2 .cart-bottom i:hover{color: var(--theme-color); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .box-product .theme-card .offer-slider > div .media:last-child .media-body{margin-top: 0;} .product-parallax .theme-card .offer-slider > div .media{background-color: #fff;} .product-parallax .theme-card .offer-slider > div .media:first-child{margin-bottom: 20px;} .product-parallax .theme-card .offer-slider > div .media:last-child img{margin-bottom: 0;} .product-parallax .theme-card.card-border{border: none;} .product-parallax .theme-card.card-border .offer-slider img{padding: 15px 15px 15px 15px;} .multiple-slider{margin-bottom: -30px;} .multiple-slider .collection-banner{height: 100%;} .multiple-slider .collection-banner img{height: 100%;} .multiple-slider > div{margin-bottom: 30px;} .product-vertical .full-banner{padding-top: 75px !important; padding-bottom: 75px !important;} .product-vertical .full-box .theme-card .offer-slider{background-color: #fff;} .product-vertical .full-box .theme-card .offer-slider .product-box2 .media img{height: 240px; -o-object-fit: cover; object-fit: cover;} .product-vertical .theme-card .offer-slider > div .media:last-child img{margin-bottom: 0;} .product-vertical .theme-card.center-align .offer-slider .product-box2 .media .media-body{text-align: left;} .demo-card.theme-card{background-color: #f8f8f8; padding: 20px; margin-top: 30px;} .product-3-slider.slick-slider .slick-list{margin-inline: -8px;} .product-3-slider.slick-slider .slick-list .slick-slide{padding-inline: 8px;} .slider-minus-margin{margin-bottom: -6px;} .slick-prev, .slick-next{height: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320))); width: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));} .tap-top{width: 42px; height: 42px; position: fixed; bottom: 50px; right: 30px; z-index: 1; display: none; color: #fff; text-align: center; background: var(--theme-color); border: none; font-size: 22px; padding: 4px; cursor: pointer;} .tap-top.top-cls{bottom: 70px;} .tap-top.green-top{background-image: -webkit-gradient(linear, left top, right top, from(var(--theme-color)), to(var(--theme-color2))); background-image: linear-gradient(to right, var(--theme-color), var(--theme-color2)); border: 1px solid rgba(255, 255, 255, 0.5);} .tap-top.gradient-top{background: -webkit-gradient(linear, left top, left bottom, from(var(--theme-color)), color-stop(99%, var(--theme-color2))); background: linear-gradient(180deg, var(--theme-color) 0%, var(--theme-color2) 99%);} .accordion-body ::-webkit-scrollbar{width: 4px; height: 7px;} .accordion-body ::-webkit-scrollbar-track{background: #ddd;} .accordion-body ::-webkit-scrollbar-thumb{background: #888; border-radius: 0;} .accordion-body ::-webkit-scrollbar-thumb:hover{background: #555;} .sitemap_page .title{color: var(--theme-color); text-transform: capitalize; font-weight: 700;} .sitemap_page ul{padding-left: 10px;} .sitemap_page ul li{display: block; margin-bottom: 10px;} .sitemap_page ul li a{color: #222; font-weight: 500; font-size: 16px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-transform: capitalize;} .sitemap_page ul li a i{font-size: 10px;} .sitemap_page ul li a:hover{color: var(--theme-color); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .sitemap_page ul ul{padding-left: 15px; margin-top: 5px;} .sitemap_page ul ul li{margin-bottom: 0; line-height: 24px; font-size: 20px;} .sitemap_page ul ul li a{font-weight: 400; color: #777; font-size: 16px;} .sitemap_page .row > div{padding-top: 15px; padding-bottom: 15px;} .sitemap_page .row > div:nth-child(odd){background-color: #f8f8f8;} .select_input select{padding: 15px 20px; margin-bottom: 30px;} .template-password{background: url("../images/coming-soon.jpg"); background-size: cover; height: 100vh;} .template-password #container{height: 100vh; max-width: 600px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .template-password #container > div{width: 100%;} .template-password #container #login{width: 100%; margin-bottom: 120px;} .template-password #container #login h2{color: var(--theme-color); font-size: 30px; font-weight: 400;} .template-password #container #login .theme-form h3{color: #999; font-size: 20px;} .template-password #container #login .theme-form input{border-color: #ddd; font-size: 12px; padding: 17px 25px; margin-bottom: 15px; height: inherit;} .template-password #container #login .theme-form input:focus{-webkit-box-shadow: none; box-shadow: none;} .template-password #container #powered{position: absolute; bottom: 5px; left: 0; right: 0;} .template-password #container #owner a{color: var(--theme-color);} .review-page .comment-section{border-bottom: none !important;} .review-page .comment-section li:first-child{border-top: none; padding-top: 0;} .review-page .comment-section li:last-child{padding-bottom: 0;} .review-page .comnt-sec{margin-top: 10px;} .review-page .comnt-sec li{margin-right: 15px; padding-bottom: 0 !important; padding-top: 0 !important; border-top: none !important;} .review-page .comnt-sec li a{color: #777; font-size: 16px;} .review-page .comnt-sec li a i{margin-right: 5px;} .error-section{padding: 130px 0 140px; text-align: center;} .error-section h1{font-size: 200px; font-weight: 900; margin: 0; line-height: 0.8; color: #aaa; margin-top: -11px;} .error-section h2{color: #aaa; font-weight: 500; letter-spacing: 3px; margin: 40px 0;} .breadcrumb-section{background-color: #f8f8f8; padding: 30px 0;} .breadcrumb-section h2{font-size: calc(18px + (32 - 18) * ((100vw - 320px) / (1920 - 320))); font-weight: 500; text-align: center; text-transform: capitalize; margin-bottom: 0;} .breadcrumb-section .page-title{display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .breadcrumb-section .page-title h2{font-size: 16px; margin-bottom: 0; text-align: center;} .breadcrumb-section .breadcrumb{padding-bottom: 0; background-color: transparent; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: uppercase; font-size: 14px; color: #555; font-weight: 600; margin: 0; padding-inline: 0; row-gap: 5px;} .breadcrumb-section .breadcrumb a{color: #555; font-weight: 600;} .top-banner-wrapper{margin-bottom: calc(17px + 11 * (100vw - 320px) / 1600);} .about-head{margin-bottom: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%;} .about-head h2{color: var(--theme-color); margin-bottom: 0;} .about-page h4{margin-top: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320))); margin-bottom: 6px; letter-spacing: unset; text-transform: unset; font-weight: 600; line-height: 1.3; color: #222; font-size: calc(16px + 0.00625 * (100vw - 320px));} .about-page p{letter-spacing: 0.03em; line-height: 1.7; margin-bottom: 0; font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); font-weight: 400;} .testimonial{background-color: #f7f7f7;} .testimonial .testimonial-slider .media img{border-radius: 100%; border: 1px solid #ddd; padding: 5px; height: 130px; width: 130px;} .testimonial .testimonial-slider .media h5{font-weight: 700; color: var(--theme-color); margin-bottom: 0; margin-top: 7px;} .testimonial .testimonial-slider .media h6{margin-bottom: -4px;} .testimonial .testimonial-slider .media .media-body{padding: 30px 75px 30px 30px;} .testimonial .testimonial-slider .media .media-body p{line-height: 2; letter-spacing: 0.03em;} .team{position: relative;} .team img{margin: 0 auto; padding: 0 10px; border: 8px solid #f8f8f8;} .team h2{color: #222; padding-bottom: 15px; border-bottom: 1px solid #dddada; margin-bottom: 10px;} .team h4, .team h6{text-align: center;} .team h4{color: var(--theme-color); font-weight: 700; padding-top: 11px; padding-bottom: 5px; background-color: #f8f8f8; margin-bottom: 0;} .team h6{margin-bottom: 0; background-color: #f8f8f8; padding-bottom: 14px;} .collection-filter-block{position: sticky; top: 0; left: 0; border: 1px solid #fff; background-color: #f9f9f9; height: 100vh; overflow: hidden; overflow-y: scroll; scrollbar-width: none; -ms-overflow-style: none;} .collection-filter-block::-webkit-scrollbar{display: none;} .collection-filter-block .product-service{padding: 30px 0;} .collection-filter-block .product-service .media{padding-bottom: 20px; margin-bottom: 20px;} .collection-filter-block .product-service .media svg{height: 40px; width: 40px; fill: var(--theme-color);} .collection-filter-block .product-service .media svg path{fill: var(--theme-color);} .collection-filter-block .product-service .media .media-body{padding-left: 10px;} .collection-filter-block .product-service .media .media-body h4{margin-bottom: 8px; font-size: 14px; font-weight: 600;} .collection-filter-block .product-service .media .media-body p{margin-bottom: 0; text-transform: capitalize;} .collection-filter-block .product-service .media:last-child{padding-bottom: 0;} .collection-collapse-block{padding-bottom: 24px;} .collection-collapse-block.open{padding: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));} @media (max-width: 991px){.collection-collapse-block.open{background-color: #fff;}} .collection-collapse-block .collection-accordion .accordion-item{border-radius: 0; background-color: transparent; border: none;} .collection-collapse-block .collection-accordion .accordion-item .accordion-header{border-radius: 0;} .collection-collapse-block .collection-accordion .accordion-item .accordion-header .accordion-button{z-index: 0; color: #222; padding-inline: 0; -webkit-box-shadow: unset; box-shadow: unset; font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320))); font-weight: 500; background-color: #f9f9f9; border-radius: 0;} .collection-collapse-block .collection-accordion .accordion-item .accordion-header .accordion-button:focus{-webkit-box-shadow: none; box-shadow: none; outline: none;} .collection-collapse-block .collection-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed){font-weight: 600;} .collection-collapse-block .collection-accordion .accordion-item .accordion-header .accordion-button::after{content: "\ea4e"; font-family: remixicon; font-style: normal; -webkit-font-smoothing: antialiased; width: auto; height: auto; font-size: 24px; background: unset; font-weight: 100; line-height: 1;} @media (max-width: 991px){.collection-collapse-block .collection-accordion .accordion-item .accordion-header .accordion-button{background-color: #fff; padding-block: 6px;}} .collection-collapse-block .collection-accordion .accordion-item .accordion-body{padding: 0; background-color: #f9f9f9; max-height: 160px; overflow: hidden auto;} @media (max-width: 991px){.collection-collapse-block .collection-accordion .accordion-item .accordion-body{background-color: #fff;}} .collection-collapse-block .collection-accordion .accordion-item .accordion-body::-webkit-scrollbar{width: 4px; height: 5px;} .collection-collapse-block .collection-accordion .accordion-item .accordion-body::-webkit-scrollbar-thumb{background: var(--theme-color);} .collection-collapse-block .collection-accordion .accordion-item .accordion-body::-webkit-scrollbar-track{background: #eaeaea;} .collection-grid-left-filter .collection-collapse-block .collection-accordion .accordion-item .accordion-body .collection-listing li{width: 100%; margin-bottom: 10px;} .collection-collapse-block .collection-accordion .accordion-item .accordion-body .collection-listing li .form-check{display: -webkit-box; display: -ms-flexbox; display: flex; min-height: unset; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; padding: 0;} .collection-collapse-block .collection-accordion .accordion-item .accordion-body .collection-listing li .form-check .form-check-input{width: 20px; height: 20px; background-color: #fff; float: unset; margin: 0; cursor: pointer; position: relative; border: unset; -webkit-filter: unset; filter: unset; z-index: 0;} .collection-collapse-block .collection-accordion .accordion-item .accordion-body .collection-listing li .form-check .form-check-input:focus{border-color: #dee2e6;} .collection-collapse-block .collection-accordion .accordion-item .accordion-body .collection-listing li .form-check .form-check-input::after{content: ""; position: absolute; width: 21px; height: 21px; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; background-color: #fff; border: 2px solid #ececec; cursor: pointer;} .collection-collapse-block .collection-accordion .accordion-item .accordion-body .collection-listing li .form-check .form-check-input::before{content: ""; position: absolute; width: 12px; height: 6px; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75), -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); -webkit-transform: rotate(-45deg) scale(0); transform: rotate(-45deg) scale(0); left: 4px; top: 6px; z-index: 1; border: 2px solid var(--theme-color); border-top-style: none; border-right-style: none;} .collection-collapse-block .collection-accordion .accordion-item .accordion-body .collection-listing li .form-check .form-check-input:checked::before{-webkit-transform: rotate(-45deg) scale(1); transform: rotate(-45deg) scale(1);} .collection-collapse-block .collection-accordion .accordion-item .accordion-body .collection-listing li .form-check .form-check-input:checked ~ .form-check-label{color: var(--theme-color);} .collection-collapse-block .collection-accordion .accordion-item .accordion-body .collection-listing li .form-check .form-check-label{margin-bottom: 0; font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); font-weight: 500; line-height: 1; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; position: relative; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 6px; color: #777;} .collection-collapse-block .collection-accordion .accordion-item .accordion-body .collection-listing li .form-check .form-check-label .star-rating .ri-star-fill{color: #ffa200;} .collection-collapse-block .collection-accordion .accordion-item .accordion-body .collection-listing li .form-check .form-check-label .star-rating .ri-star-line{color: #ffa200;} .collection-collapse-block .collection-accordion .accordion-item .accordion-body .collection-listing li:last-child{margin-bottom: 0;} .collection-collapse-block .collection-accordion .accordion-item .accordion-body.price-body{height: auto; padding-bottom: 0;} .collection-collapse-block .collection-accordion.top-filter-accordion .accordion-item .accordion-header .accordion-button{background-color: #f9f9f9;} .collection-collapse-block .collection-accordion.top-filter-accordion .accordion-item .accordion-body{background-color: #f9f9f9;} .collection-collapse-block .collapse-block-title{position: relative; cursor: pointer; text-transform: uppercase; font-size: 16px; color: #444; font-weight: 600; margin: 30px 0 0 0;} .collection-collapse-block .collapse-block-title:after{position: absolute; display: block; top: 0; right: -3px; content: "\f0d7"; font-family: FontAwesome; color: #444;} .collection-collapse-block .collection-collapse-block-content .color-selector{margin-top: 30px;} .collection-collapse-block .collection-collapse-block-content .collection-brand-filter .category-list li{display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; text-transform: uppercase; line-height: 18px;} .collection-collapse-block .collection-collapse-block-content .collection-brand-filter .category-list li a{color: #777; padding-bottom: 10px;} .collection-collapse-block .collection-collapse-block-content .collection-brand-filter .category-list li:last-child a{padding-bottom: 0;} .collection-collapse-block .collection-collapse-block-content .collection-brand-filter .category-list li:first-child{margin-top: 30px;} .collection-collapse-block .collection-collapse-block-content .collection-brand-filter .collection-filter-checkbox{margin-bottom: 12px;} .collection-collapse-block .collection-collapse-block-content .collection-brand-filter .collection-filter-checkbox:first-child{margin-top: 30px;} .collection-collapse-block .collection-collapse-block-content .collection-brand-filter .collection-filter-checkbox:last-child{margin-bottom: 0;} .collection-collapse-block .collection-collapse-block-content .collection-brand-filter .collection-filter-checkbox label{text-transform: uppercase; cursor: pointer; font-size: 12px; color: #777; font-weight: 600; letter-spacing: 0.5px; padding-left: 10px;} .collection-collapse-block .collection-collapse-block-content .collection-brand-filter .collection-filter-checkbox label:before{top: 1px; height: 15px; width: 15px; background: #fff; border: 1px solid #777;} .collection-collapse-block .collection-collapse-block-content .collection-brand-filter .collection-filter-checkbox label:after{top: 1px; height: 15px; width: 15px; background-size: 65%;} .collection-collapse-block .collection-collapse-block-content .collection-brand-filter .collection-filter-checkbox .form-check-input:checked ~ .form-check-label:after{background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='%23000' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/></svg>");} .collection-filter .theme-card .offer-slider img{padding: 15px 15px 15px 0;} .color-selector ul li{height: 30px; width: 30px; border-radius: 50%; margin-right: 5px; margin-bottom: 10px; cursor: pointer; border: 1px solid #444;} .color-selector ul .color-1{background-color: #fff;} .color-selector ul .color-2{background-color: grey;} .color-selector ul .color-3{background-color: #ff4c3b;} .color-selector ul .color-4{background-color: purple;} .color-selector ul .color-5{background-color: blue;} .color-selector ul .color-6{background-color: yellow;} .color-selector ul .color-7{background-color: green;} .color-selector ul li.active{border: 1px solid #000; position: relative;} .color-selector ul li.active:after{content: ""; background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='%23000' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/></svg>"); top: 9px; right: 4px; height: 15px; width: 15px; background-size: 70%; background-repeat: no-repeat; position: absolute; opacity: 0.4;} .color-w-name{margin-top: 30px;} .color-w-name ul li{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; text-transform: uppercase; font-size: 12px; color: #777; font-weight: 600; letter-spacing: 0.5px; cursor: pointer;} .color-w-name ul li span{display: block; height: 26px; width: 26px; border-radius: 3px; margin-right: 5px; margin-bottom: 0; border: 1px solid #777; margin-right: 10px;} .color-w-name ul .color-1{background-color: #fff;} .color-w-name ul .color-2{background-color: grey;} .color-w-name ul .color-3{background-color: red;} .color-w-name ul .color-4{background-color: purple;} .color-w-name ul .color-5{background-color: blue;} .color-w-name ul .color-6{background-color: yellow;} .color-w-name ul .color-7{background-color: green;} .color-w-name ul li.active span{border: 1px solid #777; position: relative;} .color-w-name ul li.active span:after{content: ""; background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='%23000' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/></svg>"); top: 7px; right: 3px; height: 15px; width: 15px; background-size: 70%; background-repeat: no-repeat; position: absolute;} .collection-sidebar-banner{margin-top: 30px;} .collection-sidebar-banner img{width: 100%;} .category-slider-section .product-category-slider.slick-slider .slick-list{margin-inline: calc(-8px + (-10 - -8) * ((100vw - 320px) / (1920 - 320)));} .category-slider-section .product-category-slider.slick-slider .slick-list .slick-slide > div{padding-inline: calc(8px + (10 - 8) * ((100vw - 320px) / (1920 - 320))); margin-bottom: -6px;} .category-slider-section .product-category-slider .category-box{background-color: #f8f8f8; margin: 0px auto; display: block; width: 100%; text-align: center; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border: 1px solid #eee; position: relative; padding: calc(15px + 13 * (100vw - 320px) / 1600) 4px; z-index: 0;} .category-slider-section .product-category-slider .category-box:hover, .category-slider-section .product-category-slider .category-box.selected{background-color: var(--theme-color); border-color: var(--theme-color);} .category-slider-section .product-category-slider .category-box:hover img, .category-slider-section .product-category-slider .category-box.selected img{-webkit-filter: invert(1) brightness(100); filter: invert(1) brightness(100);} .category-slider-section .product-category-slider .category-box:hover h5, .category-slider-section .product-category-slider .category-box.selected h5{color: #fff;} .category-slider-section .product-category-slider .category-box img{width: calc(38px + 17 * (100vw - 320px) / 1600) !important; height: calc(38px + 17 * (100vw - 320px) / 1600); -o-object-fit: contain; object-fit: contain; margin: 0 auto; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .category-slider-section .product-category-slider .category-box h5{color: #555555; margin-top: 12px; font-weight: 400; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 0; position: relative; font-size: 14px;} .filter-btn{display: none; background-color: var(--theme-color); padding: calc(6px + 0.0025 * (100vw - 320px)) calc(11px + 11 * (100vw - 320px) / 1600); color: #fff; font-size: calc(15px + 5 * (100vw - 320px) / 1600); border: 1px solid transparent; font-weight: 600; margin-bottom: calc(9px + 11 * (100vw - 320px) / 1600); text-transform: uppercase;} .filter-btn:hover{color: var(--theme-color); background-color: #fff; border: 1px solid var(--theme-color);} @media (max-width: 991px){.filter-btn{display: inline-block;}} .top-banner-wrapper .top-banner-content h4{font-weight: 600; color: #444; margin-bottom: 15px;} .top-banner-wrapper .top-banner-content h5{font-size: 16px; font-weight: 600; color: #444; letter-spacing: 1px; line-height: 1.2; margin-bottom: 10px;} .top-banner-wrapper .top-banner-content p{line-height: 1.5; color: #777; margin-bottom: 0; font-size: 16px; letter-spacing: 0.05em;} .product-wrapper-grid.list-view .product-wrap .product-info{text-align: left; -ms-flex-item-align: center; align-self: center; padding-left: 15px;} .product-wrapper-grid.list-view .product-box{display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 0;} .product-wrapper-grid.list-view .product-box .img-wrapper, .product-wrapper-grid.list-view .product-box .img-block{width: 25%;} .product-wrapper-grid.list-view .product-box .product-detail{padding-left: 15px; -ms-flex-item-align: center; align-self: center; text-align: left !important;} .product-wrapper-grid.list-view .product-box .product-detail .rating{margin-top: 0;} .product-wrapper-grid.list-view .product-box .product-detail p{display: block !important; margin-bottom: 5px; line-height: 23px; font-size: 16px;} .product-wrapper-grid.list-view .product-box .product-detail .color-variant{padding-top: 10px;} .product-wrapper-grid.list-view .product-box .product-detail h6{font-weight: 700;} .product-wrapper-grid.list-view .basic-product .overflow-hidden{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));} @media (max-width: 575px){.product-wrapper-grid.list-view .basic-product .overflow-hidden{display: block;}} .product-wrapper-grid.list-view .basic-product .img-wrapper{width: calc(130px + (300 - 130) * ((100vw - 320px) / (1920 - 320)));} @media (max-width: 575px){.product-wrapper-grid.list-view .basic-product .img-wrapper{width: 100%;}} .product-wrapper-grid.list-view .basic-product .product-detail{width: calc(100% - calc(130px + (300 - 130) * ((100vw - 320px) / (1920 - 320))) - calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320))));} @media (max-width: 575px){.product-wrapper-grid.list-view .basic-product .product-detail{width: 100%;}} .product-wrapper-grid.list-view .basic-product .product-detail .color-panel, .product-wrapper-grid.list-view .basic-product .product-detail .offer-panel{display: none;} .product-wrapper-grid.list-view .basic-product .product-detail > div{border-bottom: none;} .product-wrapper-grid.list-view .basic-product .product-detail h6{margin-bottom: 0;} @media (max-width: 575px){.product-wrapper-grid.list-view .basic-product .product-detail h6{margin-bottom: 5px;}} .product-wrapper-grid.list-view .basic-product .product-detail p{display: block !important; font-size: 14px; margin-bottom: 12px;} @media (max-width: 767px){.product-wrapper-grid.list-view .basic-product .product-detail p{overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}} @media (max-width: 575px){.product-wrapper-grid.list-view .basic-product .product-detail p{display: none !important;}} .collection-product-wrapper .product-top-filter{margin-block: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; gap: 15px; padding: 12px 16px; background-color: #f8f8f8; position: relative; border: 1px solid #eee;} .collection-product-wrapper .product-top-filter .product-filter-content .form-select{width: 180px; height: calc(40px + (48 - 40) * ((100vw - 320px) / (1920 - 320))); border-radius: 0; color: #777777; background-color: #fff; border: 1px solid #eee; cursor: pointer;} @media (max-width: 991px){.collection-product-wrapper .product-top-filter .product-filter-content .form-select{width: 100%;}} @media (max-width: 991px){.collection-product-wrapper .product-top-filter .product-filter-content > div{width: 100%;}} @media (max-width: 575px){.collection-product-wrapper .product-top-filter .product-filter-content > div{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}} .collection-product-wrapper .product-top-filter .product-filter-content ul li{margin: 0 !important; width: calc(35px + (45 - 35) * ((100vw - 320px) / (1920 - 320))); height: calc(35px + (45 - 35) * ((100vw - 320px) / (1920 - 320))); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; border: 1px solid #ddd; cursor: pointer;} .collection-product-wrapper .product-top-filter .product-filter-content ul li.active{background-color: var(--theme-color);} .collection-product-wrapper .product-top-filter .product-filter-content ul li.active img{-webkit-filter: invert(1) brightness(100); filter: invert(1) brightness(100);} .collection-product-wrapper .product-top-filter .product-filter-content.sidebar-popup-filter-content{display: contents; width: 100%;} @media (max-width: 767px){.collection-product-wrapper .product-top-filter .product-filter-content.sidebar-popup-filter-content > div{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;} .collection-product-wrapper .product-top-filter .product-filter-content.sidebar-popup-filter-content .collection-grid-view{display: none;}} .collection-product-wrapper .product-top-filter .product-filter-content, .collection-product-wrapper .product-top-filter .popup-filter{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} .collection-product-wrapper .product-top-filter .product-filter-content .search-count, .collection-product-wrapper .product-top-filter .product-filter-content .sidebar-popup, .collection-product-wrapper .product-top-filter .popup-filter .search-count, .collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup{text-transform: capitalize;} .collection-product-wrapper .product-top-filter .product-filter-content .search-count h5, .collection-product-wrapper .product-top-filter .product-filter-content .sidebar-popup h5, .collection-product-wrapper .product-top-filter .popup-filter .search-count h5, .collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup h5{margin-bottom: 0;} .collection-product-wrapper .product-top-filter .product-filter-content .collection-view, .collection-product-wrapper .product-top-filter .popup-filter .collection-view{padding: 20px; width: 10%;} .collection-product-wrapper .product-top-filter .product-filter-content .collection-view ul li, .collection-product-wrapper .product-top-filter .popup-filter .collection-view ul li{height: 100%; vertical-align: middle; cursor: pointer;} .collection-product-wrapper .product-top-filter .product-filter-content .collection-view ul li:first-child, .collection-product-wrapper .product-top-filter .popup-filter .collection-view ul li:first-child{margin-right: 14px;} .collection-product-wrapper .product-top-filter .product-filter-content .collection-grid-view, .collection-product-wrapper .product-top-filter .popup-filter .collection-grid-view{margin-left: auto;} .collection-product-wrapper .product-top-filter .product-filter-content .collection-grid-view ul, .collection-product-wrapper .product-top-filter .popup-filter .collection-grid-view ul{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; gap: 10px;} .collection-product-wrapper .product-top-filter .product-filter-content .collection-grid-view ul li, .collection-product-wrapper .product-top-filter .popup-filter .collection-grid-view ul li{width: calc(35px + (45 - 35) * ((100vw - 320px) / (1920 - 320))); height: calc(35px + (45 - 35) * ((100vw - 320px) / (1920 - 320))); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; border: 1px solid #eee; cursor: pointer;} .collection-product-wrapper .product-top-filter .product-filter-content .collection-grid-view ul li.active, .collection-product-wrapper .product-top-filter .popup-filter .collection-grid-view ul li.active{background-color: var(--theme-color); border: transparent;} .collection-product-wrapper .product-top-filter .product-filter-content .collection-grid-view ul li img, .collection-product-wrapper .product-top-filter .popup-filter .collection-grid-view ul li img{height: 18px; cursor: pointer;} .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view, .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter, .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view, .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter{position: relative; width: 20%;} .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view select, .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter select, .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view select, .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter select{border: 0; padding: 20px; border-right: 1px solid #ddd; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; appearance: none; cursor: pointer; background: url(../images/dropdown.png) no-repeat 95%;} .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view select:focus, .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter select:focus, .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view select:focus, .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter select:focus{outline: unset;} .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view select option, .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter select option, .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view select option, .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter select option{padding: 20px 0;} .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter, .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter{width: 15%;} .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter:before, .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter:before{right: 10px;} .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter select, .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter select{border-right: none;} .collection-product-wrapper .product-top-filter .popup-filter{-webkit-box-pack: unset; -ms-flex-pack: unset; justify-content: unset;} .collection-product-wrapper .product-top-filter .popup-filter ::-webkit-scrollbar{width: 3px;} .collection-product-wrapper .product-top-filter .popup-filter ::-webkit-scrollbar-track{background: #ddd;} .collection-product-wrapper .product-top-filter .popup-filter ::-webkit-scrollbar-thumb{background: #888;} .collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup{position: relative; cursor: pointer;} .collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup a{color: #777777; background: #fff; border: 1px solid #eee; height: calc(35px + (45 - 35) * ((100vw - 320px) / (1920 - 320))); width: 180px; font-size: 16px; font-weight: 400; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: capitalize;} .collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup .collection-filter{background-color: #f8f8f8; width: 270px; height: 600px; overflow-y: scroll;} .collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup .collection-filter .collection-filter-block{border: none;} .collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup .collection-filter .theme-card{padding: 0 30px;} .collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup .collection-filter .collection-sidebar-banner{padding: 0 30px;} .collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup .collection-filter .collection-sidebar-banner img{width: 100%;} .collection-product-wrapper .product-top-filter .popup-filter .open-popup{display: none; position: absolute; z-index: 9; top: 75px; left: 0; border: 1px solid #f1f5f4; -webkit-box-shadow: 0 0 5px #ddd; box-shadow: 0 0 5px #ddd; max-width: 300px;} .collection-product-wrapper .product-top-filter .popup-filter .open-popup.open{display: block;} .collection-product-wrapper .product-top-filter .popup-filter .open-popup .collection-filter-block{margin-bottom: 0;} .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view, .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter{width: 20%;} .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view select, .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter select{padding-right: 45px; font-size: 16px;} .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view:before, .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter:before{right: 35px;} .collection-product-wrapper .product-top-filter .popup-filter .collection-grid-view{padding: 20px;} .collection-product-wrapper .product-top-filter .popup-filter .collection-view{width: 20%;} .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter:before{right: 25px !important;} .collection-product-wrapper .product-top-filter.sidebar-top-filter{position: relative;} @media (max-width: 767px){.collection-product-wrapper .product-top-filter.sidebar-top-filter{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;} .collection-product-wrapper .product-top-filter.sidebar-top-filter .popup-filter{width: 100%;} .collection-product-wrapper .product-top-filter.sidebar-top-filter .popup-filter .sidebar-popup{width: 100%;} .collection-product-wrapper .product-top-filter.sidebar-top-filter .popup-filter .sidebar-popup a{width: 100%; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; padding-left: 10px;} .collection-product-wrapper .product-top-filter.sidebar-top-filter .sidebar-popup-filter-content .form-select{width: 100%;}} .collection-product-wrapper .product-top-filter.sidebar-top-filter .collection-top-filter{position: absolute; top: 85px; left: 0; width: 100%; z-index: 1;} .collection-product-wrapper .product-top-filter.sidebar-top-filter .collection-top-filter .top-filter-card-body{background-color: #f9f9f9; border: 1px solid #eee; border-radius: 0;} @media (max-width: 767px){.collection-product-wrapper .product-top-filter.sidebar-top-filter .collection-top-filter{top: 60px;}} .collection-product-wrapper .product-wrapper-grid .product-box{margin-top: 50px;} .collection-product-wrapper .product-wrapper-grid .product-box .product-detail p{display: none;} .collection-product-wrapper .product-wrapper-grid .basic-product .product-detail p{display: none;} .collection-product-wrapper .product-wrapper-grid .product-five{-webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px;} .collection-product-wrapper .product-wrapper-grid .col-lg-2 .product-box .product-detail h6{font-size: 13px;} .collection-product-wrapper .product-wrapper-grid .col-lg-2 .product-box .product-detail h4{font-size: 18px;} .collection-product-wrapper .product-wrapper-grid .col-lg-2 .product-box .product-detail .rating i{padding-right: 0;} .collection-product-wrapper .product-wrapper-grid .col-lg-2 .product-box .img-wrapper .lable-block .lable3{padding: 8px 4px; font-size: 12px;} .filter-main-btn{display: none; margin-bottom: 20px; cursor: pointer;} .filter-main-btn span{width: auto; border-radius: 0; font-size: 18px; background-color: var(--theme-color); padding: 5px 16px; color: #fff; margin-bottom: 20px; display: inline-block; text-transform: uppercase;} .collection-mobile-back{padding: 15px 0; border-bottom: 1px solid #eee; display: none; border: none; width: 100%;} .collection-mobile-back:active{border-bottom: 1px solid #eee;} .collection-mobile-back i{font-size: 23px; line-height: 1; font-weight: 500;} .collection-mobile-back span{text-transform: uppercase; font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320))); color: #222; font-weight: 700; line-height: 1; margin-top: 3px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4px; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse;} .product-pagination{margin-top: 50px;} .product-pagination .pagination{border-radius: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 15px;} .product-pagination .pagination .page-item{border-radius: 0;} .product-pagination .pagination .page-item a{border: 1px solid #eee; color: #777777; background-color: #fff; border-top-left-radius: 0; border-bottom-left-radius: 0; -webkit-box-shadow: none; box-shadow: none; width: calc(35px + (40 - 35) * ((100vw - 320px) / (1920 - 320))); height: calc(35px + (40 - 35) * ((100vw - 320px) / (1920 - 320))); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0;} .product-pagination .pagination .page-item.active a{color: #fff; background-color: var(--theme-color); border: 1px solid #eee;} .product-pagination .pagination .page-item:hover a{color: #fff; background-color: var(--theme-color);} .product-pagination .pagination .page-item:last-child .page-link{border-radius: 0;} .product-pagination .product-search-count-bottom{-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; border-left: 1px solid #ddd; border-right: 1px solid #ddd; padding-right: 15px;} .product-pagination .product-search-count-bottom h5{color: #777; font-size: 14px; margin-bottom: 0; padding: 5px 0;} .bundle{margin-top: 10px;} .bundle .bundle_img{display: -webkit-box; display: -ms-flexbox; display: flex;} .bundle .bundle_img .img-box img{max-width: 115px; border: 1px solid #ddd; padding: 2px;} .bundle .bundle_img .plus{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 7px; font-size: 22px;} .bundle .bundle_detail{margin-top: 15px;} .bundle .bundle_detail .price_product{color: #000; padding-left: 3px; font-weight: 700;} .theme_checkbox label{display: block; position: relative; padding-left: 30px; margin-bottom: 12px; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-transform: capitalize; color: #333;} .theme_checkbox label input{position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;} .theme_checkbox label input:checked ~ .checkmark:after{display: block;} .theme_checkbox label .checkmark{position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: #fff; border: 1px solid #ddd;} .theme_checkbox label .checkmark:after{content: ""; position: absolute; display: none; left: 7px; top: 3px; width: 5px; height: 10px; border: solid #000; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg);} .sticky-top-cls{position: sticky; top: 20px; z-index: 1;} .modern-box-margin{margin-bottom: -40px;} .modern-box{padding: 25px 25px; background-color: #f8f8f8; margin-top: 94px; margin-bottom: 40px;} .modern-box .absolute-img img{margin-left: 30px; margin-top: -120px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .modern-box .modern-content{margin-top: 14px;} .modern-box .modern-content h6{font-size: 16px; margin-bottom: 2px; font-weight: 600; color: #222;} .modern-box .modern-content p{line-height: 20px; letter-spacing: 0.05em; margin-bottom: 14px;} .modern-box .modern-content .modern-bottom{display: -webkit-box; display: -ms-flexbox; display: flex;} .modern-box .modern-content .modern-bottom .right{margin-left: auto;} .modern-box .modern-content .modern-bottom .right .add-extent{position: relative;} .modern-box .modern-content .modern-bottom .right .add-extent .animated-btn{cursor: pointer; width: 30px; height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 100%; background-color: #e8e8e8; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: #222;} .modern-box .modern-content .modern-bottom .right .add-extent .options{position: absolute; right: -6px; bottom: 50%; background-color: #fff; padding: 10px 5px; border-radius: 20px; -webkit-box-shadow: 0px 5px 7px 1px rgba(0, 0, 0, 0.09); box-shadow: 0px 5px 7px 1px rgba(0, 0, 0, 0.09); height: 0; opacity: 0; visibility: hidden;} .modern-box .modern-content .modern-bottom .right .add-extent .options li{width: 30px; height: 30px; border-radius: 100%; padding: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer;} .modern-box .modern-content .modern-bottom .right .add-extent .options li button{border: none; background-color: transparent;} .modern-box .modern-content .modern-bottom .right .add-extent .options li i{color: #6f6f6f; font-size: 18px;} .modern-box .modern-content .modern-bottom .right .add-extent .options li + li{margin-top: 6px;} .modern-box .modern-content .modern-bottom .right .add-extent.show i{-webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .modern-box .modern-content .modern-bottom .right .add-extent.show .options{opacity: 1; visibility: visible; height: auto; bottom: 38px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .modern-box-margin{margin-bottom: -40px;} .modern-box{padding: 25px 25px; background-color: #f8f8f8; margin-top: 94px; margin-bottom: 40px;} .modern-box .absolute-img img{margin-left: 30px; margin-top: -120px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .modern-box .modern-content{margin-top: 14px;} .modern-box .modern-content h6{font-size: 16px; margin-bottom: 2px; font-weight: 600; color: #222;} .modern-box .modern-content p{line-height: 20px; letter-spacing: 0.05em; margin-bottom: 14px;} .modern-box .modern-content .modern-bottom{display: -webkit-box; display: -ms-flexbox; display: flex;} .modern-box .modern-content .modern-bottom .left h4{margin-bottom: 10px;} .modern-box .modern-content .modern-bottom .right{margin-left: auto;} .modern-box .modern-content .modern-bottom .right .add-extent{position: relative;} .modern-box .modern-content .modern-bottom .right .add-extent .animated-btn{cursor: pointer; width: 30px; height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 100%; background-color: #e8e8e8; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: #222;} .modern-box .modern-content .modern-bottom .right .add-extent .options{position: absolute; right: -6px; bottom: 50%; background-color: #fff; padding: 10px 5px; border-radius: 20px; -webkit-box-shadow: 0px 5px 7px 1px rgba(0, 0, 0, 0.09); box-shadow: 0px 5px 7px 1px rgba(0, 0, 0, 0.09); height: 0; opacity: 0; visibility: hidden;} .modern-box .modern-content .modern-bottom .right .add-extent .options li{width: 30px; height: 30px; border-radius: 100%; padding: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer;} .modern-box .modern-content .modern-bottom .right .add-extent .options li button{border: none; background-color: transparent;} .modern-box .modern-content .modern-bottom .right .add-extent .options li i{color: #6f6f6f; font-size: 18px;} .modern-box .modern-content .modern-bottom .right .add-extent .options li + li{margin-top: 6px;} .modern-box .modern-content .modern-bottom .right .add-extent.show i{-webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .modern-box .modern-content .modern-bottom .right .add-extent.show .options{opacity: 1; visibility: visible; height: auto; bottom: 38px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .collection .collection-block{text-align: center;} .collection .collection-block img, .collection .collection-block .bg-size{margin-bottom: 20px;} .collection .collection-block .collection-content{text-align: center;} .collection .collection-block .collection-content h3{margin-bottom: 10px; color: #222; text-transform: uppercase; font-weight: 900; letter-spacing: 0.05em;} .collection .collection-block .collection-content h4{color: #222; margin-bottom: 10px; font-size: 16px;} .collection .collection-block .collection-content p{line-height: 1.5;} .collection .collection-block .collection-content .btn-solid, .collection .collection-block .collection-content .btn-outline{padding: 10px 25px;} .category-shop-section .nav{height: 100%; background-color: #f8f8f8; padding: 13px 0; border-radius: 8px;} .category-shop-section .nav .nav-link{font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; color: #495057; border-right: 2px solid transparent; cursor: pointer; padding: 12px 20px; font-weight: 500; text-transform: capitalize;} .category-shop-section .nav .nav-link.active{color: var(--theme-color); border-right: 2px solid var(--theme-color); font-weight: 700;} .faq-section .theme-accordion .accordion-item{background-color: transparent; margin-top: 10px; border-radius: 0; overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.07);} .faq-section .theme-accordion .accordion-item:first-child{margin-top: 0;} .faq-section .theme-accordion .accordion-item .accordion-header{padding: 0; border-bottom: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background-color: #f9f9f9; letter-spacing: unset; text-transform: unset;} .faq-section .theme-accordion .accordion-item .accordion-header .accordion-button{color: #333; font-size: calc(16px + 0.00125 * (100vw - 320px)); padding: calc(11px + 7 * (100vw - 320px) / 1600); line-height: 1.4; font-weight: 500; text-transform: unset; text-decoration: unset; -webkit-box-shadow: unset; box-shadow: unset; background-color: #f8f8f8; border: unset; letter-spacing: unset; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; width: 100%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-align: unset; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} .faq-section .theme-accordion .accordion-item .accordion-header .accordion-button:after{content: "\ea4e"; font-family: remixicon; font-style: normal; -webkit-font-smoothing: antialiased; font-size: 22px; background: none; line-height: 1; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; width: auto; height: auto;} .faq-section .theme-accordion .accordion-item .accordion-header .accordion-button::before{content: none;} .faq-section .theme-accordion .accordion-item .accordion-header .accordion-button:hover{color: var(--theme-color);} .faq-section .theme-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed){font-weight: 600; color: var(--theme-color);} .faq-section .theme-accordion .accordion-item .accordion-body{padding: calc(10px + 5 * (100vw - 320px) / 1600) calc(12px + 0.00375 * (100vw - 320px));} .faq-section .theme-accordion .accordion-item .accordion-body p{margin-bottom: 0; font-size: calc(14px + 0.00125 * (100vw - 320px)); color: #777; line-height: 1.7; letter-spacing: unset; font-weight: 500;} .pwd-page{text-align: center;} .pwd-page h2{margin-bottom: 25px; color: #222; margin-top: -5px;} .pwd-page .theme-form input{border-color: #ddd; font-size: 15px; padding: 15px 25px; margin-bottom: 15px; height: inherit; text-align: center;} .pwd-page .theme-form .btn-solid, .pwd-page .theme-form .btn-outline{margin: 0 auto;} .login-page h3{margin-bottom: 20px; text-transform: uppercase; color: #222; font-weight: 700; margin-top: -5px;} .login-page .theme-card{padding: 30px; background-color: #f8f8f8; line-height: 1; border: 1px solid #eee;} .login-page .theme-card .theme-form label{text-transform: capitalize; color: #333; font-size: 14px; font-weight: 600;} .login-page .theme-card .theme-form input{border-color: #eaeaea; font-size: 12px; padding: 17px 25px; margin-bottom: 30px; height: inherit;} .login-page .theme-card .form-box{position: relative;} .login-page .theme-card .form-box .form-label{font-weight: 500; font-size: calc(15px + (16 - 15) * ((100vw - 320px) / (1920 - 320))); margin-bottom: 4px; color: #777;} .login-page .theme-card .form-box .form-control{height: auto; padding: calc(10px + (12 - 10) * ((100vw - 320px) / (1920 - 320))) calc(13px + (19 - 13) * ((100vw - 320px) / (1920 - 320))); font-weight: 500; border: 1px solid #eee; font-size: calc(14px + (14 - 14) * ((100vw - 320px) / (1920 - 320)));} .login-page .theme-card .form-box .form-control::-webkit-inner-spin-button{display: none;} .login-page .theme-card .form-box .form-select{height: auto; padding: calc(10px + (12 - 10) * ((100vw - 320px) / (1920 - 320))) calc(13px + (19 - 13) * ((100vw - 320px) / (1920 - 320))); padding-right: 2.25rem; font-weight: 500; border: 1px solid #eee; font-size: calc(14px + (14 - 14) * ((100vw - 320px) / (1920 - 320))); border-radius: 0;} .login-page .theme-card .form-box .form-select option{text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; font-weight: 500;} .login-page .authentication-right{height: calc(100% - 48px);} .login-page .authentication-right h6{text-transform: capitalize; color: #333; font-weight: 600; margin-bottom: 10px; font-size: 22px;} .login-page .authentication-right p{margin-bottom: 21px; font-size: calc(14px + 0.00125 * (100vw - 320px)); color: #777; line-height: 1.7; letter-spacing: unset; font-weight: 500;} .register-page h3{margin-bottom: 20px; text-transform: uppercase; color: #222; font-weight: 700; margin-top: -5px;} .register-page .theme-card{padding: 30px; border: none; background-color: #f8f8f8; -webkit-box-shadow: 0 0 2px 2px #f1f1f1; box-shadow: 0 0 2px 2px #f1f1f1; line-height: 1;} .register-page .theme-card .theme-form label{text-transform: capitalize; color: #333; font-size: 14px; font-weight: 600;} .register-page .theme-card .theme-form input{border-color: #eaeaea; font-size: 12px; padding: 17px 25px; margin-bottom: 30px; height: inherit;} .search-block{padding: 0;} .search-block .form-header .input-group input{border-radius: 0 5px 5px 0; border: 1px solid #eee; padding: 15px 20px;} .search-block .form-header .input-group i{padding-right: 10px;} .search-block .form-header .input-group .btn{z-index: 0;} .contact-page .contact-title{position: sticky; top: 0; left: 0;} .contact-page .contact-title h2{letter-spacing: unset; text-transform: none; margin: 0; line-height: 1.3;} .contact-page .contact-title p{font-size: calc(14px + 0.00125 * (100vw - 320px)); line-height: 1.7; width: 100%; font-weight: 500; margin-top: 10px; margin-bottom: 0;} .contact-page .contact-form{background-color: #f8f8f8; padding: calc(20px + (44 - 20) * ((100vw - 320px) / (1920 - 320))) calc(16px + (44 - 16) * ((100vw - 320px) / (1920 - 320))); border-radius: 0; border: 1px solid #eee;} .contact-page .contact-form .form-box .form-control{border: unset;} .contact-page .contact-form .form-box .form-control::-webkit-input-placeholder{color: #8a8a8a;} .contact-page .contact-form .form-box .form-control::-moz-placeholder{color: #8a8a8a;} .contact-page .contact-form .form-box .form-control:-ms-input-placeholder{color: #8a8a8a;} .contact-page .contact-form .form-box .form-control::-ms-input-placeholder{color: #8a8a8a;} .contact-page .contact-form .form-box .form-control::placeholder{color: #8a8a8a;} .contact-page .contact-form .form-box label{color: #333333;} .contact-page .contact-right ul{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: calc(17px + (23 - 17) * ((100vw - 320px) / (1920 - 320))); margin-top: calc(20px + (28 - 20) * ((100vw - 320px) / (1920 - 320)));} @media (max-width: 1200px){.contact-page .contact-right ul{grid-template-columns: 1fr 1fr;}} @media (max-width: 768px){.contact-page .contact-right ul{grid-template-columns: 1fr;}} .contact-page .contact-right ul li{width: 100%; padding: 15px; background-color: #f8f8f8; border: 1px solid #eee; border-radius: 0; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 11px;} .contact-page .contact-right ul li .contact-icon i{font-size: 23px; color: var(--theme-color); width: 50px; height: 50px; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .contact-page .contact-right ul li .media-body h6{font-weight: 600; color: #222; font-size: 18px; line-height: 1.4; margin-top: 0; margin-bottom: 0;} .contact-page .contact-right ul li .media-body p{font-weight: 500; margin-bottom: 0; line-height: 1.5; font-size: 15px; margin-top: 3px;} .contact-page .form-control{border-radius: 0;} .map-section{height: 420px;} .qty-box .input-group{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .qty-box .input-group span button{background: #fff !important; border: 1px solid #ced4da;} .qty-box .input-group .form-control{text-align: center; width: 80px; -webkit-box-flex: unset; -ms-flex: unset; flex: unset;} .qty-box .input-group button{background-color: transparent; border: 0; color: #777; cursor: pointer; padding-left: 12px; font-size: 12px; font-weight: 900; line-height: 1;} .qty-box .input-group button i{font-size: 16px; color: #222;} .qty-box .input-group .icon{padding-right: 0;} .order-history .responsive-data{display: none;} .order-history .responsive-data .price{margin-bottom: 2px;} .order-history .dark-data{color: black; font-weight: 600;} .wishlist-section tbody tr:last-child td{border: unset !important;} .wishlist-section tbody tr td .icon-box a{font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320))); border: 1px solid #eee; width: calc(28px + (32 - 28) * ((100vw - 320px) / (1920 - 320))); height: calc(28px + (32 - 28) * ((100vw - 320px) / (1920 - 320))); border-radius: 0; background-color: #f8f8f8; color: #777; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} @media (max-width: 767px){.wishlist-section tbody tr td .mobile-cart-content .col:last-child .td-color{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: calc(7px + (11 - 7) * ((100vw - 320px) / (767 - 320)));} .wishlist-section tbody tr td .mobile-cart-content .col:last-child .td-color a{font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (767 - 320))); border: 1px solid #eee; width: calc(28px + (32 - 28) * ((100vw - 320px) / (767 - 320))); height: calc(28px + (32 - 28) * ((100vw - 320px) / (767 - 320))); border-radius: 0; margin: 0 auto; background-color: #f8f8f8; color: #777; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}} .cart-section .table tbody + tbody, .wishlist-section .table tbody + tbody{border-top: none;} .cart-section .cart-buttons, .wishlist-section .cart-buttons{padding-top: 35px;} .cart-section .cart-buttons > div:last-child, .wishlist-section .cart-buttons > div:last-child{text-align: right;} .cart-section .cart-buttons a, .wishlist-section .cart-buttons a{background-color: var(--theme-color); color: #fff; text-transform: none; font-weight: 600; font-size: calc(16px + 2 * (100vw - 320px) / 1600); line-height: 1.3; padding: calc(9px + 2 * (100vw - 320px) / 1600) 20px; border-radius: 0; border: 1px solid transparent;} .cart-section .cart-buttons a:hover, .wishlist-section .cart-buttons a:hover{border-color: var(--theme-color); background-color: #fff; color: var(--theme-color);} .cart-section .wishlist-buttons, .wishlist-section .wishlist-buttons{padding-top: 22px; text-align: right;} .cart-section .wishlist-buttons:last-child a, .wishlist-section .wishlist-buttons:last-child a{margin-left: 10px;} .cart-section .cart-table, .wishlist-section .cart-table{overflow: hidden; margin-bottom: 0; border: 1px solid #eee;} .cart-section .cart-table thead th, .wishlist-section .cart-table thead th{font-weight: 600; color: #222; font-size: calc(17px + (19 - 17) * ((100vw - 320px) / (1920 - 320))); border-top: 0; text-align: center; white-space: nowrap; text-transform: capitalize; padding: calc(12px + (16 - 12) * ((100vw - 320px) / (1920 - 320))) 12px; background-color: #f8f8f8; border-bottom: 1px solid #eee !important;} .cart-section tbody h2, .wishlist-section tbody h2{margin-bottom: 0;} .cart-section tbody .remove-btn, .wishlist-section tbody .remove-btn{font-size: calc(18px + 2 * (100vw - 320px) / 1600); border: 1px solid #eee; width: calc(28px + 4 * (100vw - 320px) / 1600); height: calc(28px + 4 * (100vw - 320px) / 1600); border-radius: 0; background-color: #f8f8f8; color: #777; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto;} .cart-section tbody .table-price h2, .wishlist-section tbody .table-price h2{color: #222; font-weight: 600; font-size: calc(17px + (20 - 17) * ((100vw - 320px) / (1920 - 320))); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 6px; white-space: nowrap;} .cart-section tbody .table-price h2 del, .wishlist-section tbody .table-price h2 del{font-weight: 500; font-size: calc(15px + (16 - 15) * ((100vw - 320px) / (1920 - 320))); color: #777;} .cart-section tbody .table-price h6, .wishlist-section tbody .table-price h6{font-size: 18px; margin-block: 4px 0; font-weight: 600; color: var(--theme-color);} .cart-section tbody .qty-box .input-group, .wishlist-section tbody .qty-box .input-group{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap;} .cart-section tbody .qty-box .input-group .form-control, .wishlist-section tbody .qty-box .input-group .form-control{padding-block: 10px; border: 1px solid #eee; font-weight: 500;} .cart-section tbody .qty-box .input-group button, .wishlist-section tbody .qty-box .input-group button{border: 1px solid #eee; font-size: 16px; z-index: 0;} .cart-section tbody .qty-box .input-group button i, .wishlist-section tbody .qty-box .input-group button i{font-weight: 500;} .cart-section tbody tr td, .wishlist-section tbody tr td{vertical-align: middle; color: #777; border-top: 0; border-bottom: 1px solid #eee; text-align: center;} .cart-section tbody tr td:nth-child(2), .wishlist-section tbody tr td:nth-child(2){width: 29rem;} @media (max-width: 767px){.cart-section tbody tr td:nth-child(2), .wishlist-section tbody tr td:nth-child(2){width: auto;}} .cart-section tbody tr td .name, .wishlist-section tbody tr td .name{color: #222; font-weight: 500;} .cart-section tbody tr td a, .cart-section tbody tr td p, .wishlist-section tbody tr td a, .wishlist-section tbody tr td p{color: #777; font-weight: 500; font-size: calc(16px + (17 - 16) * ((100vw - 320px) / (1920 - 320))); text-transform: capitalize; margin-bottom: 0;} .cart-section tbody tr td a img, .cart-section tbody tr td p img, .wishlist-section tbody tr td a img, .wishlist-section tbody tr td p img{height: 90px;} .cart-section tbody tr td .td-color, .wishlist-section tbody tr td .td-color{color: var(--theme-color);} .cart-section tbody tr td h2, .wishlist-section tbody tr td h2{color: var(--theme-color); font-size: calc(19px + 3 * (100vw - 320px) / 1600); font-weight: 500; letter-spacing: unset; text-transform: unset;} .cart-section tbody tr td h2 del, .wishlist-section tbody tr td h2 del{font-weight: 500; color: #777; font-size: 16px;} .cart-section tbody tr td .mobile-cart-content, .wishlist-section tbody tr td .mobile-cart-content{display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 10px; -ms-flex-wrap: nowrap; flex-wrap: nowrap;} .cart-section tbody tr td .mobile-cart-content .qty-box, .wishlist-section tbody tr td .mobile-cart-content .qty-box{border-radius: 0;} .cart-section tbody tr td .mobile-cart-content .qty-box .input-group .form-control, .wishlist-section tbody tr td .mobile-cart-content .qty-box .input-group .form-control{width: 48px; padding: 6px;} .cart-section tbody tr td .mobile-cart-content .col, .wishlist-section tbody tr td .mobile-cart-content .col{-ms-flex-item-align: center; align-self: center; margin-left: 10px; margin-right: 10px;} @media (max-width: 768px){.cart-section tbody tr td .mobile-cart-content .col, .wishlist-section tbody tr td .mobile-cart-content .col{margin-left: 5px; margin-right: 5px;}} .cart-section tfoot tr th, .wishlist-section tfoot tr th{padding-top: 35px; text-align: right;} .cart-section tfoot tr td, .wishlist-section tfoot tr td{padding-top: 20px; padding-bottom: 20px; border: none; text-align: center; color: #222; font-size: 17px; font-weight: 500; white-space: nowrap;} .cart-section tfoot tr td h2, .wishlist-section tfoot tr td h2{font-weight: 600; font-size: 24px; margin-bottom: 0;} .cart-section tfoot tr td:first-child, .wishlist-section tfoot tr td:first-child{text-transform: capitalize; font-weight: 500; font-size: 18px; color: #777; text-align: right;} .cart_counter{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #f8f8f8; padding: 15px; font-size: 14px; color: #2c2c2c; font-weight: bold; border-radius: 0; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 20px; -webkit-box-shadow: 0 0 4px 0 #e4e4e4; box-shadow: 0 0 4px 0 #e4e4e4;} .cart_counter .countdownholder span{padding-left: 8px; color: var(--theme-color); padding-right: 6px;} .cart_counter .cart_checkout{padding: 3px 8px; margin-left: 10px;} .blog-detail-page .blog-detail p:last-child{margin-bottom: 0;} .blog-detail-page .blog-detail img{margin-bottom: 40px;} .blog-detail-page .blog-detail h3{color: #222; font-weight: 700; margin-bottom: 20px; text-transform: uppercase;} .blog-detail-page .blog-detail p{color: #777; line-height: 1.8;} .blog-detail-page .blog-detail .post-social{color: #777; text-align: left; padding-bottom: 15px;} .blog-detail-page .blog-detail .post-social li + li{padding-left: 15px; margin-left: 15px; border-left: 1px solid #ddd;} .blog-detail-page .blog-advance > div:last-child p:last-child{margin-bottom: 0;} .blog-detail-page .blog-advance img, .blog-detail-page .blog-advance .bg-size{margin-bottom: 25px; margin-top: 25px;} .blog-detail-page .blog-advance ul{list-style-type: decimal; list-style-position: inside; line-height: 2.5; font-size: 15px;} .blog-detail-page .blog-advance ul li{display: list-item; font-weight: 700;} .blog-detail-page .blog-advance p{line-height: 1.8;} .blog-detail-page .comment-section{border-bottom: 1px solid #ddd;} .blog-detail-page .comment-section li{padding-top: 60px; padding-bottom: 60px; border-top: 1px solid #ddd;} .blog-detail-page .comment-section li img{height: 65px; width: 65px; margin-right: 20px; border-radius: 100%;} .blog-detail-page .comment-section li h6{color: #444; text-transform: uppercase; font-weight: 700; margin-bottom: 5px;} .blog-detail-page .comment-section li h6 span{font-size: 13px; font-weight: 500; text-transform: capitalize; color: #777; margin-left: 20px;} .blog-detail-page .comment-section li p{line-height: 1.8; margin-bottom: 0;} .blog-detail-page .blog-contact h2{margin-bottom: 30px; margin-top: -5px;} .blog-detail-page .blog-contact .theme-form label{text-transform: capitalize; color: #333; font-size: 16px; font-weight: 700;} .blog-detail-page .blog-contact .theme-form input, .blog-detail-page .blog-contact .theme-form textarea{border-color: #ddd; font-size: 14px; padding: 17px 25px; margin-bottom: 30px;} .blog-page .blog-sidebar h6{margin-bottom: 0; line-height: 20px; color: #333; font-weight: 700;} .blog-page .blog-sidebar p{line-height: 20px; margin-bottom: 0; color: #555;} .blog-page .blog-sidebar h4{color: #333; text-transform: uppercase; font-weight: 600; margin-bottom: 20px; line-height: 20px; letter-spacing: 1px;} .blog-page .blog-sidebar .theme-card{padding: 20px; background-color: #f9f9f9;} .blog-page .blog-sidebar .theme-card .recent-blog li .media img{width: 100px; margin-right: 10px;} .blog-page .blog-sidebar .theme-card .recent-blog li + li{margin-top: 30px;} .blog-page .blog-sidebar .theme-card .popular-blog li .blog-date{background-color: var(--theme-color); height: 70px; width: 70px; margin: 0 15px 0 0; padding: 15px;} .blog-page .blog-sidebar .theme-card .popular-blog li .blog-date span{display: block; text-align: center; color: #fff; text-transform: uppercase;} .blog-page .blog-sidebar .theme-card .popular-blog li + li{margin-top: 30px;} .blog-page .blog-sidebar .theme-card .popular-blog li p{margin-top: 10px;} .blog-page .blog-sidebar .theme-card + .theme-card{margin-top: 30px;} .blog-page .blog-media{margin-bottom: 30px;} .blog-page .blog-media:last-child{margin-bottom: 0;} .blog-page .blog-media .blog-right{height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex;} .blog-page .blog-media .blog-right h6{color: var(--theme-color); text-transform: uppercase; margin-bottom: 10px;} .blog-page .blog-media .blog-right h4{color: #333; font-weight: 700; line-height: 1.5; margin-bottom: 15px;} .blog-page .blog-media .blog-right p{line-height: 1.8; margin-bottom: 0; letter-spacing: 0.04em;} .blog-page .blog-media .blog-right ul{color: #777; margin-bottom: 15px;} .blog-page .blog-media .blog-right ul li{font-size: 14px; line-height: 1.5;} .blog-page .blog-media .blog-right ul li i{padding-right: 3px;} .blog-page .blog-media .blog-right ul li + li{padding-left: 15px; margin-left: 15px; border-left: 1px solid #ddd;} .media-btn{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: var(--theme-color); color: #fff; width: 40px; height: 40px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 22px; border: none;} .product-slick .slick-prev, .product-slick .slick-next, .rtl-product-slick .slick-prev, .rtl-product-slick .slick-next, .product-right-slick .slick-prev, .product-right-slick .slick-next, .rtl-product-right-slick .slick-prev, .rtl-product-right-slick .slick-next{opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-top: 0; -webkit-box-shadow: 0 0 8px #ddd9; box-shadow: 0 0 8px #ddd9; border-radius: 100%; z-index: 99;} .product-slick .slick-prev:before, .product-slick .slick-next:before, .rtl-product-slick .slick-prev:before, .rtl-product-slick .slick-next:before, .product-right-slick .slick-prev:before, .product-right-slick .slick-next:before, .rtl-product-right-slick .slick-prev:before, .rtl-product-right-slick .slick-next:before{font-family: remixicon; font-style: normal; -webkit-font-smoothing: antialiased; opacity: 1; color: #222; background-color: #fff; border-radius: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .product-slick .slick-next, .rtl-product-slick .slick-next, .product-right-slick .slick-next, .rtl-product-right-slick .slick-next{right: -15px;} .product-slick .slick-next:before, .rtl-product-slick .slick-next:before, .product-right-slick .slick-next:before, .rtl-product-right-slick .slick-next:before{content: "\ea6e";} .product-slick .slick-prev, .rtl-product-slick .slick-prev, .product-right-slick .slick-prev, .rtl-product-right-slick .slick-prev{left: -15px; z-index: 1;} .product-slick .slick-prev:before, .rtl-product-slick .slick-prev:before, .product-right-slick .slick-prev:before, .rtl-product-right-slick .slick-prev:before{content: "\ea64";} .product-slick .slick-slide > div, .rtl-product-slick .slick-slide > div, .product-right-slick .slick-slide > div, .rtl-product-right-slick .slick-slide > div{display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 15px;} .slider-right-nav.gap-low .slick-slide > div{margin: 10px 10px 0 10px;} .slider-nav .slider-image{border: 1px solid #eeeeee; background-color: #f8f8f8; overflow: hidden; height: calc(123px + 0.02375 * (100vw - 320px));} .slider-nav .slick-slide > div, .rtl-slider-nav .slick-slide > div, .slider-right-nav .slick-slide > div, .rtl-slider-right-nav .slick-slide > div{display: -webkit-box; display: -ms-flexbox; display: flex; margin: 10px 10px 0 10px; border: 1px solid #eee; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 0.4;} .rtl-slider-nav .slick-slide > div img, .slider-right-nav .slick-slide > div img, .rtl-slider-right-nav .slick-slide > div img{height: calc(80px + (160 - 80) * ((100vw - 320px) / (1920 - 320))); width: 100%; -o-object-fit: contain; object-fit: contain; cursor: pointer; background-color: rgba(212, 215, 212, 0.2);} .slider-nav .slick-slide > div img{height: unset; width: 100%; -o-object-fit: contain; object-fit: contain; cursor: pointer; background-color: rgba(212, 215, 212, 0.2);} .slider-nav .slick-slide.slick-current > div, .rtl-slider-nav .slick-slide.slick-current > div, .slider-right-nav .slick-slide.slick-current > div, .rtl-slider-right-nav .slick-slide.slick-current > div{-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 1;} .slider-nav .slick-slide.slick-current > div img, .rtl-slider-nav .slick-slide.slick-current > div img, .slider-right-nav .slick-slide.slick-current > div img, .rtl-slider-right-nav .slick-slide.slick-current > div img{margin-left: auto; margin-right: auto; width: 100%;} .slider-nav .slick-slide.slick-active > div, .rtl-slider-nav .slick-slide.slick-active > div, .slider-right-nav .slick-slide.slick-active > div, .rtl-slider-right-nav .slick-slide.slick-active > div{-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 1;} .slider-nav .slick-slide.slick-active > div img, .rtl-slider-nav .slick-slide.slick-active > div img, .slider-right-nav .slick-slide.slick-active > div img, .rtl-slider-right-nav .slick-slide.slick-active > div img{margin-left: auto; margin-right: auto; width: 100%;} .slider-right-nav.border-nav .slick-slide > div{padding: 4px;} .slider-right-nav .slick-slide:first-child > div, .rtl-slider-right-nav .slick-slide:first-child > div{margin-top: 0;} .pro_sticky_info{border: 1px solid #ddd; padding: 20px;} .is_stuck{margin-top: 80px;} .image-scroll div > div{padding-bottom: 20px;} .image-scroll div > div:last-child{padding: 0;} .sale-label{display: inline-block; background-color: var(--theme-color2); padding: 6px 17px; border-radius: 8px; color: #fff;} .product-right .product-count{background-color: #f8f8f8; padding: 10px 12px; margin-bottom: 12px;} .product-right .product-count img{margin-right: 6px;} .product-right .product-count ul{margin-bottom: -4px;} .product-right .product-count ul li{margin-bottom: 4px;} .product-right .product-count ul li:first-child{margin-right: 14px;} .product-right p{margin-bottom: 0; line-height: 1.5em;} .product-right .product-title{color: #222; text-transform: capitalize; font-weight: 700; margin-bottom: 3px; font-size: 16px;} .product-right .shipping-info li{display: block; font-size: 16px; color: #777; line-height: 1.8;} .product-right .border-product{padding-top: 15px; padding-bottom: 20px; border-top: 1px dashed #eee;} .product-right h2{text-transform: uppercase; margin-bottom: 15px; font-size: 25px; line-height: 1.2em;} .product-right .price-detail span{font-size: 16px; color: var(--theme-color); padding-left: 10px;} .product-right h3{font-size: 26px; color: #222; margin-bottom: 15px;} .product-right h4{font-size: 16px; margin-bottom: 7px;} .product-right h4 del{color: #777;} .product-right h4 span{padding-left: 5px; color: var(--theme-color);} .product-right .color-variant{margin-bottom: 10px;} .product-right .color-variant li{height: 30px; width: 30px; cursor: pointer;} .product-right .color-variant li.active{position: relative;} .product-right .color-variant li.active:after{content: ""; background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='%23000' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/></svg>"); top: 10px; right: 4px; height: 15px; width: 15px; background-size: 70%; background-repeat: no-repeat; position: absolute; opacity: 0.8;} .product-right .product-buttons{margin-bottom: 20px;} .product-right .product-buttons .btn-solid, .product-right .product-buttons .btn-outline{padding: 7px 25px;} .product-right .product-buttons a:last-child{margin-left: 10px;} .product-right .product-description h6 span{float: right;} .product-right .product-description .qty-box{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 10px;} .product-right .product-description .qty-box .input-group{-webkit-box-pack: unset; -ms-flex-pack: unset; justify-content: unset; width: unset;} .product-right .product-description .qty-box .input-group .form-control{border-right: none;} .product-right .size-box{margin-top: 10px; margin-bottom: 10px;} .product-right .size-box ul li{height: 35px; width: 35px; border-radius: 50%; margin-right: 10px; cursor: pointer; border: 1px solid #efefef; text-align: center;} .product-right .size-box ul li a{color: #222; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%;} .product-right .size-box ul li.active{background-color: #efefef;} .product-right .product-icon{display: -webkit-box; display: -ms-flexbox; display: flex;} .product-right .product-icon .product-social{margin-top: 5px;} .product-right .product-icon .product-social li{padding-right: 30px;} .product-right .product-icon .product-social li a{color: #333; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .product-right .product-icon .product-social li a i{font-size: 18px;} .product-right .product-icon .product-social li a:hover{color: var(--theme-color);} .product-right .product-icon .product-social li:last-child{padding-right: 0;} .product-right .product-icon .wishlist-btn{background-color: transparent; border: none;} .product-right .product-icon .wishlist-btn i{border-left: 1px solid #ddd; font-size: 18px; padding-left: 10px; margin-left: 5px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .product-right .product-icon .wishlist-btn span{padding-left: 10px; font-size: 18px;} .product-right .product-icon .wishlist-btn:hover i{color: var(--theme-color); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .product-right .payment-card-bottom{margin-top: 10px;} .product-right .payment-card-bottom ul li{padding-right: 10px;} .product-right .timer{margin-top: 10px; background-color: #f7f7f7;} .product-right .timer p{color: #222;} .product-right .rating-section{margin-bottom: 8px; margin-top: -6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .product-right .rating-section h6{margin-bottom: 0; margin-left: 10px; color: #323232; font-weight: 700; font-size: 15px;} .product-right .rating-section .rating i{padding-right: 2px; font-size: 18px;} .product-right .label-section{margin-bottom: 15px;} .product-right .label-section .badge{padding: 6px 11px; font-size: 12px;} .product-right .label-section .label-text{text-transform: capitalize; padding-left: 5px;} .product-right.product-form-box{text-align: center; border: 1px solid #ddd; padding: 20px;} .product-right.product-form-box .product-description .qty-box{margin-bottom: 5px;} .product-right.product-form-box .product-description .qty-box .input-group{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%;} .product-right.product-form-box .product-buttons{margin-bottom: 0;} .product-right.product-form-box .timer{margin-bottom: 10px; text-align: left;} .single-product-tables{display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 10px;} .single-product-tables table{width: 30%;} .single-product-tables table tr{height: 35px; color: #6d6d6d; font-size: 16px; letter-spacing: 0.01em;} .single-product-tables table tr td:nth-child(2){font-weight: 500; color: black;} .single-product-tables.detail-section{margin-top: 0;} .single-product-tables.detail-section table{width: 55%;} .product-accordion .btn-link{color: #222;} .product-accordion .btn-link:hover{text-decoration: none;} .product-accordion .card{border: none;} .product-accordion .card-body{width: 100%; height: auto;} .product-accordion .card-header{padding: 5px 8px; border-bottom: 1px dashed rgba(0, 0, 0, 0.125); background-color: rgba(127, 127, 127, 0.03);} .product-related h2{text-transform: capitalize; font-size: calc(18px + (25 - 18) * ((100vw - 320px) / (1920 - 320))); color: #222; padding-bottom: 20px; border-bottom: 1px solid #eee; margin-bottom: 20px;} .rating{margin-top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 2px;} .rating i{padding-right: calc(0px + 0.00125 * (100vw - 320px)); font-size: calc(14px + 0.0025 * (100vw - 320px)); color: #ffa200;} .rating i.fill::before{content: "\f186";} .rating .three-star{padding-bottom: 5px;} .rating .three-star i{color: #acacac;} .rating .three-star i:nth-child(-n + 3){color: #ffd200;} .tab-border{border: 1px solid #eee; margin: 0;} .tab-border .nav-border{border-bottom: 0; border-right: 1px solid #eee;} .vertical-tab.tab-product .nav-material, .vertical-tab .product-full-tab .nav-material{border: none !important;} @media (min-width: 1199px){.vertical-tab.tab-product .nav-material.nav-tabs .nav-item, .vertical-tab .product-full-tab .nav-material.nav-tabs .nav-item{width: 100%;}} .vertical-tab.tab-product .nav-material.nav-tabs .nav-item .nav-link, .vertical-tab .product-full-tab .nav-material.nav-tabs .nav-item .nav-link{padding: 15px 20px;} .product-full-tab{padding-top: 70px;} .product-load-more .col-grid-box{display: none;} .load-more-sec{margin-top: 40px; text-align: center;} .load-more-sec a{font-size: 18px; text-transform: uppercase; display: block; padding: 10px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; width: 100%; color: var(--theme-color);} .video-icon{position: relative;} .video-icon img{opacity: 0.8;} .video-icon i{position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 24px;} .video-product iframe{width: 100%; height: 44vh; margin-top: 90px;} .top-filter{position: absolute; z-index: 1; top: 80px; left: 0; width: 100%; display: none;} .top-filter ::-webkit-scrollbar{width: 4px;} .top-filter ::-webkit-scrollbar-track{background: #f1f1f1;} .top-filter ::-webkit-scrollbar-thumb{background: #888;} .top-filter ::-webkit-scrollbar-thumb:hover{background: #555;} .top-filter .collection-collapse-block{padding-bottom: 0;} .top-filter .collection-collapse-block .collapse-block-title:after{display: none;} .top-filter .button_bottom{padding-bottom: 20px;} .top-filter .collection-collapse-block-content{max-height: 210px; overflow-y: auto; overflow-x: hidden;} .filter-bottom-title{position: relative; cursor: pointer;} .filter-bottom-title:after{position: absolute; display: block; top: 0; right: -3px; content: "\f0d7"; font-family: FontAwesome; font-weight: 900; color: #969696;} .sticky-bottom-cart{position: fixed; bottom: -200px; width: 100%; z-index: 9; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; left: 50%; -webkit-transform: translateX(-50%) scale(0.95); transform: translateX(-50%) scale(0.95);} .sticky-bottom-cart .qty-box .input-group{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .sticky-bottom-cart .cart-content{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #fff; padding: 10px; -webkit-box-shadow: 0 0 100px rgba(0, 0, 0, 0.06); box-shadow: 0 0 100px rgba(0, 0, 0, 0.06);} @media (max-width: 991px){.sticky-bottom-cart .cart-content .btn-solid{padding: 9px 19px;}} .sticky-bottom-cart .cart-content .middle-value{display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .sticky-bottom-cart .cart-content .middle-value .qty-box input{background-color: #f8f8f8; border-color: #eee;} .sticky-bottom-cart .cart-content .middle-value .qty-box .input-group span button{background: #f8f8f8 !important; border-color: #eee;} .sticky-bottom-cart .product-image{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .sticky-bottom-cart .product-image img{width: 70px; height: 70px; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; background-color: #f8f8f8;} @media (max-width: 767px){.sticky-bottom-cart .product-image{display: none;}} .sticky-bottom-cart .product-image .content{margin-left: 12px;} .sticky-bottom-cart .product-image .content h5, .sticky-bottom-cart .product-image .content h6{margin-bottom: 0;} .sticky-bottom-cart .product-image .content h5{font-size: 18px; font-weight: 500;} .sticky-bottom-cart .product-image .content h6{font-weight: 400; font-size: 16px; color: #222;} .sticky-bottom-cart .product-image .content h6 del{margin-left: 7px;} .sticky-bottom-cart .product-image .content h6 span{color: var(--theme-color); margin-left: 5px;} .sticky-bottom-cart .selection-section{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320))); margin: 0 auto; text-align: center;} @media (max-width: 767px){.sticky-bottom-cart .selection-section{-webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; margin-left: 0;}} .sticky-bottom-cart .selection-section h4{margin-bottom: 0; margin-right: 10px; font-weight: 500;} .sticky-bottom-cart .selection-section .variation-box{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: calc(26px + 24 * (100vw - 767px) / 1153);} .sticky-bottom-cart .selection-section .variation-box h4{margin-bottom: 0;} .sticky-bottom-cart .selection-section .form-control{background-color: #f8f8f8; border: 1px solid #eee; font-weight: 500;} .sticky-bottom-cart .selection-section .form-control:focus{-webkit-box-shadow: none; box-shadow: none;} .stickyCart .sticky-bottom-cart{bottom: 20px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1);} .stickyCart .recently-purchase.show{bottom: 125px;} .product-center-page .product-right.right-side{text-align: right;} .product-center-page .product-right.right-side .timer{padding-right: 40px;} .product-center-page .product-description .qty-box{-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;} .addeffect-section .error-message{display: none; color: red;} .addeffect-section.cartMove .error-message{display: block;} .addeffect-section.cartMove .size-box{-webkit-animation: buttons-shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; animation: buttons-shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;} .custom-variations ul{display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -10px; margin-right: -10px;} .custom-variations ul li{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #ddd; margin: 0 10px; padding: 5px; text-align: center; cursor: pointer;} .custom-variations ul li img{width: 50px; height: 70px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;} .custom-variations ul li .product-content{padding-left: 15px; padding-right: 25px;} .custom-variations ul li .product-content h6{margin-bottom: 0; color: #222; font-weight: 600; font-size: 15px;} .custom-variations ul li .product-content span{color: #888; font-size: 15px;} .custom-variations ul li.active{border-color: var(--theme-color);} @-webkit-keyframes buttons-shake{10%, 90%{-webkit-transform: translate3d(-1px, 0, 0); transform: translate3d(-1px, 0, 0);} 20%, 80%{-webkit-transform: translate3d(2px, 0, 0); transform: translate3d(2px, 0, 0);} 30%, 50%, 70%{-webkit-transform: translate3d(-2px, 0, 0); transform: translate3d(-2px, 0, 0);} 40%, 60%{-webkit-transform: translate3d(2px, 0, 0); transform: translate3d(2px, 0, 0);}} @keyframes buttons-shake{10%, 90%{-webkit-transform: translate3d(-1px, 0, 0); transform: translate3d(-1px, 0, 0);} 20%, 80%{-webkit-transform: translate3d(2px, 0, 0); transform: translate3d(2px, 0, 0);} 30%, 50%, 70%{-webkit-transform: translate3d(-2px, 0, 0); transform: translate3d(-2px, 0, 0);} 40%, 60%{-webkit-transform: translate3d(2px, 0, 0); transform: translate3d(2px, 0, 0);}} .custom_stop{display: none !important;} .play-video .custom_play{display: none !important;} .play-video .custom_stop{display: inline-block !important;} .quick-view{width: 100%; max-width: 1080px; max-height: 600px; position: relative;} .checkout-page .checkout-title{margin-bottom: 25px; border-bottom: 1px solid #eee;} .checkout-page .checkout-title h3{color: #222; font-weight: 700;} .checkout-page .order-btn{width: 100%; margin-top: calc(10px + (16 - 10) * ((100vw - 320px) / (1920 - 320))); background-color: var(--theme-color); border-radius: 0; padding: calc(10px + (13 - 10) * ((100vw - 320px) / (1920 - 320))); color: #fff; font-weight: 600; letter-spacing: unset; text-transform: unset; font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320))); height: auto; border: 1px solid transparent;} .checkout-page .order-btn:hover{border-color: var(--theme-color); background-color: transparent; color: var(--theme-color);} .checkout-page .promo-title{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 8px;} .checkout-page .promo-title button{padding: 0; font-size: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: none; gap: 6px;} .checkout-page .checkout-form .checkout-details{position: sticky; top: 120px; left: 0; background-color: #f8f8f8; padding: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320))) calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320))); border: 1px solid #eee; border-radius: 0;} .checkout-page .checkout-form .checkout-details .coupon-box{padding: 10px; border: 1px solid #eee; background-color: #fff;} .checkout-page .checkout-form .checkout-details .coupon-box .coupon-content{margin-top: 0px;} .checkout-page .checkout-form .checkout-details .coupon-box .coupon-content .coupon-apply{padding-top: 9px;} .checkout-page .checkout-form .checkout-details .card-name{display: block;} .checkout-page .checkout-form .checkout-details .card-name h6{line-height: 1.4; font-weight: 600;} .checkout-page .checkout-form .checkout-details .promo-code-box{margin-bottom: 10px; margin-top: 14px;} .checkout-page .checkout-form .checkout-details .promo-code-box h5{font-weight: 500; font-size: calc(15px + 1 * (100vw - 320px) / 1600); color: #222; line-height: 1.3; margin: 0;} .checkout-page .checkout-form .checkout-details .promo-code-box > a{font-size: 15px; cursor: pointer; color: var(--theme-color);} .checkout-page .checkout-form .checkout-details .promo-code-box .coupon-input-box{-ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: calc(8px + (15 - 8) * ((100vw - 320px) / (1920 - 320))); display: -webkit-box; display: -ms-flexbox; display: flex;} .checkout-page .checkout-form .checkout-details .promo-code-box .form-control{height: auto; padding: calc(10px + 2 * (100vw - 320px) / 1600) calc(13px + 6 * (100vw - 320px) / 1600); font-weight: 500; border-radius: 0; border: 1px solid #eee; font-size: calc(14px + 0 * (100vw - 320px) / 1600);} .checkout-page .checkout-form .checkout-details .promo-code-box .apply-button{white-space: nowrap; border: 1px solid var(--theme-color); border-radius: 0; font-weight: 600; color: var(--theme-color); letter-spacing: unset; text-transform: none; background-color: transparent;} .checkout-page .checkout-form .checkout-details .promo-code-box .apply-button:hover{background-color: var(--theme-color); color: #fff;} .checkout-page .checkout-form .checkout-details .promo-code-box .invalid-feedback{font-size: 14px; letter-spacing: unset; font-weight: 500;} .checkout-page .checkout-form .checkout-details .order-box{margin: 0;} .checkout-page .checkout-form .checkout-details .order-box .title-box{padding-bottom: 8px;} .checkout-page .checkout-form .checkout-details .order-box .title-box h4{font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320))); font-weight: 600; letter-spacing: unset; color: #222; line-height: 1.3; margin: 0;} .checkout-page .checkout-form .checkout-details .order-box .title-box p{font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320))); line-height: 1.5; font-weight: 500; margin: 4px 0 0;} .checkout-page .checkout-form .checkout-details .offer-apply-box{display: -webkit-box; display: -ms-flexbox; display: flex; gap: 9px; margin-top: 25px; position: relative; padding: 8px 13px; overflow: hidden; border: 1px dashed #198754; background-color: rgba(25, 135, 84, 0.18);} .checkout-page .checkout-form .checkout-details .offer-apply-box img{width: 28px; height: 28px;} .checkout-page .checkout-form .checkout-details .offer-apply-box h4{font-size: 16px !important;} .checkout-page .checkout-form .checkout-details .offer-apply-box p{margin: 3px 0 0 !important; font-size: 14px !important;} .checkout-page .checkout-form .checkout-details .offer-apply-box .close-coupon{position: absolute; top: 8px; right: 8px; font-size: 14px; line-height: 1; color: #198754; font-weight: 500;} .checkout-page .checkout-form .check-out .form-group:last-child{margin-bottom: -5px;} .checkout-page .checkout-form .check-out .form-group:last-child label{margin-bottom: -5px;} .checkout-page .checkout-form .form-group{position: relative; margin-bottom: 25px;} .checkout-page .checkout-form .form-group h3{color: #444; font-weight: 700; margin-bottom: 30px; margin-top: 30px;} .checkout-page .checkout-form .form-group .field-label{line-height: 24px; text-transform: capitalize; color: #333333; margin-bottom: 10px; font-weight: 700;} .checkout-page .checkout-form .form-group .field-label span{font-size: 16px; color: #222; font-weight: 600;} .checkout-page .checkout-form .form-group label{color: #777;} .checkout-page .checkout-form select, .checkout-page .checkout-form textarea{width: 100%; padding: 0 22px; height: 45px; border: 1px solid #ddd;} .checkout-page .check-box{line-height: 24px; font-size: 14px; font-weight: normal; padding-top: 5px;} .checkout-page .check-box label{position: relative; top: -1px; font-weight: normal; padding: 0; font-size: 16px; cursor: pointer; color: #333;} .checkout-page .lower-content{margin-top: 30px;} .checkout-page .lower-content .order-column{margin-bottom: 40px;} .checkout-page .checkout-form-section{display: grid; gap: calc(20px + 0.0125 * (100vw - 320px));} .checkout-page .checkout-form-section .checkout-title1 h2{font-weight: 600; font-size: calc(18px + 2 * (100vw - 320px) / 1600); letter-spacing: unset; text-transform: unset; margin: 0; line-height: 1.3; border-bottom: 1px solid #ededed; margin-bottom: 20px; padding-bottom: 8px;} .checkout-page .checkout-form-section .checkout-form .form-box{position: relative;} .checkout-page .checkout-form-section .checkout-form .form-box .form-label{font-weight: 500; font-size: calc(15px + (16 - 15) * ((100vw - 320px) / (1920 - 320))); margin-bottom: 4px; color: #777;} .checkout-page .checkout-form-section .checkout-form .form-box .form-control{height: auto; padding: calc(10px + (12 - 10) * ((100vw - 320px) / (1920 - 320))) calc(13px + (19 - 13) * ((100vw - 320px) / (1920 - 320))); font-weight: 500; border-radius: 0; border: 1px solid #eee; font-size: calc(14px + (14 - 14) * ((100vw - 320px) / (1920 - 320)));} .checkout-page .checkout-form-section .checkout-form .form-box .form-control::-webkit-inner-spin-button{display: none;} .checkout-page .checkout-form-section .checkout-form .form-box .custom-select .select2.select2-container--focus .select2-focused .select2-selection--single{border: 1px solid transparent;} .checkout-page .checkout-form-section .checkout-form .form-box .custom-select .select2-selection{border: 1px solid #eee; padding: calc(10px + 2 * (100vw - 320px) / 1600) calc(13px + 6 * (100vw - 320px) / 1600); padding-right: calc(7px + (19 - 7) * ((100vw - 320px) / (1920 - 320))); height: auto; background-color: #fff; border-radius: 0;} .checkout-page .checkout-form-section .checkout-form .form-box .custom-select .select2-selection .select2-selection__rendered{padding: 0; line-height: 1.6;} .checkout-page .checkout-form-section .checkout-form .form-box .custom-select .select2-selection .select2-selection__placeholder{font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320))); color: #777; font-weight: 500;} .checkout-page .checkout-form-section .checkout-form .form-box .custom-select .select2-selection .select2-selection__arrow::before{content: "\ea4e"; font-family: remixicon; font-style: normal; -webkit-font-smoothing: antialiased; border: unset; width: auto; height: auto; color: #777; font-size: 17px;} .checkout-page .checkout-form-section .checkout-form .form-box .custom-select .select2-dropdown{border: 1px solid #eee;} .checkout-page .checkout-form-section .checkout-form .form-box .custom-select .select2-dropdown .select2-search .select2-search__field{border: 1px solid #eee;} .checkout-page .checkout-form-section .checkout-form .form-box .custom-select .select2-results .select2-results__options::-webkit-scrollbar-track{background-color: rgba(var(--theme-color), 0.14);} .checkout-page .checkout-form-section .checkout-form .form-box .custom-select .select2-results .select2-results__options::-webkit-scrollbar{width: 4px; height: 4px; background-color: #f5f5f5;} .checkout-page .checkout-form-section .checkout-form .form-box .custom-select .select2-results .select2-results__options::-webkit-scrollbar-thumb{background-color: var(--theme-color);} .checkout-page .checkout-form-section .checkout-form .form-box .custom-select .select2-results .select2-results__options .select2-results__option{background-color: #fff; display: block;} .checkout-page .checkout-form-section .checkout-form .form-box .custom-select .select2-results .select2-results__options .select2-results__option .country .dial-code{color: #777; font-weight: 500;} .checkout-page .checkout-form-section .checkout-form .form-box .custom-select .select2-results .select2-results__options .select2-results__option--highlighted{background-color: var(--theme-color);} .checkout-page .checkout-form-section .checkout-form .form-box .custom-select .select2-results .select2-results__options .select2-results__option--highlighted .country .dial-code{color: #eee;} .checkout-page .checkout-form-section .checkout-form .form-checkbox{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px;} .checkout-page .checkout-form-section .checkout-form .form-checkbox .form-check-input{width: 21px; height: 21px; background: unset; background-color: #fff; -webkit-box-shadow: unset; box-shadow: unset; border: unset; -webkit-filter: unset; filter: unset; position: relative; margin: 0; vertical-align: unset;} .checkout-page .checkout-form-section .checkout-form .form-checkbox .form-check-input::before{content: ""; position: absolute; width: 12px; height: 6px; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75), -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); -webkit-transform: rotate(-45deg) scale(0); transform: rotate(-45deg) scale(0); left: 4px; top: 5px; z-index: 1; border: 2px solid var(--theme-color); border-top-style: none; border-right-style: none;} .checkout-page .checkout-form-section .checkout-form .form-checkbox .form-check-input::after{content: ""; position: absolute; width: 21px; height: 21px; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; background-color: #fff; border: 2px solid #ececec; cursor: pointer;} .checkout-page .checkout-form-section .checkout-form .form-checkbox .form-check-input:checked::before{-webkit-transform: rotate(-45deg) scale(1); transform: rotate(-45deg) scale(1);} .checkout-page .checkout-form-section .checkout-form .form-check-label{color: #4a5568; font-weight: 500; font-size: calc(15px + 1 * (100vw - 320px) / 1600); margin: 0; line-height: 1;} .checkout-page .checkout-form-section .phone-field .form-box .form-control{padding-left: calc(111px + (132 - 111) * ((100vw - 320px) / (1920 - 320)));} .checkout-page .checkout-form-section .phone-field .custom-select{position: absolute; top: 29px; left: 1px; height: calc(42px + (48 - 42) * ((100vw - 320px) / (1920 - 320))); width: calc(94px + (120 - 94) * ((100vw - 320px) / (1920 - 320)));} .checkout-page .checkout-form-section .phone-field .custom-select .select2{height: 100%;} .checkout-page .checkout-form-section .phone-field .custom-select .select2 .selection{height: calc(100% - 2px); border-right: 1px solid #eee;} .checkout-page .checkout-form-section .phone-field .custom-select .select2 .selection .select2-selection{height: 100%; border: unset; border-radius: 0; gap: 5px; background-color: transparent;} .checkout-page .checkout-form-section .phone-field .custom-select .select2 .selection .select2-selection .select2-selection__rendered{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .checkout-page .checkout-form-section .phone-field .custom-select .select2 .selection .select2-selection .select2-selection__arrow{width: auto;} .checkout-page .checkout-form-section .phone-field .custom-select .select2 .selection .select2-selection .select2-selection__arrow::before{content: "\ea4e"; font-family: remixicon; font-style: normal; -webkit-font-smoothing: antialiased; border: unset; width: auto; height: auto; color: #777; font-size: 17px;} .checkout-page .checkout-form-section .delivery-option, .checkout-page .checkout-form-section .payment-option{height: 100%; padding: calc(17px + 9 * (100vw - 320px) / 1600); background-color: #fff; height: 100%; border-radius: 0;} .checkout-page .checkout-form-section .delivery-option .custom-form-check, .checkout-page .checkout-form-section .payment-option .custom-form-check{min-height: unset; padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 5px;} .checkout-page .checkout-form-section .delivery-option .custom-form-check .form-check-input, .checkout-page .checkout-form-section .payment-option .custom-form-check .form-check-input{width: calc(15px + 0.00125 * (100vw - 320px)); height: calc(15px + 0.00125 * (100vw - 320px)); margin: 0; float: unset; margin-top: 4px; background-color: unset; position: relative; -webkit-filter: unset; filter: unset; border: unset;} .checkout-page .checkout-form-section .delivery-option .custom-form-check .form-check-input::before, .checkout-page .checkout-form-section .payment-option .custom-form-check .form-check-input::before{content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 16px; height: 16px; background-color: #fff; border-radius: 100%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border: 1px solid #eee;} .checkout-page .checkout-form-section .delivery-option .custom-form-check .form-check-input::after, .checkout-page .checkout-form-section .payment-option .custom-form-check .form-check-input::after{content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); width: 11px; height: 11px; background-color: var(--theme-color); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius: 100%;} .checkout-page .checkout-form-section .delivery-option .custom-form-check .form-check-input:checked, .checkout-page .checkout-form-section .payment-option .custom-form-check .form-check-input:checked{background-color: transparent; border-color: transparent;} .checkout-page .checkout-form-section .delivery-option .custom-form-check .form-check-input:checked::before, .checkout-page .checkout-form-section .payment-option .custom-form-check .form-check-input:checked::before{border-color: var(--theme-color);} .checkout-page .checkout-form-section .delivery-option .custom-form-check .form-check-input:checked::after, .checkout-page .checkout-form-section .payment-option .custom-form-check .form-check-input:checked::after{-webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1);} .checkout-page .checkout-form-section .delivery-option .custom-form-check .form-check-input:checked ~ label, .checkout-page .checkout-form-section .payment-option .custom-form-check .form-check-input:checked ~ label{color: #222;} .checkout-page .checkout-form-section .delivery-option .custom-form-check label, .checkout-page .checkout-form-section .payment-option .custom-form-check label{cursor: pointer; font-size: calc(15px + 2 * (100vw - 320px) / 1600); padding-left: 12px; font-weight: 500; margin-bottom: 0;} .checkout-page .checkout-form-section .checkbox-main-box{border-radius: 0; padding: calc(14px + 15 * (100vw - 320px) / 1600); background-color: #f8f8f8; border: 1px solid #eee; position: relative;} .checkout-page .future-option{padding: calc(17px + 9 * (100vw - 320px) / 1600); position: relative; border-radius: 10px; z-index: 0;} .checkout-page .future-option::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: white; opacity: 1; z-index: -1;} .checkout-page .future-option .delivery-items h4{margin-bottom: 16px; color: #222; font-weight: 500;} .checkout-page .future-option ul{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 7px;} @media (max-width: 1399px){.checkout-page .future-option ul{grid-template-columns: 1fr 1fr;}} @media (max-width: 991px){.checkout-page .future-option ul{grid-template-columns: 1fr 1fr 1fr;}} @media (max-width: 767px){.checkout-page .future-option ul{grid-template-columns: 1fr 1fr;}} @media (max-width: 480px){.checkout-page .future-option ul{grid-template-columns: 1fr;}} .checkout-page .future-option ul li.active a{color: #fff; background-color: var(--theme-color);} .checkout-page .future-option ul li a{background-color: #fff; display: block; text-align: center; color: #000; padding: 12px 8px; border: 1px solid var(--theme-color); border-radius: 0; font-weight: 500;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li{position: relative; width: 100%;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li:last-child .checkout-box::before{content: none;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box{padding: calc(14px + (29 - 14) * ((100vw - 320px) / (1920 - 320))); background-color: #f8f8f8; border-radius: 0; border: 1px solid #eee; position: relative;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .payment-method ul{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 15px;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .payment-method ul li{width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid transparent; background-color: #fff; padding: 15px 40px; border-radius: 20px; text-align: center; cursor: pointer;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .payment-method ul li i{font-size: 28px; color: #898989; line-height: 1;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .payment-method ul li h5{color: #898989;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .payment-method ul li.active{border-color: var(--theme-color); color: var(--theme-color);} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .payment-method ul li.active i{color: var(--theme-color);} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .form-select{background-color: #fff; border-color: #eee; line-height: 1.8;} @media (max-width: 576px){.checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box{margin-left: 0;}} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-title{border-bottom: 1px solid #ededed; margin-bottom: 20px; padding-bottom: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-title h4{font-weight: 600; font-size: calc(18px + 2 * (100vw - 320px) / 1600); letter-spacing: unset; text-transform: unset; margin: 0; line-height: 1.3;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-title button{padding: 0; border: none; font-size: 14px; font-weight: 700; color: var(--theme-color);} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-address-box{gap: 10px; border-radius: 0; padding: calc(12px + (24 - 12) * ((100vw - 320px) / (1920 - 320))); background-color: #fff; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; cursor: pointer;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-address-box .label{position: absolute; top: 0; right: 0; background-color: var(--theme-color); padding: 2px 8px; border-radius: 4px; color: #fff; font-size: 12px; letter-spacing: 0.8px;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-address-box .label label{margin-bottom: 0; line-height: 1.7;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-address-box .form-check-input{width: calc(15px + (17 - 15) * ((100vw - 320px) / (1920 - 320))); height: calc(15px + (17 - 15) * ((100vw - 320px) / (1920 - 320))); margin-top: 2px; float: unset; margin-left: 0; background-color: unset; position: relative; -webkit-filter: unset; filter: unset; margin: 0; border: unset; margin-top: 3px;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-address-box .form-check-input::before{content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 16px; height: 16px; background-color: #fff; border-radius: 100%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border: 1px solid #ddd;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-address-box .form-check-input::after{content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); width: 11px; height: 11px; background-color: var(--theme-color); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius: 100%;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-address-box .form-check-input:checked{background-color: transparent; border-color: transparent;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-address-box .form-check-input:checked::before{border-color: var(--theme-color);} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-address-box .form-check-input:checked::after{-webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1);} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-address-box .form-check-input:focus{-webkit-box-shadow: none; box-shadow: none; border-color: var(--theme-color);} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-address-box .form-check-label{display: grid; gap: calc(6px + (10 - 6) * ((100vw - 320px) / (1920 - 320))); cursor: pointer; font-size: calc(15px + 0.00125 * (100vw - 320px)); font-weight: 500; margin-bottom: 0; width: calc(100% - (15px + 0.00125 * (100vw - 320px)));} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-address-box .form-check-label > span{display: block;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-address-box .form-check-label .address{line-height: 1.4; margin-bottom: 0; font-weight: 400; color: #222; font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-address-box .form-check-label .address span{margin-right: 4px; font-weight: 500; color: #222;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-address-box .form-check-label .name{font-weight: 600; margin: 0; text-transform: none; letter-spacing: unset; line-height: 1.3; font-size: 18px;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-address-box .delivery-address-detail{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: calc(6px + (10 - 6) * ((100vw - 320px) / (1920 - 320))); margin-left: 10px; width: calc(85% + (75 - 85) * ((100vw - 320px) / (1920 - 320)));} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-address-box .delivery-address-detail li{display: block; width: 100%;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-address-box .delivery-address-detail h4{font-weight: 600; margin: 0; text-transform: none; letter-spacing: unset; line-height: 1.3;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-address-box .delivery-address-detail p, .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-address-box .delivery-address-detail h6{line-height: 1.4; margin-bottom: 0; font-weight: 400; color: #222; font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-address-box .delivery-address-detail p span, .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-address-box .delivery-address-detail h6 span{margin-right: 4px; font-weight: 500; color: #222;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .add-address{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 30px; height: 100%; text-align: center; cursor: pointer; background-color: #fff; -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.07); box-shadow: 0 0 9px rgba(0, 0, 0, 0.07); border-radius: 8px;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-option, .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .payment-option{padding: calc(17px + (26 - 17) * ((100vw - 320px) / (1920 - 320))); background-color: #fff; border-radius: 0; height: 100%;} @media (max-width: 1460px){.checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-option .select-option, .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .payment-option .select-option{margin-top: 6px;}} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-option .date-box, .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .payment-option .date-box{position: relative;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-option .date-box i, .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .payment-option .date-box i{top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: 17px; font-size: 18px; color: #4a5568;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-option .delivery-category, .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-option .payment-category, .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .payment-option .delivery-category, .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .payment-option .payment-category{display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%;} @media (max-width: 767px){.checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-option .delivery-category, .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-option .payment-category, .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .payment-option .delivery-category, .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .payment-option .payment-category{display: block;}} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-option .delivery-category .form-check, .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-option .payment-category .form-check, .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .payment-option .delivery-category .form-check, .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .payment-option .payment-category .form-check{min-height: unset; padding: 0; margin: 0;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-option .delivery-category .form-check .form-check-input, .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-option .payment-category .form-check .form-check-input, .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .payment-option .delivery-category .form-check .form-check-input, .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .payment-option .payment-category .form-check .form-check-input{width: calc(15px + 2 * (100vw - 320px) / 1600); height: calc(15px + 2 * (100vw - 320px) / 1600); margin: 2px 0 0 0; float: unset; background-color: unset; -webkit-filter: unset; filter: unset; position: relative; margin-top: 5px; border: unset;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-option .delivery-category .form-check .form-check-input::before, .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-option .payment-category .form-check .form-check-input::before, .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .payment-option .delivery-category .form-check .form-check-input::before, .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .payment-option .payment-category .form-check .form-check-input::before{content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 16px; height: 16px; background-color: #fff; border-radius: 100%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border: 1px solid #eee;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-option .delivery-category .form-check .form-check-input::after, .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-option .payment-category .form-check .form-check-input::after, .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .payment-option .delivery-category .form-check .form-check-input::after, .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .payment-option .payment-category .form-check .form-check-input::after{content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); width: 11px; height: 11px; background-color: var(--theme-color); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius: 100%;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-option .delivery-category .form-check .form-check-input:checked, .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-option .payment-category .form-check .form-check-input:checked, .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .payment-option .delivery-category .form-check .form-check-input:checked, .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .payment-option .payment-category .form-check .form-check-input:checked{background-color: transparent; border-color: transparent;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-option .delivery-category .form-check .form-check-input:checked::before, .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-option .payment-category .form-check .form-check-input:checked::before, .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .payment-option .delivery-category .form-check .form-check-input:checked::before, .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .payment-option .payment-category .form-check .form-check-input:checked::before{border-color: var(--theme-color);} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-option .delivery-category .form-check .form-check-input:checked::after, .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-option .payment-category .form-check .form-check-input:checked::after, .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .payment-option .delivery-category .form-check .form-check-input:checked::after, .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .payment-option .payment-category .form-check .form-check-input:checked::after{-webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1);} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-option .delivery-category .form-check .form-check-input:focus, .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-option .payment-category .form-check .form-check-input:focus, .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .payment-option .delivery-category .form-check .form-check-input:focus, .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .payment-option .payment-category .form-check .form-check-input:focus{-webkit-box-shadow: none; box-shadow: none; border-color: var(--theme-color);} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-option .custom-form-check, .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .payment-option .custom-form-check{display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 0; min-height: auto;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-option .custom-form-check .form-check-label, .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .payment-option .custom-form-check .form-check-label{cursor: pointer; font-size: calc(15px + (17 - 15) * ((100vw - 320px) / (1920 - 320))); padding-left: 12px; font-weight: 500; margin-bottom: 0; width: calc(100% - calc(15px + (17 - 15) * ((100vw - 320px) / (1920 - 320))));} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-option .delivery-date, .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .payment-option .delivery-date{font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320))); font-weight: 500; border: 1px solid #eee; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #4a5568; width: 100%; padding: calc(8px + (10 - 8) * ((100vw - 320px) / (1920 - 320))) calc(15px + (25 - 15) * ((100vw - 320px) / (1920 - 320)));} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-option .delivery-date input, .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .payment-option .delivery-date input{font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320))); font-weight: 500; border: none; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #4a5568; width: 100%;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-option .delivery-time, .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .payment-option .delivery-time{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-option .delivery-time .dropdown-toggle, .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .payment-option .delivery-time .dropdown-toggle{font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320))); font-weight: 500; border: 1px solid #eee; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #4a5568;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-option .delivery-time .dropdown-toggle i, .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .payment-option .delivery-time .dropdown-toggle i{-webkit-text-stroke: 1px #4a5568; color: transparent; font-size: 18px; margin-right: 10px;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-option .delivery-time .dropdown-toggle::after, .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .payment-option .delivery-time .dropdown-toggle::after{content: none;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-option .delivery-time .dropdown-toggle::before, .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .payment-option .delivery-time .dropdown-toggle::before{content: "\f107"; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 20px; font-family: "Font Awesome 6 Free"; font-weight: 900;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-option .delivery-time .dropdown-menu, .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .payment-option .delivery-time .dropdown-menu{border: 1px solid transparent; -webkit-box-shadow: 0 6px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 6px 5px rgba(0, 0, 0, 0.1);} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-option .delivery-time .dropdown-menu li a:active, .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .payment-option .delivery-time .dropdown-menu li a:active{color: #000; text-decoration: none; background-color: #eee;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-option .delivery-time .dropdown-menu li + li, .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .payment-option .delivery-time .dropdown-menu li + li{margin-top: 5px;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .future-box{display: none;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .future-box.show{display: block;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .future-box .future-option{padding: calc(17px + (26 - 17) * ((100vw - 320px) / (1920 - 320))); border-radius: 10px;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .future-box .future-option .delivery-items{-webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .future-box .future-option .delivery-items h4{margin-bottom: 16px; color: #222; font-weight: 500;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .future-box .future-option .delivery-items ul{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; margin: -8px; gap: 0;} @media (max-width: 460px){.checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .future-box .future-option .delivery-items ul{margin-inline: 0;}} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .future-box .future-option .delivery-items ul li{width: 25%; padding: 8px;} @media (max-width: 1500px){.checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .future-box .future-option .delivery-items ul li{width: 33.33%;}} @media (max-width: 1400px){.checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .future-box .future-option .delivery-items ul li{width: 50%;}} @media (max-width: 460px){.checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .future-box .future-option .delivery-items ul li{width: 100%; padding-inline: 0;}} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .future-box .future-option .delivery-items ul li a{background-color: #f8f8f8; display: block; text-align: center; color: #222; padding: 12px 8px; border: none; border-radius: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .future-box .future-option .delivery-items ul li.active a{background-color: var(--theme-color); color: #fff;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .payment-button{padding: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320))) calc(15px + (25 - 15) * ((100vw - 320px) / (1920 - 320))); font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); font-weight: 500;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .payment-method .custom-form-check label{font-weight: 500; font-size: 17px;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .credit-card-box .credit-detail{position: relative;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .credit-info label{font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320))); font-weight: 500;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .payment-option{padding: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320))); border-radius: 0; position: relative;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .payment-option .form-check .form-check-input{margin-top: 0;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .payment-option .form-check label{font-weight: 500; font-size: 18px; padding-left: 10px;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .payment-option img{top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: 20px; width: 60px;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .custom-accordion{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320))); -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .custom-accordion .accordion-item{border: none; border-radius: 0; overflow: hidden; display: block; width: 100%; background-color: #f8f8f8; border-radius: 0;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button{color: #4a5568; position: relative; padding: 0; background-color: #f8f8f8;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button::after{content: none;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button::before{font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; content: "\f107"; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 30px; -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed){color: #222; background-color: transparent; -webkit-box-shadow: none; box-shadow: none;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::before{top: 20%; -webkit-transform: rotate(-180deg) translateY(-50%); transform: rotate(-180deg) translateY(-50%);} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button .form-check{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button .form-check .form-check-label{font-weight: 500; color: #222; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320))); padding: 16px 20px; margin-bottom: 0;} @media (max-width: 480px){.checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button .form-check .form-check-label{margin-top: 5px;}} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button .form-check .form-check-label .form-check-input{margin-right: calc(6px + (10 - 6) * ((100vw - 320px) / (1920 - 320)));} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-collapse .accordion-body{padding-top: 0;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-collapse .accordion-body .cod-review{margin: 0; line-height: 1.5; color: #4a5568; font-size: 16px;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-collapse .accordion-body .cod-review a:hover{color: var(--theme-color);} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-collapse .accordion-body .custom-form-check{margin-bottom: calc(5px + (8 - 5) * ((100vw - 320px) / (1920 - 320))); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-collapse .accordion-body .custom-form-check label{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: calc(14px + (17 - 14) * ((100vw - 320px) / (1920 - 320)));} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-collapse .accordion-body .custom-form-check input{margin-right: 10px;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .custom-select{position: absolute; left: 1px; height: 49px; bottom: 1px; border-radius: 0;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .custom-select .select2-container{height: 100%;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .custom-select .selection{height: 100%;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .custom-select .selection .select2-selection{height: 100% !important; min-width: unset; background-color: transparent !important; width: 110px !important; border: unset !important; border-right: 1px solid #efefef !important;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .custom-select .selection .select2-selection .select2-selection__rendered{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: transparent !important;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .phone-field input, .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .form-input-box input{border: 1px solid #efefef;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .phone-field .form-label, .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .form-input-box .form-label{font-size: calc(15px + 2 * (100vw - 320px) / 1600); color: #222; margin-bottom: 4px;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .account-checkbox{min-height: unset; padding: 0; margin: 0; gap: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .account-checkbox .checkbox_animated{float: unset; margin: 0; width: 23px; height: 23px; border: unset; background: unset; -webkit-box-shadow: unset; box-shadow: unset;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .account-checkbox .checkbox_animated:after{top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); right: unset; width: 23px; height: 23px;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .account-checkbox .checkbox_animated:before{left: 7px; top: 7px; width: 10px; height: 6px;} .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .account-checkbox .form-check-label{line-height: 1.4; margin-bottom: 0; font-weight: 400; font-size: calc(14px + 2 * (100vw - 320px) / 1600);} .checkout-section-2 .checkout-right-box{position: sticky; top: 20px; left: 0;} .checkout-section-2 .checkout-right-box .checkout-details{position: relative; background-color: #f8f8f8; border: 1px solid #eeeeee; border-radius: 0; padding: calc(18px + 0.00125 * (100vw - 320px)) calc(15px + 5 * (100vw - 320px) / 1600); inset: unset;} .checkout-section-2 .checkout-right-box .checkout-details + .checkout-details{margin-top: 20px;} .checkout-section-2 .checkout-right-box .checkout-details .order-box{margin: 0;} .checkout-section-2 .checkout-right-box .checkout-details .order-box .title-box{position: relative; color: #444; font-weight: 600; font-size: 22px; border-bottom: 1px solid #ededed; margin-bottom: 20px; padding-bottom: 8px;} .checkout-section-2 .checkout-right-box .checkout-details .order-box .title-box h4{font-size: calc(18px + 0.00125 * (100vw - 320px)); font-weight: 600; letter-spacing: unset; color: #222; line-height: 1.3; margin: 0;} .checkout-section-2 .checkout-right-box .checkout-details .order-box .title-box p{font-size: calc(14px + 1 * (100vw - 320px) / 1600); line-height: 1.5; font-weight: 500; margin: 4px 0 0;} .checkout-section-2 .checkout-right-box .checkout-details .order-box .qty{margin: 0; border: none;} .checkout-section-2 .checkout-right-box .checkout-details .order-box .qty li{position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 11px; font-size: 15px; color: #444; line-height: 20px; margin-bottom: 18px;} .checkout-section-2 .checkout-right-box .checkout-details .order-box .qty li .cart-image{width: 100px;} .checkout-section-2 .checkout-right-box .checkout-details .order-box .qty li .cart-content{width: calc(100% - 71px); display: grid; grid-template-columns: 1fr auto; gap: 9px;} .checkout-section-2 .checkout-right-box .checkout-details .order-box .qty li .cart-content h4{line-height: 1.3; font-weight: 500; font-size: calc(15px + 1 * (100vw - 320px) / 1600); margin-bottom: 4px; letter-spacing: unset; text-transform: unset;} .checkout-section-2 .checkout-right-box .checkout-details .order-box .qty li .cart-content h5{font-weight: 500; margin: 0; font-size: calc(16px + 1 * (100vw - 320px) / 1600); line-height: 1.3;} .checkout-section-2 .checkout-right-box .checkout-details .order-box .qty li .cart-content span{font-size: calc(18px + 0.00125 * (100vw - 320px)); text-align: right; line-height: 1.3; font-weight: 600; width: auto;} .checkout-section-2 .checkout-right-box .checkout-details .order-box .qty li:last-child{margin-bottom: 0;} .order-box{position: relative; margin-bottom: 50px;} .order-box .box-loader{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999;} .order-box .box-loader .loader-wrapper{position: relative; width: 100%; height: 100%; inset: unset; background-color: #f8f8f8;} .order-box .title-box{position: relative; padding-bottom: 25px; color: #444; font-weight: 600; font-size: 22px; border-bottom: 1px solid #ededed; margin-bottom: 20px;} .order-box .title-box i{font-weight: 400;} .order-box .title-box span{position: relative; text-align: right; line-height: 1.2em;} .order-box .qty{position: relative;} .order-box .qty li{position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 11px; font-size: 15px; color: #444; line-height: 20px; margin-bottom: 18px;} .order-box .qty li .cart-image{width: 60px;} .order-box .qty li:last-child{margin: 0;} .order-box .qty li .cart-content{width: calc(100% - 60px - 11px); display: grid; grid-template-columns: 1fr auto; gap: 9px;} .order-box .qty li .cart-content h4{line-height: 1.3; font-weight: 500; font-size: calc(15px + (16 - 15) * ((100vw - 320px) / (1920 - 320))); margin-bottom: 4px; letter-spacing: unset; text-transform: unset;} .order-box .qty li .cart-content h5{font-weight: 500; margin: 0; font-size: calc(16px + (17 - 16) * ((100vw - 320px) / (1920 - 320))); line-height: 1.3;} .order-box .qty li span{font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320))); text-align: right; line-height: 1.3; color: #222; font-weight: 600;} .order-box .sub-total{position: relative;} .order-box .sub-total li{position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 9px; font-size: 16px; font-weight: 600; color: #777; line-height: 1.3; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%;} .order-box .sub-total li + li{margin-top: 14px;} .order-box .sub-total li.border-cls{margin-top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0;} .order-box .sub-total li.border-cls .form-check-label{font-size: 14px; font-weight: 500;} .order-box .sub-total li .count{text-align: right; position: relative; font-size: 17px; line-height: 20px; color: var(--theme-color); font-weight: 500;} .order-box .sub-total li h4{font-size: 16px; font-weight: 600; color: #777; line-height: 1.3; letter-spacing: unset; margin: 0;} .order-box .sub-total li h4 + h4{text-align: left;} .order-box .sub-total li .txt-primary{color: var(--theme-color);} .order-box .sub-total li .check-it{margin-left: 14px; margin-right: 0; width: 20px; height: 20px; border: unset; position: relative;} .order-box .sub-total li .check-it::before{content: ""; position: absolute; width: 12px; height: 6px; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75), -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); -webkit-transform: rotate(-45deg) scale(0); transform: rotate(-45deg) scale(0); left: 4px; top: 5px; z-index: 1; border: 2px solid var(--theme-color); border-top-style: none; border-right-style: none;} .order-box .sub-total li .check-it::after{content: ""; position: absolute; width: 20px; height: 20px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #fff; border: 2px solid #ececec; cursor: pointer;} .order-box .sub-total li .check-it:checked::before{-webkit-transform: rotate(-45deg) scale(1); transform: rotate(-45deg) scale(1);} .order-box .sub-total .shopping-option label{position: relative; font-size: 16px; line-height: 32px; padding-left: 10px; color: #6f6f6f;} .order-box .sub-total .shipping{width: 35%; float: right;} .order-box .total{position: relative; margin-top: 13px; padding-top: 13px; border-top: 1px solid #eee;} .order-box .total li{position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 9px; font-weight: 600; color: #333; line-height: 1.3; font-size: 18px;} .order-box .total li + li{margin-top: 8px;} .order-box .total li .count{position: relative; font-size: 18px; text-align: right; line-height: 1.3; color: var(--theme-color); font-weight: 600;} .order-box .total li:last-child{font-size: calc(19px + (21 - 19) * ((100vw - 320px) / (1920 - 320)));} .order-box .total li:last-child .count{font-size: calc(19px + (21 - 19) * ((100vw - 320px) / (1920 - 320)));} .payment-box{position: relative;} .payment-box .upper-box{position: relative;} .payment-box .payment-options{position: relative; margin-top: 20px; margin-bottom: 30px;} .payment-box .payment-options li{display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 15px;} .payment-box .payment-options li .radio-option{position: relative;} .payment-box .payment-options li .radio-option label{position: relative; padding-left: 30px; text-transform: capitalize; color: #6f6f6f; cursor: pointer; font-weight: 600; font-size: 16px; line-height: 20px; margin-bottom: 0;} .payment-box .payment-options li .radio-option input[type="radio"]{position: absolute; left: 0; top: 5px;} .payment-box .payment-options li .radio-option label .small-text{position: relative; display: none; font-size: 15px; line-height: 25px; font-weight: 300; color: #666666; margin-top: 10px;} .payment-box .payment-options li .radio-option label img{position: relative; display: block; max-width: 100%; margin-left: -30px; margin-top: 5px;} .dashboard-left .block-title h2{font-size: 24px; padding-bottom: 20px;} .dashboard-left .block-content{padding: 10px 0; background-color: #f8f8f8;} .dashboard-left .block-content ul li{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; padding: 0.5rem 1rem; border-right: 2px solid transparent;} .dashboard-left .block-content ul li.active{color: var(--theme-color); border-right: 2px solid var(--theme-color);} .dashboard-left .block-content ul li.active a{color: var(--theme-color);} .dashboard-left .block-content ul li:before{display: inline-block; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 30px; height: 30px; text-align: center; font-size: 18px; font-weight: 700; margin-top: 3px;} .dashboard-left .block-content ul li a{color: black;} .dashboard-left .block-content ul li:hover{color: var(--theme-color); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .dashboard-left .block-content ul li:hover a{color: var(--theme-color); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .padding-cls{padding-left: 50px; padding-right: 50px;} .dashboard-right p{color: #5f5f5f; line-height: 20px;} .dashboard-right .dashboard{border: 1px solid #ddd; padding: 30px;} .dashboard-right .dashboard .page-title h2{font-size: 22px; margin-bottom: 15px;} .dashboard-right .dashboard .welcome-msg p{margin-bottom: 0;} .dashboard .box-head h2{font-size: 22px; margin: 20px 0 0; text-transform: capitalize; color: #333;} .dashboard .box a{color: var(--theme-color);} .dashboard .box h6{margin-bottom: 0;} .dashboard .box .box-title{border-bottom: 1px solid #ddd; display: inline-block; margin-bottom: 5px; padding: 12px 0; position: relative; width: 100%;} .dashboard .box .box-title h3{font-size: 16px; margin: 0; text-transform: capitalize; color: #333;} .dashboard .box .box-title > a{position: absolute; right: 0; top: 12px; color: var(--theme-color);} .dashboard .box address{margin-bottom: 0;} .box-content h6{font-size: 14px; line-height: 25px !important; margin-bottom: 0;} .box-content a{color: var(--theme-color);} .account-sidebar{display: none; cursor: pointer; background-color: var(--theme-color); color: #fff; width: 30%; font-size: 16px; text-transform: uppercase; text-align: center; font-weight: 700; margin-bottom: 20px; padding: 5px;} .account-sidebar a{color: #fff;} .custom-badge{padding: 6px 10px; font-size: 12px;} .user-dashboard-section .box{font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); line-height: 1.7;} .user-dashboard-section .welcome-msg{margin-bottom: 20px;} .user-dashboard-section .welcome-msg h4{font-size: 16px; font-weight: 700; color: #222;} .user-dashboard-section .welcome-msg p{line-height: 25px; letter-spacing: 0.05em; font-size: 16px;} .user-dashboard-section .box-head h4{font-size: 18px; margin: 34px 0 14px; text-transform: capitalize; color: #333; font-weight: 600;} .user-dashboard-section .box a{color: var(--theme-color);} .user-dashboard-section .box h6{margin-bottom: 0;} .user-dashboard-section .box .box-title{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 5px; padding: 12px; position: relative; width: 100%; background-color: #f8f8f8; border-radius: 8px;} .user-dashboard-section .box .box-title h3{font-size: 16px; margin: 0; text-transform: capitalize; color: #333;} .user-dashboard-section .box .box-title > a{margin-left: auto; color: var(--theme-color);} .user-dashboard-section .box address{margin-bottom: 0;} .user-dashboard-section .faq-content .tab-pane .card-body{padding: calc(15px + (22 - 15) * ((100vw - 320px) / (1920 - 320)));} .user-dashboard-section .show-btn{background-color: var(--theme-color); border-radius: 0; padding: calc(7px + 3 * (100vw - 320px) / 1600) calc(12px + 7 * (100vw - 320px) / 1600); text-transform: unset; font-weight: 600; color: #fff; margin-bottom: calc(18px + 0.005 * (100vw - 320px));} .user-dashboard-section .show-btn:active{background-color: var(--theme-color); color: #fff;} .user-dashboard-section .edit-link{color: var(--theme-color); margin-left: 10px; text-transform: capitalize;} .user-dashboard-section .address-book-section .select-box .address-box{padding: 15px; background-color: #fff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .user-dashboard-section .address-book-section .select-box .address-box .top h6{text-transform: capitalize; color: #222; font-weight: 600; font-size: 14px;} .user-dashboard-section .address-book-section .select-box .address-box .top h6 span{float: right; background-color: var(--theme-color); color: #fff; padding: 2px 15px; font-size: 80%; border-radius: 3px; line-height: 2.2;} .user-dashboard-section .address-book-section .select-box .address-box .middle{margin-top: 15px;} .user-dashboard-section .address-book-section .select-box .address-box .middle .address p{margin-bottom: 5px; color: rgba(0, 0, 0, 0.7); line-height: 1.2;} .user-dashboard-section .address-book-section .select-box .address-box .middle .number{margin-top: 15px;} .user-dashboard-section .address-book-section .select-box .address-box .middle .number p{color: rgba(0, 0, 0, 0.7); text-transform: capitalize;} .user-dashboard-section .address-book-section .select-box .address-box .card-number{margin-top: 15px;} .user-dashboard-section .address-book-section .select-box .address-box .card-number h6, .user-dashboard-section .address-book-section .select-box .address-box .card-number h5{margin-bottom: 0;} .user-dashboard-section .address-book-section .select-box .address-box .name-validity{margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .user-dashboard-section .address-book-section .select-box .address-box .name-validity h6{text-transform: capitalize;} .user-dashboard-section .address-book-section .select-box .address-box .name-validity h5, .user-dashboard-section .address-book-section .select-box .address-box .name-validity h6{margin-bottom: 0;} .user-dashboard-section .address-book-section .select-box .address-box .name-validity .right{margin-left: auto;} .user-dashboard-section .address-book-section .select-box .address-box .bank-logo{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .user-dashboard-section .address-book-section .select-box .address-box .bank-logo img{height: 22px;} .user-dashboard-section .address-book-section .select-box .address-box .bank-logo .network-logo{margin-left: auto; width: 50px; height: auto;} .user-dashboard-section .address-book-section .select-box .address-box .bottom{border-top: 1px solid #ddd; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; padding-top: 14px; margin-top: 10px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} .user-dashboard-section .address-book-section .select-box .address-box .bottom .bottom_btn{width: 47.5%; text-transform: capitalize; font-weight: 600; padding: 8px 4px; border-radius: 5px; background-color: #f8f8f8; color: #222;} .user-dashboard-section .address-book-section .select-box.active .address-box{-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .success-text{text-align: center;} .success-text .star{position: absolute; -webkit-animation: grow 3s infinite; animation: grow 3s infinite; fill: var(--theme-color); opacity: 0;} .success-text .star:nth-child(1){width: 12px; height: 12px; left: 12px; top: 16px;} .success-text .star:nth-child(2){width: 18px; height: 18px; left: 168px; top: 84px;} .success-text .star:nth-child(3){width: 10px; height: 10px; left: 32px; top: 162px;} .success-text .star:nth-child(4){width: 20px; height: 20px; left: 82px; top: -12px;} .success-text .star:nth-child(5){width: 14px; height: 14px; left: 125px; top: 162px;} .success-text .star:nth-child(6){width: 10px; height: 10px; left: 16px; top: 16px;} .success-text .star:nth-child(1){-webkit-animation-delay: 1.5s; animation-delay: 1.5s;} .success-text .star:nth-child(2){-webkit-animation-delay: 3s; animation-delay: 3s;} .success-text .star:nth-child(3){-webkit-animation-delay: 4.5s; animation-delay: 4.5s;} .success-text .star:nth-child(4){-webkit-animation-delay: 6s; animation-delay: 6s;} .success-text .star:nth-child(5){-webkit-animation-delay: 7.5s; animation-delay: 7.5s;} .success-text .star:nth-child(6){-webkit-animation-delay: 9s; animation-delay: 9s;} .success-text .checkmark{position: relative; padding: 30px; -webkit-animation: checkmark 5m cubic-bezier(0.42, 0, 0.275, 1.155) both; animation: checkmark 5m cubic-bezier(0.42, 0, 0.275, 1.155) both; display: inline-block; -webkit-transform: scale(0.8); transform: scale(0.8); margin: -20px;} .success-text .checkmark__check{position: absolute; top: 50%; left: 50%; z-index: 10; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); fill: #fff;} .success-text .checkmark__background{fill: var(--theme-color); -webkit-animation: rotate 35s linear both infinite; animation: rotate 35s linear both infinite;} .success-text i{font-size: 50px; color: #4ead4e;} .success-text h2{margin-top: 10px; margin-bottom: 15px;} .success-text p{font-size: 18px; margin-bottom: 6px; text-transform: capitalize;} .success-text.order-fail i{color: var(--theme-color);} .order-success-sec{background-color: #f9f9f9; padding: 25px; border: 1px solid #eee;} .order-success-sec h4{font-weight: 600; text-transform: capitalize; font-size: 19px; border-bottom: 1px solid rgba(34, 38, 42, 0.12); padding-bottom: 8px; line-height: 1.3; margin-bottom: 8px;} .order-success-sec .order-detail li{display: -webkit-box; display: -ms-flexbox; display: flex; text-transform: capitalize; line-height: 24px; font-size: 16px; margin-bottom: 3px; color: #777;} .order-success-sec .payment-mode p{font-size: 16px; line-height: 24px; margin-bottom: 0; letter-spacing: 0.05em;} .delivery-sec{margin-bottom: -5px; padding: 0; margin-top: 20px; background-color: transparent;} .delivery-sec h3{color: #000000; text-transform: capitalize; font-size: 18px; margin-bottom: 0;} .delivery-sec h3 span{font-weight: 700; margin-left: 5px;} .delivery-sec a{font-size: 16px; color: var(--theme-color); text-transform: capitalize; margin-top: 5px; display: block; font-weight: 600;} .product-order .product-order-table{border: 1px solid #eee;} .product-order .product-order-table thead tr th{font-size: 18px; color: #222; background-color: #f8f8f8; font-weight: 600; padding: 14px; text-align: center; text-transform: capitalize;} .product-order .product-order-table thead tr th:first-child{min-width: 106px;} .product-order .product-order-table tbody tr td{max-width: 220px; min-width: 160px; padding: 15px; color: #232323; border-bottom: 1px solid #eeeeee; font-weight: 500; text-align: center; vertical-align: middle; background-color: transparent;} .product-order .product-order-table tbody tr td:first-child{min-width: 106px;} .product-order .product-order-table tbody tr td img{height: 78px;} .product-order .product-order-table tfoot tr:first-child td{padding-top: 15px;} .product-order .product-order-table tfoot tr:last-child td{border-top: 1px solid #eee; font-size: 19px; font-weight: 600; color: #232323;} .product-order .product-order-table tfoot tr td{padding: 8px 15px; border-bottom: 1px solid #eeeeee; font-weight: 500; vertical-align: middle; text-align: left; text-transform: capitalize; font-size: 16px; color: #777; border: none;} .product-order .product-order-table tfoot tr td:nth-child(2){color: #232323; text-align: right; font-weight: 600;} .compare-section .compare-part{position: relative;} .compare-section .compare-part .close-btn{background-color: transparent; border: none; font-size: 25px; position: absolute; top: 0; right: 0;} .compare-section .compare-part .img-section{padding: 25px 15px 15px; text-align: center;} .compare-section .compare-part .img-section img, .compare-section .compare-part .img-section .bg-size{width: 50%; margin: 0 auto;} .compare-section .compare-part .img-section a h5{margin-bottom: 5px; text-transform: capitalize; margin-top: 10px; font-weight: 600; color: black;} .compare-section .compare-part .img-section h5{margin-bottom: 0; line-height: 1.2; color: rgba(0, 0, 0, 0.7);} .compare-section .compare-part .detail-part .title-detail{background-color: #f7f8fa; text-align: center; padding: 8px 0; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;} .compare-section .compare-part .detail-part .title-detail h5{margin-bottom: 0; text-transform: uppercase; font-weight: 600;} .compare-section .compare-part .detail-part .inner-detail{padding: 15px; text-align: center;} .compare-section .compare-part .detail-part .inner-detail p{margin-bottom: 0; line-height: 1.2; letter-spacing: 0.05em;} .compare-section .compare-part .btn-part{text-align: center; padding: 15px; border-top: 1px solid #ddd;} .compare-section .compare-part .btn-part .btn-solid, .compare-section .compare-part .btn-part .btn-outline{padding: 5px 10px;} .compare-section .slick-slide > div{border: 1px solid #ddd; border-left: none;} .compare-section .slick-slide:first-child{border-left: 1px solid #ddd;} .compare-padding{padding-bottom: 50px;} .compare-padding h2{margin-bottom: 20px;} .compare-padding .compare-table{border: 1px solid #eeeeee; border-radius: 8px;} .compare-padding .compare-table tr:first-child td{padding: 25px 15px 15px;} .compare-padding .compare-table tr:last-child{background-color: transparent;} .compare-padding .compare-table tr:nth-child(even){background-color: #f8f8f8;} .compare-padding .compare-table tr td{border-right: 1px solid #eeeeee; text-align: center; position: relative; padding: 8px; min-width: 200px;} .compare-padding .compare-table tr td.title-detail{margin-bottom: 0; text-transform: uppercase; font-weight: 600; font-size: 16px;} .compare-padding .compare-table tr td.inner-detail, .compare-padding .compare-table tr td.btn-part{padding: 15px; margin-bottom: 0; line-height: 1.4; letter-spacing: unset; font-weight: 500; font-size: 16px; color: #777;} .compare-padding .compare-table tr td .compare-rating{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 8px;} .compare-padding .compare-table tr td .compare-rating .rating-list{-ms-flex-wrap: nowrap; flex-wrap: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 3px;} .compare-padding .compare-table tr td .compare-rating .rating-list i{color: #ffbc37;} .compare-padding .compare-table tr td .compare-rating span{white-space: nowrap; font-size: 14px; font-weight: 500; color: #777;} .compare-padding .compare-table tr td .btn{padding: 5px 10px;} .compare-padding .compare-table tr td .close-btn{background-color: #f8f8f8; font-size: 18px; position: absolute; line-height: 1; top: 7px; color: #424242; font-weight: 400; right: 7px; border-radius: 0; border: 1px solid #eeeeee; width: 28px; height: 28px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .compare-padding .compare-table tr td .img-section img{height: 190px; margin: 0 auto;} .compare-padding .compare-table tr td .img-section a{display: block; text-transform: capitalize; margin-top: 10px; font-weight: 600; color: #222; line-height: 1.2; font-size: 16px;} .compare-lable{position: absolute; font-size: 13px; font-weight: 700; text-transform: uppercase; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); top: 20px; left: 16px; letter-spacing: 0.1em; z-index: 1;} .compare-page .table-wrapper{padding-bottom: 0;} .compare-page .table-wrapper .table{border: 1px solid #eee; text-transform: capitalize; color: #222;} .compare-page .table-wrapper .table .product-name{width: 15%;} .compare-page .table-wrapper .table .featured-image{width: 185px;} .compare-page .table-wrapper .table td{border-top: none;} .compare-page .table-wrapper .table thead .th-compare td{font-size: 14px; font-weight: 700; background: #f8f8f8; border-right: 1px solid #eee; border-bottom-color: #eee;} .compare-page .table-wrapper .table thead .th-compare th{text-align: left; border-bottom: 1px solid #eee; border-right: 1px solid #eee;} .compare-page .table-wrapper .table thead .th-compare th .remove-compare{float: left; border: none; background: transparent; padding: 0; font-size: 14px; font-weight: 500;} .compare-page .table-wrapper .table tbody tr th{background: #f8f8f8;} .compare-page .table-wrapper .table tbody tr td{border-right: 1px solid #eee; position: relative;} .compare-page .table-wrapper .table tbody tr th, .compare-page .table-wrapper .table tbody tr td{padding: 15px; vertical-align: top; border-bottom: 1px solid #eee; border-top: 1px solid #eee; border-right: 1px solid #eee;} .compare-page .table-wrapper .table tbody tr .grid-link__title{font-size: 15px;} .compare-page .table-wrapper .table tbody tr .product_price{margin: 15px 0;} .compare-page .table-wrapper .table tbody tr .product_price span.money{padding-left: 5px;} .compare-page .table-wrapper .table tbody tr p{color: #222; font-size: 13px; line-height: 20px; margin: 0;} .compare-page .table-wrapper .table tbody tr .add-to-cart, .compare-page .table-wrapper .table tbody tr .select-option-cls{padding: 6px 10px;} .typography_section .typography-box{margin-bottom: 30px;} .typography_section .typography-box p{line-height: 22px;} .typography_section .typography-box .headings{border-bottom: 1px solid #f1f1f1; margin-bottom: 20px; background-color: rgba(247, 247, 247, 0.5); padding: 8px 12px;} .typography_section .typography-box .headings h3{text-transform: capitalize; color: #2d2d2d; margin-bottom: 0; font-weight: 400; font-size: 20px;} .typography_section .typography-box .headings span{color: #777;} .typography_section .typography-box .headings span code{color: #777;} .typography_section .typography-box .typo-content.heading_content h1, .typography_section .typography-box .typo-content.heading_content h2, .typography_section .typography-box .typo-content.heading_content h3, .typography_section .typography-box .typo-content.heading_content h4, .typography_section .typography-box .typo-content.heading_content h5, .typography_section .typography-box .typo-content.heading_content h6{font-weight: 400; color: black; text-transform: uppercase; line-height: 1; margin-bottom: 10px;} .typography_section .typography-box .typo-content .sub-title{border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 5px; margin-bottom: 8px; font-size: 18px; color: #222; text-transform: capitalize;} .typography_section .typography-box .typo-content.product-pagination{border: none; margin: 0;} .typography_section .typography-box .typo-content.product-pagination .pagination .page-item a{padding: 10px 14px;} .typography_section .typography-box .typo-content.input_button input{margin-bottom: 10px;} .typography_section .typography-box .typo-content.input_button label{font-size: 16px; text-transform: capitalize; padding-left: 5px;} .typography_section .typography-box .typo-content.loader-typo{width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex;} .typography_section .typography-box .typo-content.loader-typo .pre-loader{position: relative; width: 50px; height: 50px; background-color: var(--theme-color); border-radius: 50%;} .typography_section .typography-box .typo-content.loader-typo .pre-loader:after{content: ""; position: absolute; border-radius: 50%; top: 50%; left: 50%; border: 0 solid #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation: loading 1000ms ease-out forwards infinite; animation: loading 1000ms ease-out forwards infinite; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .typography_section .typography-box .typo-content .footer-social{margin-top: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .typography_section .typography-box:last-child{margin-bottom: 0;} .typography_section code{background-color: #f7f7f7; padding: 3px; margin: 0 3px; border-radius: 2px;} .profile-section{background-color: #f5f5f5; border: 1px solid #ddd; padding: 15px;} .profile-section .profile-detail .profile-name{font-weight: 700;} .profile-section .profile-detail p{margin-bottom: 8px;} .vendor-cover .bg-size{height: 350px;} .vendor-profile .profile-left{display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px; background-color: #f8f8f8; border: 1px solid #eeeeee; border-radius: 0;} .vendor-profile .profile-left .profile-image{text-align: center; width: 20%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .vendor-profile .profile-left .profile-image img{width: 60%; display: block; background-color: #fff; height: 45%; margin: 0 auto 16px; padding: 14px; border-radius: 0;} .vendor-profile .profile-left .profile-image h3{font-weight: 600; margin-bottom: 0; color: #222; letter-spacing: unset; line-height: 1.3;} .vendor-profile .profile-left .profile-image h6{margin-bottom: 0; margin-top: 0; letter-spacing: unset; text-transform: unset; font-weight: 500;} .vendor-profile .profile-left .profile-detail{border-left: 1px solid rgba(34, 38, 42, 0.12); padding-left: 20px; margin-left: 20px; width: 60%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .vendor-profile .profile-left .profile-detail h6{margin-bottom: 0; margin-top: 0; letter-spacing: 0.05em; text-transform: capitalize;} .vendor-profile .profile-left .profile-detail p{margin-bottom: 0; font-size: 15px; line-height: 1.5; font-weight: 400;} .vendor-profile .profile-left .profile-detail p + p{margin-top: 10px;} .vendor-profile .profile-left .vendor-contact{border-left: 1px solid rgba(34, 38, 42, 0.12); padding-left: 20px; margin-left: 20px; width: 20%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center;} .vendor-profile .profile-left .vendor-contact .footer-social{margin-top: 0; margin-bottom: 12px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .vendor-profile .profile-left .vendor-contact .footer-social i{color: #989898;} .vendor-profile .profile-left .vendor-contact .footer-social li{padding: 0 5px;} .vendor-profile .profile-left .vendor-contact h6{text-transform: capitalize; color: #222; font-weight: 600; margin-bottom: 8px; font-size: 16px;} .vendor-profile .profile-left .vendor-contact .vendor-details-box{margin-top: 12px; padding-top: 9px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-top: 1px solid rgba(34, 38, 42, 0.12);} .vendor-profile .profile-left .vendor-contact .vendor-details{display: grid; gap: 7px;} .vendor-profile .profile-left .vendor-contact .vendor-details li{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 7px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .vendor-profile .profile-left .vendor-contact .vendor-details li i{font-size: 20px; line-height: 1; color: #777;} .vendor-profile .profile-left .vendor-contact .vendor-details li a{text-transform: none;} .vendor-profile .profile-left .vendor-contact .vendor-details li h5, .vendor-profile .profile-left .vendor-contact .vendor-details li a{margin: 0; font-weight: 500; line-height: 1; color: #464646;} .vendor-profile .profile-left .vendor-contact a{text-transform: capitalize;} .vendor-profile .profile-left + .profile-left{margin-top: 40px;} .vendor-profile .page-link{border-color: #efefef; background-color: #f9f9f9;} .vendor-profile .page-link:hover{background-color: #f1f1f1;} .become-vendor{background-color: #f7f7f7; overflow: hidden;} .become-vendor h4{margin-bottom: 40px; text-transform: capitalize; font-weight: 600; line-height: 1.3;} .become-vendor .step-bg{position: relative;} .become-vendor .step-bg:before{content: ""; position: absolute; left: -0; right: -0; height: 100%; display: block; background: url("../images/vendor/step-arrow.png") no-repeat center center;} .become-vendor .step-bg .row{margin-left: -50px; margin-right: -50px;} .become-vendor .step-bg .row > div{padding-left: 50px; padding-right: 50px;} .become-vendor .step-bg .row > div:nth-child(1), .become-vendor .step-bg .row > div:nth-child(3){margin-bottom: 30px;} .become-vendor .step-bg .row > div:nth-child(2){margin-top: 30px;} .become-vendor .step-bg h4{margin-bottom: 10px;} .become-vendor .step-bg .step-box{position: relative; padding: 26px 23px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background-color: #fff; text-align: center; border-radius: 0; border: 1px solid #eeeeee; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%;} .become-vendor .step-bg .step-box .steps{position: relative; width: 80px; height: 80px; background: #f8f8f8; margin: 0 auto 25px; color: var(--theme-color); text-align: center; font-weight: 500; border-radius: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: calc(28px + 0.0075 * (100vw - 320px));} .become-vendor .step-bg .step-box p{line-height: 1.5; margin-bottom: 0;} .start-selling h4{margin-bottom: 10px; line-height: 1.3; font-size: 22px; font-weight: 600;} .start-selling p{line-height: 1.7; letter-spacing: unset; margin-bottom: 0; font-weight: 400; font-size: calc(14px + 0.00125 * (100vw - 320px));} .start-selling .btn{margin-top: 20px;} .vendor-dashboard .dashboard-box{padding: 20px 10px; background-color: #f9f9f9;} .vendor-dashboard .dashboard-box .date-picker-box{display: -webkit-box; display: -ms-flexbox; display: flex;} .vendor-dashboard .dashboard-box .date-picker-box .input-group{width: 50%; padding: 0 10px;} .dashboard-section .dashboard-sidebar{position: sticky; top: 30px; z-index: 1; padding: 30px 0 15px 0; background-color: #f8f8f8;} .dashboard-section .dashboard-sidebar .profile-top{padding: 0 16px; margin-bottom: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));} .dashboard-section .dashboard-sidebar .profile-top .profile-image{position: relative;} .dashboard-section .dashboard-sidebar .profile-top .profile-image img{width: 130px; margin: 0 auto; display: block; border-radius: 100%;} .dashboard-section .dashboard-sidebar .profile-top .profile-image .profile-edit{position: absolute; bottom: 0; right: 30%;} .dashboard-section .dashboard-sidebar .profile-top .profile-image .profile-edit svg{stroke: var(--theme-color);} .dashboard-section .dashboard-sidebar .profile-top .profile-detail h5{text-transform: capitalize; font-weight: 700; margin-bottom: 5px; letter-spacing: unset;} .dashboard-section .dashboard-sidebar .profile-top .profile-detail h6{color: #777; font-weight: 400; margin-bottom: 3px;} .dashboard-section .dashboard-sidebar .faq-tab .nav-tabs{-webkit-box-shadow: none; box-shadow: none; padding: 0;} .dashboard-section .counter-section .counter-box{background-color: #f8f8f8; padding: 30px 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-left: 3px solid var(--theme-color); border-radius: 8px;} .dashboard-section .counter-section .counter-box img{height: 50px; margin-right: 20px;} .dashboard-section .counter-section .counter-box h3{font-weight: 700; color: var(--theme-color); margin-bottom: 4px; font-size: 20px;} .dashboard-section .counter-section .counter-box h5{margin-bottom: 0; text-transform: capitalize;} .dashboard-section .faq-content .card{border: none; background-color: #f8f8f8; margin-top: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));} .dashboard-section .dashboard-table h3{text-transform: capitalize; font-size: 17px; color: #222; margin-bottom: 15px; font-weight: 600;} .dashboard-section .dashboard-table img{width: 50px;} .dashboard-section .dashboard-table .table thead th{border-top: none;} .dashboard-section .dashboard-table .table th, .dashboard-section .dashboard-table .table td{vertical-align: middle; text-transform: capitalize; text-align: center;} .dashboard-section .top-sec{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 15px;} .dashboard-section .top-sec h3{text-transform: capitalize; color: #000; font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320))); margin-bottom: 0; font-weight: 600;} .dashboard-section .top-sec .btn{margin-left: auto; text-transform: capitalize; padding: calc(5px + (7 - 5) * ((100vw - 320px) / (1920 - 320))) calc(7px + (14 - 7) * ((100vw - 320px) / (1920 - 320)));} .dashboard-section .dashboard-box .dashboard-title{margin-bottom: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320))); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .dashboard-section .dashboard-box .dashboard-title h4{text-transform: capitalize; font-weight: 700; margin-bottom: 0;} .dashboard-section .dashboard-box .dashboard-title span{margin-left: 30px; padding: 2px 16px; border-radius: 2px; text-transform: capitalize; color: var(--theme-color); cursor: pointer;} .dashboard-section .dashboard-box .setting-list{display: grid; gap: 7px;} .dashboard-section .dashboard-box .setting-list .form-check{margin: 0; padding: 0; min-height: unset; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px;} .dashboard-section .dashboard-box .setting-list .form-check .form-check-label{margin: 0; font-size: 15px; font-weight: 500; letter-spacing: unset;} .dashboard-section .apexcharts-toolbar{z-index: 1;} .faq-tab .nav-tabs{display: block; border-bottom: none; background-color: #fff; padding: 10px 0;} .faq-tab .nav-tabs .nav-item{display: block; margin-bottom: 0;} .faq-tab .nav-tabs .nav-item .nav-link{text-transform: capitalize; color: #000; font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); border: none; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius: 0; background-color: #f8f8f8; cursor: pointer;} .faq-tab .nav-tabs .nav-item .nav-link.active{border: none; border-right: 2px solid var(--theme-color); border-radius: 0; color: var(--theme-color); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .faq-tab .nav-tabs .nav-item .nav-link:hover{border: none; border-right: 2px solid var(--theme-color); color: var(--theme-color); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .tracking-page .title-header{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} .tracking-page .title-header h5{margin: 0; font-weight: 600; font-size: 20px; line-height: 1.4;} .tracking-page .title-header .btn{background-color: var(--theme-color); color: #fff; text-transform: none; font-weight: 600; font-size: calc(14px + 0.00125 * (100vw - 320px)); line-height: 1.3; padding: 8px 20px; border-radius: 0;} .tracking-page .tacking-table{border: 1px solid #eeeeee; border-radius: 0; margin: 0;} .tracking-page .tacking-table tr:last-child td{border-bottom: unset;} .tracking-page .tacking-table tr th{font-weight: 600; padding: 14px; text-align: center; vertical-align: middle; color: #232323; border-bottom: 1px solid #eeeeee; max-width: 220px; min-width: 160px; font-size: 18px; background-color: #f8f8f8;} .tracking-page .tacking-table tr td{max-width: 220px; min-width: 160px; padding: calc(10px + (15 - 10) * ((100vw - 320px) / (1920 - 320))); color: #232323; border-bottom: 1px solid #eeeeee; font-weight: 500; text-align: center; vertical-align: middle;} .tracking-page .tacking-table tr td h6{color: #222; font-weight: 500; margin: 0; line-height: 1.3; font-size: 16px;} .tracking-page .tacking-table tr .product-image img{width: 70px;} .tracking-page .summary-details .details-box{padding: calc(15px + 7 * (100vw - 320px) / 1600) calc(15px + 7 * (100vw - 320px) / 1600); border-radius: 0; border: 1px solid #eeeeee; background-color: #f8f8f8;} .tracking-page .summary-details .order-title{font-size: calc(18px + 0.00125 * (100vw - 320px)); padding-bottom: 11px; margin-bottom: 16px; letter-spacing: unset; font-weight: 600; color: #222; border-bottom: 1px solid #dee2e6;} .tracking-page .summary-details .customer-detail label{font-weight: 600; font-size: 16px; margin: 0 0 6px;} .tracking-page .summary-details .customer-detail h4{margin: 0; font-size: 15px; letter-spacing: unset; font-weight: 500; text-transform: unset; line-height: 1.3; color: #777;} .tracking-page .summary-details .tracking-total{display: grid; gap: 6px;} .tracking-page .summary-details .tracking-total li{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 16px; font-weight: 500;} .tracking-page .summary-details .tracking-total li:last-child{padding-top: 8px; margin-top: 2px; border-top: 1px solid #dee2e6; font-weight: 600; font-size: 18px;} .blog-page .no-sidebar .blog-box .blog-image{height: calc(150px + (280 - 150) * ((100vw - 320px) / (1920 - 320)));} .blog-page .blog-sidebar h6{margin-bottom: 0; line-height: 20px; color: #333; font-weight: 700;} .blog-page .blog-sidebar p{line-height: 20px; margin-bottom: 0; color: #555;} .blog-page .blog-sidebar h4{color: #222; text-transform: unset; font-weight: 600; margin-bottom: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320))); line-height: 1.3; letter-spacing: unset; font-size: calc(17px + (21 - 17) * ((100vw - 320px) / (1920 - 320))); padding-bottom: 6px; border-bottom: 1px solid #eee;} .blog-page .blog-sidebar .theme-card + .theme-card{margin-top: calc(24px + (45 - 24) * ((100vw - 320px) / (1920 - 320)));} .blog-page .blog-sidebar .theme-card .recent-blog li + li{margin-top: calc(21px + (30 - 21) * ((100vw - 320px) / (1920 - 320)));} .blog-page .blog-sidebar .theme-card .recent-blog li .media img{width: 100px; margin-right: 10px;} .blog-page .blog-sidebar .theme-card .recent-blog li .media .media-body a h5{font-weight: 600; line-height: 1.45; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; padding-bottom: 0;} .blog-page .blog-sidebar .theme-card .recent-blog li .blog-box{-webkit-box-align: unset; -ms-flex-align: unset; align-items: unset; gap: 10px; border: unset; padding-bottom: 0; border-radius: 0;} .blog-page .blog-sidebar .theme-card .recent-blog li .blog-box .blog-image{width: calc(90px + (100 - 90) * ((100vw - 320px) / (1920 - 320))); height: auto; margin: 0;} .blog-page .blog-sidebar .theme-card .recent-blog li .blog-box .blog-image img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; margin: 0;} .blog-page .blog-sidebar .theme-card .recent-blog li .blog-box .blog-content{width: calc(100% - calc(90px + (100 - 90) * ((100vw - 320px) / (1920 - 320))) - 10px);} .blog-page .blog-sidebar .theme-card .recent-blog li .blog-box .blog-content a h5{padding-bottom: 0; text-transform: unset; margin: 0; line-height: 1.4; font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320))); font-weight: 500;} .blog-page .blog-sidebar .theme-card .recent-blog li .blog-box .blog-content h6{line-height: 1.4; color: #777; font-weight: 500; margin-bottom: calc(2px + (5 - 2) * ((100vw - 320px) / (1920 - 320))); font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));} .blog-page .blog-sidebar .theme-card .tags{display: -webkit-box; display: -ms-flexbox; display: flex; gap: 9px 12px; -ms-flex-wrap: wrap; flex-wrap: wrap;} .blog-page .blog-sidebar .theme-card .tags li{padding: 6px calc(9px + (13 - 9) * ((100vw - 320px) / (1920 - 320))); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-color: #fff; border: 1px solid #eee;} .blog-page .blog-sidebar .theme-card .tags li a{font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320))); color: #777; text-transform: unset; font-weight: 500;} .blog-page .blog-sidebar .theme-card .tags li:hover{background-color: var(--theme-color); border-color: var(--theme-color);} .blog-page .blog-sidebar .theme-card .tags li:hover a{color: #fff;} .blog-page .blog-sidebar .theme-card .popular-blog li .blog-date{background-color: var(--theme-color); height: 70px; width: 70px; margin: 0 15px 0 0; padding: 15px;} .blog-page .blog-sidebar .theme-card .popular-blog li .blog-date span{display: block; text-align: center; color: #fff; text-transform: uppercase;} .blog-page .blog-sidebar .theme-card .popular-blog li + li{margin-top: 30px;} .blog-page .blog-sidebar .theme-card .popular-blog li p{margin-top: 10px;} .blog-page .blog-media{margin-bottom: 30px;} .blog-page .blog-media:last-child{margin-bottom: 0;} .blog-page .blog-media .blog-right{height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex;} .blog-page .blog-media .blog-right h6{color: var(--theme-color); text-transform: uppercase; margin-bottom: 10px;} .blog-page .blog-media .blog-right h4{color: #333; font-weight: 700; line-height: 1.5; margin-bottom: 15px;} .blog-page .blog-media .blog-right p{line-height: 1.8; margin-bottom: 0; letter-spacing: 0.04em;} .blog-page .blog-media .blog-right ul{color: #777; margin-bottom: 15px;} .blog-page .blog-media .blog-right ul li{font-size: 14px; line-height: 1.5;} .blog-page .blog-media .blog-right ul li + li{padding-left: 15px; margin-left: 15px; border-left: 1px solid #ddd;} .blog-page .blog-media .blog-right ul li i{padding-right: 3px;} .blog-page .blog-box{overflow: hidden; position: relative;} .blog-page .blog-box:hover .blog-image img{-webkit-transform: scale(1.12); transform: scale(1.12); overflow: hidden;} .blog-page .blog-box:hover .blog-detail label{color: #fff;} .blog-page .blog-box:hover .blog-detail label::before{opacity: 1;} .blog-page .blog-box .blog-box-image{overflow: hidden; border-radius: 0;} .blog-page .blog-box .blog-box-image a{-webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .blog-page .blog-box .blog-image{position: relative; overflow: hidden; margin-bottom: 15px; border-radius: 0; height: calc(140px + (180 - 140) * ((100vw - 320px) / (1920 - 320)));} .blog-page .blog-box .blog-image img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: opacity 0.5s, -webkit-transform 1.25s cubic-bezier(0, 0, 0.44, 1.18); transition: opacity 0.5s, -webkit-transform 1.25s cubic-bezier(0, 0, 0.44, 1.18); transition: opacity 0.5s, transform 1.25s cubic-bezier(0, 0, 0.44, 1.18); transition: opacity 0.5s, transform 1.25s cubic-bezier(0, 0, 0.44, 1.18), -webkit-transform 1.25s cubic-bezier(0, 0, 0.44, 1.18);} .blog-page .blog-box .blog-image label{position: absolute; bottom: 10px; left: 10px; background-color: var(--theme-color); color: #fff; border-radius: 0; border: none; padding: 8px 10px; font-size: 12px; letter-spacing: 0.9px; -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2); box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2);} .blog-page .blog-box .blog-contain{padding: 0;} .blog-page .blog-box .blog-contain .blog-label{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-block: calc(6px + (12 - 6) * ((100vw - 320px) / (1920 - 320))) calc(8px + (12 - 8) * ((100vw - 320px) / (1920 - 320))); -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .blog-page .blog-box .blog-contain .blog-label > span{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320))); font-weight: 500; color: #222;} .blog-page .blog-box .blog-contain .blog-label > span + span{margin-left: 10px; padding-left: 10px; border-left: 1px solid #eee;} .blog-page .blog-box .blog-contain a{color: #222;} .blog-page .blog-box .blog-contain a h3{font-weight: 600; line-height: 1.5; text-transform: capitalize; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; font-size: calc(15px + (17 - 15) * ((100vw - 320px) / (1920 - 320))); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; letter-spacing: unset; margin: 0; color: #222;} .blog-page .blog-box .blog-contain p{display: none;} .blog-page .blog-box .blog-contain .blog-button{border: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 0; overflow: hidden; border-radius: 0; font-weight: 500; color: var(--theme-color); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-size: calc(15px + 1 * (100vw - 320px) / 1600);} .blog-page .blog-box .blog-contain .blog-button i{margin-left: 6px; font-size: 20px; line-height: 1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -3px;} .blog-page .blog-label-tag{position: absolute; top: 10px; right: 10px; background-color: var(--theme-color); z-index: 1; width: 32px; height: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 17px; color: #fff;} .blog-page .blog-featured-tag{position: absolute; top: 10px; left: 10px; background-color: var(--theme-color); z-index: 1; padding: 8px 13px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 14px; color: #fff; line-height: 1; font-weight: 600;} .blog-page .blog-list{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 15px; border-radius: 0; padding: 0;} @media (max-width: 575px){.blog-page .blog-list{display: block;}} .blog-page .blog-list .blog-image{margin: 0; border-radius: 0; height: calc(240px + (280 - 240) * ((100vw - 575px) / (1920 - 575))); width: calc(230px + (340 - 230) * ((100vw - 575px) / (1920 - 575)));} @media (max-width: 575px){.blog-page .blog-list .blog-image{width: 100%;}} .blog-page .blog-list .blog-contain{width: calc(100% - calc(230px + (340 - 230) * ((100vw - 575px) / (1920 - 575))) - 15px); padding: 0 20px 0 0;} @media (max-width: 575px){.blog-page .blog-list .blog-contain{width: 100%; padding: 0; padding-top: calc(12px + (20 - 12) * ((100vw - 320px) / (576 - 320)));}} .blog-page .blog-list .blog-contain a h3{font-weight: 600; line-height: 1.5; text-transform: capitalize; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320))); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; letter-spacing: unset; margin: 0; color: #222;} .blog-page .blog-list .blog-contain p{line-height: 1.6; color: #777; margin-bottom: 0; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320))); font-weight: 500; margin-top: calc(11px + (15 - 11) * ((100vw - 320px) / (1920 - 320)));} .blog-page .blog-list .blog-contain .blog-label{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-block: 4px 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} @media (max-width: 380px){.blog-page .blog-list .blog-contain .blog-label{display: block;}} .blog-page .blog-list .blog-contain .blog-label > span{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320))); font-weight: 500; color: #777;} .blog-page .blog-list .blog-contain .blog-label > span + span{margin-left: 10px; padding-left: 10px; border-left: 1px solid #eee;} @media (max-width: 380px){.blog-page .blog-list .blog-contain .blog-label > span + span{margin-left: unset; padding-left: unset; border-left: unset; margin-top: 4px;}} .blog-page .blog-list .blog-contain .blog-button{border: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 0; overflow: hidden; border-radius: 0; font-weight: 500; padding: 8px calc(11px + (16 - 11) * ((100vw - 320px) / (1920 - 320))); background-color: var(--theme-color); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin-top: calc(9px + (14 - 9) * ((100vw - 320px) / (1920 - 320))); font-size: calc(15px + (16 - 15) * ((100vw - 320px) / (1920 - 320))); color: #fff;} .blog-page .blog-list .blog-contain .blog-button i{margin-left: 10px; font-size: 20px; line-height: 1; display: none;} .blog-page .blog-list .blog-contain .blog-button:hover{color: #fff;} .blog-page .blog-list .blog-contain .blog-button:hover::after{opacity: 1;} .blog-page .blog-detail{padding: calc(11px + (20 - 11) * ((100vw - 320px) / (1920 - 320))); margin-top: 0;} .blog-page .blog-detail h2{font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1920 - 320))); line-height: 1.4;} .blog-page .blog-detail label{font-size: 12px; padding: 7px 11px; border-radius: 50px; color: var(--theme-color); margin-bottom: calc(4px + (12 - 4) * ((100vw - 320px) / (1920 - 320))); position: relative; overflow: hidden; z-index: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .blog-page .blog-detail label::before{top: 0; left: 0; background-color: var(--theme-color); opacity: 0.1; z-index: -1; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .blog-page .blog-detail a{display: block;} .blog-page .blog-detail h3{line-height: 1.4; margin-bottom: 5px; font-weight: 600;} .blog-page .blog-detail h5{font-size: 15px; margin-top: 10px; font-weight: 500;} .blog-page .blog-detail .blog-list{margin-top: 15px; gap: calc(14px + (22 - 14) * ((100vw - 320px) / (1920 - 320)));} .blog-page .blog-detail .blog-list span{margin-bottom: -5px; font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));} .blog-page .blog-detail .blog-list .blog-social-icon{position: relative;} .blog-page .blog-detail .blog-list .blog-social-icon .icon{position: absolute; top: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; opacity: 0;} .blog-page .blog-detail .blog-list .blog-social-icon .icon li{-webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .blog-page .blog-detail .blog-list .blog-social-icon .icon li .fab{font-size: 14px;} .blog-page .blog-detail .blog-list .blog-social-icon:hover .icon{opacity: 1;} .blog-sidebar .theme-card{position: relative; background-color: #f8f8f8; border: 1px solid #eee; padding: calc(12px + (20 - 12) * ((100vw - 320px) / (1920 - 320))); border-radius: 0;} .blog-sidebar .theme-card .categories{display: -webkit-box; display: -ms-flexbox; display: flex; gap: calc(10px + (14 - 10) * ((100vw - 320px) / (1920 - 320))); -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -4px;} .blog-sidebar .theme-card .categories li{position: relative; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 0; width: 100%; padding-left: 0; padding-top: 0;} .blog-sidebar .theme-card .categories li a{display: block; font-size: calc(14px + 0.00125 * (100vw - 320px)); color: #222; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; gap: 8px;} .blog-sidebar .theme-card .categories li a h5{margin: 0; padding: 0; font-weight: 500; text-transform: none; line-height: 1.3; font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));} .blog-detail-page .blog-detail-contain p{color: #777; line-height: 1.6; margin: 0; font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); font-weight: 500;} .blog-detail-page .blog-detail-contain p + p{margin-top: calc(10px + (15 - 10) * ((100vw - 320px) / (1920 - 320)));} .blog-detail-page .blog-detail p:last-child{margin-bottom: 0;} .blog-detail-page .blog-detail img{margin-bottom: 28px; width: 100%;} .blog-detail-page .blog-detail h3{color: #222; font-weight: 700; margin-bottom: calc(9px + 4 * (100vw - 320px) / 1600); letter-spacing: unset; font-size: calc(20px + (38 - 20) * ((100vw - 320px) / (1920 - 320))); line-height: 1.3;} .blog-detail-page .blog-detail .post-social{color: #777; padding-bottom: 21px;} .blog-detail-page .blog-detail .post-social li{font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320))); font-weight: 500; color: #777;} .blog-detail-page .blog-detail .post-social li + li{padding-left: 11px; margin-left: 11px; border-left: 1px solid #eee;} .dashboard-section .dashboard-sidebar{position: sticky; top: 20px; z-index: 1; padding: 30px 0 15px 0; background-color: #f8f8f8; border: 1px solid #eee; border-radius: 0;} @media (max-width: 991px){.dashboard-section .dashboard-sidebar{position: fixed; top: 0; left: -350px; width: calc(300px + (320 - 300) * ((100vw - 320px) / (992 - 320))); height: 100vh; overflow: hidden auto; padding-top: 0; border: unset; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; border-radius: 0; z-index: 11; background-color: #fff;} .dashboard-section .dashboard-sidebar.open{left: 0;}} .dashboard-section .dashboard-sidebar .back-btn{display: none;} @media (max-width: 991px){.dashboard-section .dashboard-sidebar .back-btn{padding: 15px 18px; display: -webkit-box; display: -ms-flexbox; display: flex; border: unset; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; border-bottom: 1px solid #eee; width: 100%; position: sticky; top: 0; left: 0; background-color: #fff; z-index: 2;} .dashboard-section .dashboard-sidebar .back-btn i{font-size: 20px; line-height: 1;} .dashboard-section .dashboard-sidebar .back-btn span{font-weight: 500; font-size: 16px;}} .dashboard-section .dashboard-sidebar .profile-top{padding: 0 16px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 13px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #eee;} @media (max-width: 991px){.dashboard-section .dashboard-sidebar .profile-top{margin-bottom: calc(10px + (20 - 10) * ((100vw - 320px) / (991 - 320))); background-color: #f8f8f8; padding: 15px;}} .dashboard-section .dashboard-sidebar .profile-top .profile-top-box{width: 56px; height: 56px; position: relative;} .dashboard-section .dashboard-sidebar .profile-top .user-icon-2{position: absolute; top: 0; right: 0; z-index: 1; width: 20px; height: 20px; background-color: #fff; border: 1px solid #eee; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #777; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; overflow: hidden;} .dashboard-section .dashboard-sidebar .profile-top .user-icon-2.close-icon{top: 0;} .dashboard-section .dashboard-sidebar .profile-top .user-icon-2 input[type="file"]{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; cursor: pointer;} .dashboard-section .dashboard-sidebar .profile-top .user-icon-2 i{line-height: 1;} .dashboard-section .dashboard-sidebar .profile-top .profile-image{margin: 0 auto; text-align: center; z-index: 1; position: relative; width: 56px; height: 56px; border-radius: 0; overflow: hidden;} .dashboard-section .dashboard-sidebar .profile-top .profile-image.vendor-image{width: 80px; height: 80px; background-color: #fff; padding: 8px; border: 1px solid #eee;} .dashboard-section .dashboard-sidebar .profile-top .profile-image.vendor-image img{-webkit-box-shadow: unset; box-shadow: unset; background-color: transparent;} .dashboard-section .dashboard-sidebar .profile-top .profile-image.vendor-image ~ .profile-detail{width: calc(100% - 80px - 13px);} .dashboard-section .dashboard-sidebar .profile-top .profile-image:hover .user-icon{opacity: 1;} .dashboard-section .dashboard-sidebar .profile-top .profile-image .user-icon{opacity: 0; position: absolute; top: 50%; left: 50%; -webkit-transition: opacity 0.15s ease-in-out; transition: opacity 0.15s ease-in-out; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 100%; background-color: rgba(34, 34, 34, 0.631); border: 1px solid rgba(207, 207, 207, 0.4); border-radius: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; overflow: hidden; font-size: 24px;} .dashboard-section .dashboard-sidebar .profile-top .profile-image .user-icon input[type="file"]{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; cursor: pointer;} .dashboard-section .dashboard-sidebar .profile-top .profile-image .user-icon i{line-height: 1;} @media (max-width: 991){.dashboard-section .dashboard-sidebar .profile-top .profile-image .user-icon{opacity: 1; height: auto; border-radius: 0; inset: unset; bottom: 0; -webkit-transform: unset; transform: unset; font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320))); padding-block: 5px; border: unset; background-color: rgba(34, 34, 34, 0.8);}} .dashboard-section .dashboard-sidebar .profile-top .profile-image .user-round{height: 56px; width: 56px; -o-object-fit: contain; object-fit: contain; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; margin: 0 auto;} .dashboard-section .dashboard-sidebar .profile-top .profile-image .user-round h4{font-size: 34px; margin: 0; font-weight: 600;} .dashboard-section .dashboard-sidebar .profile-top .profile-image img{height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; background-color: #f9f9f9; -webkit-box-shadow: 2px 3px 8px rgba(34, 34, 34, 0.32); box-shadow: 2px 3px 8px rgba(34, 34, 34, 0.32);} .dashboard-section .dashboard-sidebar .profile-top .profile-image .cover-icon{width: 30px; height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; bottom: 0; left: 55%; z-index: 1; background-color: #fff; border-radius: 100%; color: #777;} .dashboard-section .dashboard-sidebar .profile-top .profile-image .cover-icon i{position: relative;} .dashboard-section .dashboard-sidebar .profile-top .profile-image .cover-icon i input{position: absolute; top: 0; right: 0; left: 0; opacity: 0; width: 35px;} .dashboard-section .dashboard-sidebar .profile-top .profile-detail{width: calc(100% - 56px - 13px);} .dashboard-section .dashboard-sidebar .profile-top .profile-detail h5{text-transform: capitalize; font-weight: 600; margin-bottom: 0;} .dashboard-section .dashboard-sidebar .profile-top .profile-detail h6{color: #777; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight: 400; margin-bottom: 0;} .dashboard-section .dashboard-sidebar .faq-tab .nav-tabs{-webkit-box-shadow: none; box-shadow: none; padding: 0; background-color: #f8f8f8;} .dashboard-section .counter-section{padding: calc(16px + (30 - 16) * ((100vw - 320px) / (1920 - 320))); background-color: #f8f8f8; border: 1px solid #eee; border-radius: 0;} .dashboard-section .counter-section .counter-box{background-color: #fff; padding: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-left: 3px solid var(--theme-color); border-radius: 0;} .dashboard-section .counter-section .counter-box img{height: 50px; margin-right: 20px;} .dashboard-section .counter-section .counter-box h3{font-weight: 600; color: var(--theme-color); margin-bottom: 4px; font-size: 20px; letter-spacing: unset;} .dashboard-section .counter-section .counter-box h5{margin-bottom: 0; font-weight: 500; color: #777; line-height: 1.3;} .dashboard-section .counter-section .box-account .box .box-content{padding-left: 22px; display: grid; gap: 8px;} .dashboard-section .counter-section .box-account .box .box-content li{display: list-item; list-style: disc;} .dashboard-section .counter-section .box-account .box .box-content li::marker{color: #777; font-size: 13px; line-height: 1;} .dashboard-section .faq-content .card{border: 1px solid #eee; background-color: #f8f8f8; border-radius: 0;} .dashboard-section .faq-content .show-btn{background-color: var(--theme-color); border-radius: 0; padding: calc(7px + (10 - 7) * ((100vw - 320px) / (1920 - 320))) calc(12px + (19 - 12) * ((100vw - 320px) / (1920 - 320))); text-transform: unset; font-weight: 600; color: #fff; margin-bottom: calc(18px + (26 - 18) * ((100vw - 320px) / (1920 - 320))); display: none;} @media (max-width: 991px){.dashboard-section .faq-content .show-btn{display: block;}} .dashboard-section .faq-content .dashboard-table{border: unset; background-color: transparent;} .dashboard-section .faq-content .dashboard-table .card-body{padding: 0;} .dashboard-section .faq-content .download-table{border: 1px solid #eee; margin-top: 20px;} .dashboard-section .faq-content .download-table .user-download-table .dropdown .dropdown-toggle{background-color: #f8f8f8; border: 1px solid #eee; padding: 12px 18px; font-weight: 500;} .dashboard-section .faq-content .download-table .user-download-table .dropdown .dropdown-toggle::after{content: "\ea4e"; font-family: "remixicon" !important; font-style: normal; -webkit-font-smoothing: antialiased; margin: 0; vertical-align: unset; border: unset; font-size: 18px; line-height: 1; font-weight: normal;} .dashboard-section .faq-content .download-table .user-download-table thead tr th{background-color: #f8f8f8; text-align: center; padding: 14px 10px; font-size: 18px; font-weight: 600; border-bottom: 1px solid #eee;} .dashboard-section .faq-content .download-table .user-download-table tbody td{text-align: center; vertical-align: middle; padding: 14px 10px; border-color: #eee;} .dashboard-section .faq-content .download-table .user-download-table tbody tr:last-child td{border-bottom: unset;} .dashboard-section .faq-content .download-table .user-download-table tbody .table-name{width: 55%; text-align: center; font-weight: 500; font-size: 16px;} .dashboard-section .faq-content .download-table .user-download-table tbody .table-image{width: auto; height: 100px;} .dashboard-section .faq-content .download-detail{padding: 12px calc(15px + 7 * (100vw - 320px) / 1600); border: 1px solid #eee; background-color: #f8f8f8; border-radius: 0;} .dashboard-section .faq-content .download-detail .download-form{gap: 13px;} .dashboard-section .faq-content .download-detail .download-form .form-control{padding: calc(10px + 2 * (100vw - 320px) / 1600) calc(13px + 6 * (100vw - 320px) / 1600); font-weight: 500; border-radius: 0 !important; border: 1px solid #eee; font-size: calc(14px + 0 * (100vw - 320px) / 1600);} .dashboard-section .faq-content .download-detail .download-form button{padding: 12px 24px; font-weight: 600; border-radius: 0 !important; letter-spacing: unset; background-color: var(--theme-color); border: 1px solid var(--theme-color); color: #fff;} .dashboard-section .faq-content .download-detail .download-form button:hover{background-color: #fff; color: var(--theme-color);} .dashboard-section .wallet-table .table-responsive{border: 1px solid #eee; border-radius: 0;} .dashboard-section .wallet-table .order-table{border: unset; margin: 0;} .dashboard-section .wallet-table .order-table thead th{font-size: 16px; font-weight: 600; padding: 14px;} .dashboard-section .wallet-table .order-table th, .dashboard-section .wallet-table .order-table td{max-width: 220px; min-width: 160px; padding: 15px; color: #232323; border-bottom: 1px solid #eee; font-weight: 500; text-align: center; vertical-align: middle; background-color: transparent;} .dashboard-section .wallet-table .order-table th h6, .dashboard-section .wallet-table .order-table td h6{color: #222; font-weight: 500; margin: 0; line-height: 1.3; font-size: 16px;} .dashboard-section .wallet-table .order-table th.image-box, .dashboard-section .wallet-table .order-table td.image-box{padding: 10px;} .dashboard-section .wallet-table .order-table th.image-box img, .dashboard-section .wallet-table .order-table td.image-box img{height: 70px; width: auto;} .dashboard-section .wallet-table .order-table tr:last-child td{border-bottom: unset;} .dashboard-section .wallet-table .order-table tr a{color: #222;} .dashboard-section .wallet-table .order-table .product-image{text-align: center !important;} .dashboard-section .wallet-table .order-table .product-image img{width: 70px;} .dashboard-section .wallet-table .order-table .product-image h6{font-size: 15px; font-weight: 500; margin: 0;} .dashboard-section .wallet-table .order-table .product-image a{color: #222;} .dashboard-section .product-table tr th:first-child, .dashboard-section .product-table tr td:first-child{text-align: center;} .dashboard-section .title-header h5{margin: 0; font-weight: 600; font-size: 20px; line-height: 1.4;} .dashboard-section .title-header h5 i{color: #222;} .dashboard-section .title-header .right-option a{width: 100%; background-color: var(--theme-color); color: #fff; text-transform: none; font-weight: 600; font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); line-height: 1.3; padding: 8px 20px; border-radius: 0;} .dashboard-section .title-header .right-option a:hover{border: 1px solid var(--theme-color); background-color: #fff; color: var(--theme-color);} .dashboard-section .title-header .right-option a i{font-weight: 500;} .dashboard-section .dashboard-table h3{text-transform: capitalize; font-size: 17px; color: #222; margin-bottom: 15px; font-weight: 600;} .dashboard-section .dashboard-table .product-pagination{margin-top: 24px;} .dashboard-section .dashboard-table .product-pagination .theme-pagination-block{padding: 0; background-color: transparent; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .dashboard-section .top-sec{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: calc(13px + (22 - 13) * ((100vw - 320px) / (1920 - 320)));} .dashboard-section .top-sec-2{border-top: 1px solid #eee; margin-top: 34px; padding-top: 29px;} .dashboard-section .top-sec h3{text-transform: capitalize; color: #222; font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1920 - 320))); margin-bottom: 0; font-weight: 600;} .dashboard-section .top-sec .btn{margin-left: auto; text-transform: capitalize; padding: calc(5px + (7 - 5) * ((100vw - 320px) / (1920 - 320))) calc(7px + (14 - 7) * ((100vw - 320px) / (1920 - 320)));} .dashboard-section .themeform-auth .form-label{font-weight: 500; color: #777; margin: 0;} .dashboard-section .themeform-auth .form-control{height: auto; padding: calc(10px + 2 * (100vw - 320px) / 1600) calc(13px + 6 * (100vw - 320px) / 1600); font-weight: 500; border-radius: 0; border: 1px solid #eee; font-size: calc(14px + 0 * (100vw - 320px) / 1600);} .dashboard-section .dashboard-box{padding: 0; background-color: #f8f8f8; border: 1px solid #eee;} .dashboard-section .dashboard-box .dashboard-title{margin-bottom: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320))); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 16px; border-bottom: 1px solid #eee;} .dashboard-section .dashboard-box .dashboard-title h4{text-transform: capitalize; font-weight: 600; margin-bottom: 0; font-size: 22px;} .dashboard-section .dashboard-box .dashboard-title span{margin-left: auto; padding: 0; text-transform: capitalize; color: var(--theme-color); cursor: pointer; font-weight: 500; font-size: 16px;} .dashboard-section .dashboard-box .dashboard-detail{padding: 0 16px 16px;} .dashboard-section .dashboard-box .dashboard-detail ul li{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px;} .dashboard-section .dashboard-box .dashboard-detail ul li.details h5{font-size: 16px; color: #222; font-weight: 500; letter-spacing: unset; text-transform: capitalize; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0;} .dashboard-section .dashboard-box .dashboard-detail ul li.details h5 span{width: 200px; display: block; color: #777; font-weight: 400; margin: 0;} .dashboard-section .dashboard-box .dashboard-detail ul li.details h6{text-transform: capitalize; margin-bottom: 0;} .dashboard-section .dashboard-box .dashboard-detail ul li.details span{margin-left: calc(10px + (30 - 10) * ((100vw - 320px) / (1920 - 320))); border-radius: 2px; text-transform: capitalize; color: var(--theme-color); cursor: pointer;} .dashboard-section .dashboard-box .dashboard-detail ul li.details .left{width: 150px; margin-right: 15px;} .dashboard-section .dashboard-box .dashboard-detail ul li.details .left h6{color: #4e4e4e;} .dashboard-section .dashboard-box .dashboard-detail ul li.details .right{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .dashboard-section .dashboard-box .dashboard-detail ul li.details .right h6{font-weight: 500;} .dashboard-section .dashboard-box .dashboard-detail ul li:last-child{margin-bottom: 0;} .dashboard-section .dashboard-box .dashboard-detail .account-setting h5{margin-bottom: 15px; text-transform: capitalize;} .dashboard-section .dashboard-box .dashboard-detail .account-setting .row > div .form-check{margin-bottom: 5px; padding-left: 0; color: #606060;} .dashboard-section .dashboard-box .dashboard-detail .account-setting .row > div .form-check:last-child{margin-bottom: 0;} .dashboard-section .dashboard-box .dashboard-detail .account-setting .btn{margin-top: 0;} .dashboard-section .dashboard-box .dashboard-detail .account-setting + .account-setting{margin-top: 20px;} .dashboard-section .radio_animated{position: relative; margin: 0; -webkit-filter: unset; filter: unset; cursor: pointer; border: none; width: 1.25rem; height: 1.25rem;} .dashboard-section .radio_animated:before{-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75), -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); z-index: 1; width: 0.75rem; height: 0.75rem; background: var(--theme-color); border-radius: 50%;} .dashboard-section .radio_animated:after{content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 100%; background: #fff; border-radius: 100%; border: 1px solid #eee;} .dashboard-section .radio_animated:checked::after{border-color: var(--theme-color);} .dashboard-section .radio_animated:checked:before{-webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1);} .dashboard-section .radio_animated ~ .form-check-label{margin: 0;} .dashboard-section .apexcharts-toolbar{z-index: 1;} .user-dashboard-section .box{font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); line-height: 1.7;} .user-dashboard-section h6{margin-bottom: 0; font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320))); font-weight: 500; line-height: 1.3;} .user-dashboard-section .welcome-msg{margin-bottom: 20px;} .user-dashboard-section .welcome-msg h4{font-size: 20px; font-weight: 700; color: #222;} .user-dashboard-section .welcome-msg p{line-height: 1.6; line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; letter-spacing: unset; font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));} .user-dashboard-section .box-head h4{font-size: 18px; margin: 34px 0 14px; text-transform: capitalize; color: #333; font-weight: 600;} .user-dashboard-section .box a{color: var(--theme-color);} .user-dashboard-section .box h6{margin-bottom: 0; font-size: 15px; font-weight: 500; line-height: 1.3;} .user-dashboard-section .box .box-title{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 5px; padding: 12px; position: relative; width: 100%; background-color: #fff; border-radius: 8px;} .user-dashboard-section .box .box-title h3{font-size: 16px; margin: 0; text-transform: capitalize; color: #333; line-height: 1.3; font-weight: 500;} .user-dashboard-section .box .box-title > a{margin-left: auto; color: var(--theme-color);} .user-dashboard-section .box address{margin-bottom: 0;} .user-dashboard-section .faq-content{height: 100%;} .user-dashboard-section .faq-content .box-loader{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .user-dashboard-section .faq-content .box-loader .loader-wrapper{position: relative; width: 100%; z-index: 4; height: 100%; inset: unset; background-color: #f8f8f8; border: 1px solid #eee;} .user-dashboard-section .tab-pane .card-body{padding: calc(15px + (22 - 15) * ((100vw - 320px) / (1920 - 320))) calc(15px + (22 - 15) * ((100vw - 320px) / (1920 - 320))); border-radius: 0;} .user-dashboard-section .tab-pane .card-body .order-title{font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320))); padding-bottom: 11px; margin-bottom: 16px; letter-spacing: unset; font-weight: 600; color: #222; border-bottom: 1px solid #dee2e6;} .user-dashboard-section .tab-pane .card-body .customer-detail ul li label{font-weight: 600; font-size: 16px; margin: 0 0 6px;} .user-dashboard-section .tab-pane .card-body .customer-detail ul li h4{margin: 0; font-size: 15px; letter-spacing: unset; font-weight: 500; text-transform: unset; line-height: 1.3; color: #777;} .user-dashboard-section .tab-pane .card-body .tracking-total ul{display: grid; gap: 6px;} .user-dashboard-section .tab-pane .card-body .tracking-total ul li{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 16px; font-weight: 500;} .user-dashboard-section .tab-pane .card-body .tracking-total ul li:nth-child(3){font-weight: 600;} .user-dashboard-section .tab-pane .card-body .tracking-total ul li:last-child{padding-top: 8px; margin-top: 2px; border-top: 1px solid #dee2e6; font-weight: 600; font-size: 18px;} .user-dashboard-section .tab-pane .card-body .wallet-point-box{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 13px;} .user-dashboard-section .tab-pane .card-body .wallet-point-box .total-image{width: 69px; height: 69px; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 0; padding: 10px;} .user-dashboard-section .tab-pane .card-body .wallet-point-box .total-image img{width: 100%; height: 100%;} .user-dashboard-section .tab-pane .card-body .wallet-point-box .total-detail{width: calc(100% - 69px - 13px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} .user-dashboard-section .tab-pane .card-body .wallet-point-box .total-detail .point-ratio{background-color: #fff; padding: 15px 18px; border-radius: 0;} .user-dashboard-section .tab-pane .card-body .wallet-point-box .total-detail .point-ratio .counter{text-transform: none; letter-spacing: unset; font-size: 18px; margin: 0; color: #232323; font-weight: 600;} .user-dashboard-section .tab-pane .card-body .wallet-point-box .total-detail .total-box h5{margin: 0; font-weight: 500; color: #777;} .user-dashboard-section .tab-pane .card-body .wallet-point-box .total-detail .total-box h3{margin: 0; margin-top: 3px; font-size: 19px; text-transform: none; letter-spacing: normal; font-weight: 600; color: #232323;} .user-dashboard-section .wallet-point-box{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 13px; padding: calc(15px + (22 - 15) * ((100vw - 320px) / (1920 - 320))); border: 1px solid #eeeeee; background-color: #f8f8f8; border-radius: 0;} .user-dashboard-section .wallet-point-box .total-image{width: 69px; height: 69px; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 0; padding: 10px;} .user-dashboard-section .wallet-point-box .total-image img{width: 100%; height: 100%;} .user-dashboard-section .wallet-point-box .total-detail{width: calc(100% - 69px - 13px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} .user-dashboard-section .wallet-point-box .total-detail .point-ratio{background-color: #fff; padding: 15px 18px; border-radius: 0;} .user-dashboard-section .wallet-point-box .total-detail .point-ratio .counter{text-transform: none; letter-spacing: unset; font-size: 18px; margin: 0; color: #232323; font-weight: 600;} .user-dashboard-section .wallet-point-box .total-detail .total-box h5{margin: 0; font-weight: 500; color: #777;} .user-dashboard-section .wallet-point-box .total-detail .total-box h3{margin: 0; margin-top: 3px; font-size: 19px; text-transform: none; letter-spacing: normal; font-weight: 600; color: #232323;} .user-dashboard-section .edit-link{color: var(--theme-color); margin-left: 10px; text-transform: capitalize;} .user-dashboard-section .address-book-section .select-box .address-box{padding: 15px; background-color: #fff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .user-dashboard-section .address-book-section .select-box .address-box .top h6{text-transform: capitalize; color: #222; font-weight: 600; font-size: 14px;} .user-dashboard-section .address-book-section .select-box .address-box .top h6 span{float: right; background-color: var(--theme-color); color: #fff; padding: 2px 15px; font-size: 80%; border-radius: 0;} .user-dashboard-section .address-book-section .select-box .address-box .middle{margin-top: 15px;} .user-dashboard-section .address-book-section .select-box .address-box .middle .address p{margin-bottom: 5px; color: rgba(0, 0, 0, 0.7); line-height: 1.2;} .user-dashboard-section .address-book-section .select-box .address-box .middle .number{margin-top: 15px;} .user-dashboard-section .address-book-section .select-box .address-box .middle .number p{color: rgba(0, 0, 0, 0.7); text-transform: capitalize;} .user-dashboard-section .address-book-section .select-box .address-box .card-number{margin-top: 15px;} .user-dashboard-section .address-book-section .select-box .address-box .card-number h6, .user-dashboard-section .address-book-section .select-box .address-box .card-number h5{margin-bottom: 0;} .user-dashboard-section .address-book-section .select-box .address-box .name-validity{margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .user-dashboard-section .address-book-section .select-box .address-box .name-validity h6{text-transform: capitalize;} .user-dashboard-section .address-book-section .select-box .address-box .name-validity h5, .user-dashboard-section .address-book-section .select-box .address-box .name-validity h6{margin-bottom: 0;} .user-dashboard-section .address-book-section .select-box .address-box .name-validity .right{margin-left: auto;} .user-dashboard-section .address-book-section .select-box .address-box .bank-logo{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .user-dashboard-section .address-book-section .select-box .address-box .bank-logo img{height: 22px;} .user-dashboard-section .address-book-section .select-box .address-box .bank-logo .network-logo{margin-left: auto; width: 50px; height: auto;} .user-dashboard-section .address-book-section .select-box .address-box .address p{font-size: 14px; font-weight: 500; color: #777;} .user-dashboard-section .address-book-section .select-box .address-box .bottom{border-top: 1px solid #eee; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; padding-top: 14px; margin-top: 10px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} .user-dashboard-section .address-book-section .select-box .address-box .bottom .bottom_btn{width: 47.5%; text-transform: capitalize; font-weight: 600; padding: 8px 4px; border-radius: 0; background-color: #f8f8f8; color: #222;} .user-dashboard-section .address-book-section .select-box.active .address-box{-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .user-dashboard-section.dashboard-section .dashboard-table .table thead th{font-size: 18px; background-color: #f8f8f8;} .user-dashboard-section .order-table thead tr th{background-color: transparent;} .faq-tab .nav-tabs{display: block; border-bottom: none; background-color: #fff; padding: 10px 0;} .faq-tab .nav-tabs .nav-item{display: block; margin-bottom: 0;} @media (max-width: 991px){.faq-tab .nav-tabs .nav-item{width: 100%;}} .faq-tab .nav-tabs .nav-item .nav-link{text-transform: capitalize; color: #232323; font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); border: none; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-radius: 0; width: 100%; background-color: #f8f8f8; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; margin: 0; font-weight: 500;} @media (max-width: 991px){.faq-tab .nav-tabs .nav-item .nav-link{background-color: #fff; padding-block: calc(6px + (8 - 6) * ((100vw - 320px) / (1920 - 320)));}} .faq-tab .nav-tabs .nav-item .nav-link i{width: calc(36px + (40 - 36) * ((100vw - 320px) / (1920 - 320))); height: calc(36px + (40 - 36) * ((100vw - 320px) / (1920 - 320))); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; border-radius: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border: 1px solid transparent; font-size: calc(16px + (19 - 16) * ((100vw - 320px) / (1920 - 320)));} @media (max-width: 991px){.faq-tab .nav-tabs .nav-item .nav-link i{background-color: #f8f8f8;}} .faq-tab .nav-tabs .nav-item .nav-link.active{border: none; border-radius: 0; color: var(--theme-color);} .faq-tab .nav-tabs .nav-item .nav-link.active i{background-color: var(--theme-color); color: #fff;} .faq-tab .nav-tabs .nav-item .nav-link:hover{border: none; color: var(--theme-color);} .faq-tab .nav-tabs .nav-item .nav-link:hover i{border: 1px solid var(--theme-color);} .faq-tab .nav-tabs .logout-cls{border-top: 1px solid #eee; margin-top: 6px; padding-top: 14px; padding-inline: 19px;} .faq-tab .nav-tabs .logout-cls .loagout-btn{width: 100%; background-color: var(--theme-color); color: #fff; text-transform: none; font-weight: 500; font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320))); line-height: 1.3; padding: calc(9px + (11 - 9) * ((100vw - 320px) / (1920 - 320))); border-radius: 0;} .card{border: 1px solid #eee; background-color: #f8f8f8; border-radius: 0; -webkit-box-shadow: none !important; box-shadow: none !important;} .card .card-body{padding: calc(15px + (12 - 15) * ((100vw - 320px) / (1920 - 320))); border-radius: 0;} .card .card-body .notification-list{display: grid; gap: 13px;} .card .card-body .notification-list li{display: block; border-radius: 0; border: 1px solid #eee; background-color: #fff; padding: calc(13px + (20 - 13) * ((100vw - 320px) / (1920 - 320))) calc(12px + (18 - 12) * ((100vw - 320px) / (1920 - 320))); padding-left: calc(33px + (46 - 33) * ((100vw - 320px) / (1920 - 320))); position: relative;} .card .card-body .notification-list li::after{content: ""; position: absolute; left: calc(18px + (30 - 18) * ((100vw - 320px) / (1920 - 320))); top: 31px; width: 5px; height: 5px; background-color: #8e8e8e; border-radius: 100%;} .card .card-body .notification-list li.unread{position: relative; background-color: transparent; z-index: 0; border: 1px solid var(--theme-color);} .card .card-body .notification-list li.unread::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--theme-color); opacity: 0.09; z-index: -1;} .card .card-body .notification-list li.unread h4{color: var(--theme-color); font-weight: 600;} .card .card-body .notification-list li.unread h5{color: #222;} .card .card-body .notification-list li.unread::after{background-color: var(--theme-color);} .card .card-body .notification-list h4{font-weight: 500; color: #222; letter-spacing: unset; text-transform: none; line-height: 1.5; font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320)));} .card .card-body .notification-list h5{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; margin-top: 5px; font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); color: #777; margin-bottom: 0; font-weight: 500; line-height: 1.3;} .video-cls{width: 100%; margin-bottom: -7px;} .element-page .product-element .card{-webkit-box-shadow: none !important; box-shadow: none !important;} .element-page .card{-webkit-box-shadow: 0 0 8px #e1e1e1 !important; box-shadow: 0 0 8px #e1e1e1 !important;} .title-padding .card .card-body{padding: 20px;} .coupon-box{position: relative; padding: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320))); background: #f8f8f8; border-radius: 0; width: 100%; overflow: hidden; height: 100%;} .coupon-box .coupon-name{display: block;} .coupon-box .coupon-name h5{overflow: hidden; text-overflow: ellipsis; font-size: calc(17px + (18 - 17) * ((100vw - 320px) / (1920 - 320))); margin: 0; line-height: 1.4;} .coupon-box .coupon-content{margin-top: calc(3px + (8 - 3) * ((100vw - 320px) / (1920 - 320)));} .coupon-box .coupon-content p{color: #777; line-height: 1.6; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; font-weight: 500; -webkit-box-orient: vertical; font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320))); margin-bottom: calc(6px + (11 - 6) * ((100vw - 320px) / (1920 - 320)));} .coupon-box .coupon-content .coupon-apply{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: calc(8px + (12 - 8) * ((100vw - 320px) / (1920 - 320))); border-top: 1px dashed rgba(0, 0, 0, 0.12);} .coupon-box .coupon-content .coupon-apply h6{font-weight: 600; color: #232323; line-height: 1.3; margin: 0; font-size: 15px;} .coupon-box .coupon-content .coupon-apply .copy-btn{border: unset; color: var(--theme-color); padding: 0;} .sticky-details{position: sticky; top: 0px; left: 0;} @media (max-width: 991px){.product-page-details{margin-top: 15px;}} .product-page-details .main-title{text-transform: capitalize; font-size: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320))); margin-bottom: calc(5px + (10 - 5) * ((100vw - 320px) / (1920 - 320))); line-height: 1.4;} @media (max-width: 767px){.product-page-details .main-title{text-align: center;}} .product-page-details .product-rating{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; font-size: 16px; margin-top: 10px;} @media (max-width: 767px){.product-page-details .product-rating{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}} .product-page-details .product-rating .divider{color: #ddd;} .product-page-details .product-rating .rating-list{color: #ffbc37;} .product-page-details .product-rating .rating-list i{font-size: 18px;} .product-page-details .product-rating a{color: var(--theme-color); text-decoration: underline;} @media (max-width: 767px){.product-page-details .price-text{text-align: center;}} .product-page-details .price-text h3{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; margin-block: 15px 4px; color: var(--theme-color); font-weight: 600; letter-spacing: 0.01em; font-size: calc(16px + (26 - 16) * ((100vw - 320px) / (1920 - 320)));} @media (max-width: 767px){.product-page-details .price-text h3{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}} .product-page-details .price-text h3 .discounted-price{font-weight: 500; padding: 5px calc(12px + 0.0025 * (100vw - 320px)); border-radius: 0; color: var(--theme-color); display: inline-block; margin-bottom: 0; margin-left: 12px; font-size: 16px; position: relative;} .product-page-details .price-text h3 .discounted-price::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--theme-color); opacity: 0.11;} .product-page-details .price-text h3 .discounted-price del{font-size: 18px;} .product-page-details .price-text span{color: #aaa; display: block;} .product-page-details .size-delivery-info{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; border-block: 1px dashed #eee; padding-block: 12px; margin-block: 14px 20px; gap: calc(8px + (15 - 8) * ((100vw - 320px) / (1920 - 320))); font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));} @media (max-width: 767px){.product-page-details .size-delivery-info{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}} .product-page-details .size-delivery-info a{color: #7d7d7d; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .product-page-details .size-delivery-info a span{position: relative; width: 1px; height: 26px; background-color: #eee; display: block; border-radius: 100%;} .product-page-details .size-delivery-info a i{margin-right: 10px;} .product-page-details .product-offer li{display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; font-size: 14px;} .product-page-details .product-offer li:last-child h5{border-bottom: none; padding-bottom: 0; margin-bottom: 0;} .product-page-details .product-offer li buy-button img{width: 40px; height: 40px; border-radius: 100%;} .product-page-details .product-offer li h5{font-size: calc(13px + (16 - 13) * ((100vw - 320px) / (1920 - 320)));} .product-page-details .product-offer.delivery-details{display: grid; gap: 10px;} .product-page-details .product-offer.delivery-details li{font-weight: 400; font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); color: #111111;} .product-page-details .product-offer.delivery-details li i{font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320))); color: #626262;} .product-page-details .description-text{color: #7d7d7d; line-height: 1.5; font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 8px; margin-top: 12px;} .product-page-details .progress{background-color: #f6f6f6; height: 10px; border-radius: 14px;} .product-page-details .progress .progress-bar{background-image: -webkit-gradient(linear, right top, left top, from(#438600), to(#8fd747)); background-image: linear-gradient(to left, #438600, #8fd747);} .product-page-details .left-progressbar{margin-top: 13px;} .product-page-details .left-progressbar h6{color: #7d7d7d;} .product-page-details .buy-box{margin-top: 17px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320))); font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));} @media (max-width: 767px){.product-page-details .buy-box{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}} .product-page-details .buy-box a{color: #4c4c4c;} .product-page-details .bordered-box{padding-top: 20px; margin-top: 20px; border-top: 1px dashed #ddd;} .product-page-details .dashed-border-box{padding: 22px 28px; border: 1px dashed #ddd; margin-bottom: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 34px;} .product-page-details .dashed-border-box h4{margin-top: -30px; background-color: #fff; padding-inline: 8px; width: -webkit-max-content; width: -moz-max-content; width: max-content;} .product-page-details .dashed-border-box .payment-img{width: 300px;} .product-page-details .shipping-info{display: grid; line-height: 1.5; color: #5f5f5f; font-size: 16px; grid-template-columns: 1fr 1fr; gap: 5px; padding-left: 20px; margin-bottom: -7px;} @media (max-width: 425px){.product-page-details .shipping-info{display: grid; grid-template-columns: 1fr;}} .product-page-details .shipping-info li{font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); display: list-item; color: #7d7d7d;} .product-page-details .qty-section{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px;} .product-page-details .qty-section .qty-box .input-group{background-color: #fafafa; padding: 6px 6px; overflow: hidden; border: 1px solid #eee;} .product-page-details .qty-section .qty-box .input-group input{background-color: #fafafa; border: none; padding: 6px 5px; width: calc(40px + (90 - 30) * ((100vw - 320px) / (1920 - 320)));} .product-page-details .qty-section .qty-box .input-group button{padding: 5px calc(10px + (12 - 10) * ((100vw - 320px) / (1920 - 320))); background-color: #fff !important; -webkit-box-shadow: 0 0 8px #e8e8e8; box-shadow: 0 0 8px #e8e8e8; border: none;} .product-page-details .variation-box{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0px;} @media (max-width: 767px){.product-page-details .variation-box{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}} .product-page-details .variation-box .sub-title{margin-bottom: 0;} .product-page-details .wishlist-btn-group{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px;} .product-page-details .wishlist-btn-group button{padding: 0; width: 48px; height: 48px; border: 1px solid #eee; background-color: #fafafa; -webkit-transition: none; transition: none; font-size: 16px; line-height: 1; color: #6a6a6a;} .product-page-details .image-box{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px;} .product-page-details .image-box li{border: 1px solid #eee; padding: 3px;} .product-page-details .image-box li img{cursor: pointer; height: 40px; width: 40px; padding: 0; overflow: hidden; -o-object-fit: cover; object-fit: cover;} .product-page-details .image-box li.active{border: 1px solid var(--theme-color); background: #ec8951;} .product-page-details .image-box li.active a{color: #fff !important;} .product-page-details .sub-title{font-weight: 600; margin-bottom: calc(8px + (15 - 8) * ((100vw - 320px) / (1920 - 320))); font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; letter-spacing: 0.01em;} .product-page-details .quantity-variant{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; background-color: #fafafa; padding: 6px 6px; overflow: hidden; border: 1px solid #eee; flex-wrap: wrap;} .product-page-details .quantity-variant li{padding: 6px 10px; background-color: #fafafa;} .product-page-details .quantity-variant li button{border: none; font-size: 14px; font-weight: 500; background-color: #fafafa;} .product-page-details .quantity-variant li.active{background-color: #fff; border: 1px solid var(--theme-color);} .product-page-details .quantity-variant li.active button{color: var(--theme-color); background-color: #fff;} .product-page-details .quantity-variant.round li span{width: 20px; height: 20px; border-radius: 100%; display: block; cursor: pointer;} .product-page-details .quantity-variant.circle li{width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 100%;} .product-page-details .quantity-variant.radio .digital-size{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .product-page-details .quantity-variant.radio .digital-size .form-check{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 6px; min-height: unset; margin-bottom: 0; padding: 0;} .product-page-details .quantity-variant.radio .digital-size .form-check .form-check-input{width: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320))); height: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320))); margin: 0px; background-color: #fff; border: 1px solid #eee; -webkit-filter: unset; filter: unset; border-radius: 100%;} .product-page-details .quantity-variant.radio .digital-size .form-check .form-check-input:focus{border-color: transparent; -webkit-box-shadow: none; box-shadow: none;} .product-page-details .quantity-variant.radio .digital-size .form-check .form-check-input:checked{position: relative; background-color: #fff; border-color: var(--theme-color); float: unset;} .product-page-details .quantity-variant.radio .digital-size .form-check .form-check-input:checked::after{content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 10px; height: 10px; background-color: var(--theme-color); border-radius: 100%;} .product-page-details .quantity-variant.radio .digital-size .form-check .form-check-label{font-size: calc(13px + (18 - 13) * ((100vw - 320px) / (1920 - 320)));} .product-page-details .quantity-variant.select-dropdown.form-select{display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 150px !important;} .product-page-details .product-buttons{margin-top: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; -ms-flex-wrap: wrap; flex-wrap: wrap;} @media (max-width: 767px){.product-page-details .product-buttons{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}} @media (max-width: 576px){.product-page-details .product-buttons{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap;}} .product-page-details .product-buttons .btn{padding: calc(10px + (13 - 10) * ((100vw - 320px) / (1920 - 320))) calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));} .product-page-details .product-buttons .btn.btn-sm{padding: 13px 18px;} .product-page-details .product-buttons .btn.buy-button:hover{color: #222; background-color: #fff; border: 1px solid --theme-color;} .product-page-details .product-buttons .btn.disabled{color: #fff;} .product-page-details .product-buttons .btn.disabled .ring-animation{-webkit-animation: none; animation: none;} .product-page-details .product-buttons .btn-animation i{font-size: 15px;} .product-page-details .trending-text{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; margin-bottom: 8px;} .product-page-details .trending-text img{width: 30px;} .product-page-details .trending-text h5{margin-bottom: 0; font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); line-height: 1.4;} @media (max-width: 767px){.product-page-details .trending-text{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}} .product-page-details .top-title-panel{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} .product-page-details.detail-box{padding: 20px; border-radius: 8px; background-color: #f8f8f8;} .product-page-details.detail-box .progress{background-color: #fff;} .product-page-details.detail-box .quantity-variant{background-color: white !important;} .product-page-details.detail-box .quantity-variant li{background-color: white !important;} .product-page-details.detail-box .quantity-variant li button{background-color: #fff;} .product-page-details.detail-box .quantity-variant li.active{background-color: #f8f8f8 !important; -webkit-box-shadow: none; box-shadow: none;} .product-page-details.detail-box .quantity-variant li.active button{background-color: #f8f8f8 !important;} .product-page-details.detail-box .qty-section .qty-box .input-group{background-color: #fff;} .product-page-details.detail-box .qty-section .qty-box .input-group input{background-color: #fff;} .product-page-details.detail-box .qty-section .qty-box .input-group button{background-color: #f8f8f8 !important; -webkit-box-shadow: none; box-shadow: none;} .product-page-details .product-accordion .accordion-item{border: none; background-color: transparent;} .product-page-details .product-accordion .accordion-item + .accordion-item{margin-top: 15px;} .product-page-details .product-accordion .accordion-item .accordion-header{margin-bottom: 0;} .product-page-details .product-accordion .accordion-item .accordion-header .accordion-button{z-index: 0; -webkit-box-shadow: unset; box-shadow: unset; line-height: 1.3; color: #232323; text-align: center; padding: 12px 18px; text-decoration: unset; text-transform: capitalize; border: 1px solid #eee; font-weight: 500; background-color: #f8f8f8; font-size: calc(15px + 3 * (100vw - 320px) / 1600); margin: 0; border-radius: 0;} .product-page-details .product-accordion .accordion-item .accordion-header .accordion-button::after{content: "\ea4e"; font-family: remixicon; font-style: normal; -webkit-font-smoothing: antialiased; width: unset; height: unset; background: unset; font-size: 22px; line-height: 1;} .product-page-details .product-accordion .accordion-item .accordion-body{padding: 15px 0 0;} .product-page-details .product-accordion .accordion-item .accordion-body p{font-size: 14px; line-height: 1.7; font-weight: 400; color: #7d7d7d;} .product-page-details .product-accordion .accordion-item .accordion-body .bordered-box .delivery-details{display: grid; gap: 10px;} .product-page-details .product-accordion .accordion-item .accordion-body .bordered-box .delivery-details li{font-weight: 400; font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); color: #626262;} .product-page-details.product-form-box{position: sticky; top: 20px; left: 0; text-align: center; border: 1px solid #eee; padding: 20px;} .product-page-details.product-form-box .product-description .qty-box{margin-bottom: 5px;} .product-page-details.product-form-box .product-description .qty-box .input-group{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%;} .product-page-details.product-form-box .product-buttons{margin-bottom: 0;} .product-page-details.product-form-box .timer{margin-bottom: 10px; text-align: left;} .product_image_4{position: sticky; top: 120px; left: 0;} .product_image_4 > div:nth-last-child(-n + 2){margin-top: 25px;} .secondary-color{background-color: grey !important;} .blue-color{background-color: blue !important;} .purple-color{background-color: purple !important;} .image-grid{display: grid; grid-template-columns: 50% 25% 25%; gap: 10px; margin-top: 30px;} .image-grid > div:first-child{grid-row: 1 / 3;} .image-grid > div:first-child img{height: 100%;} .product-label{background-color: #fdf2ec; position: absolute; top: 15px; z-index: 1; left: 15px; padding: 5px 12px; color: var(--theme-color); font-weight: 500; font-size: 15px;} .sticky-top-custom{position: sticky !important; top: 30px; z-index: 1;} .disabled{overflow: hidden; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; opacity: 0.6 !important; pointer-events: none;} .disabled:after{content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); left: 0; background-color: #ff7272; width: 100%; height: 1px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 1;} .disabled:before{content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); left: 0; background-color: #ff7272; width: 100%; height: 1px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 1;} .clock{border: 2px solid #212529; border-radius: 100%; width: 20px; height: 20px; background-color: #fff; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box;} .clock:before{border-radius: 3px; content: ""; position: absolute; -webkit-transform-origin: 1px 1px; transform-origin: 1px 1px; -webkit-transform: translateX(-1px); transform: translateX(-1px); top: 7px; left: 7px; margin: 0 0 0 0; height: 2px; width: 8px; background: #212529; -webkit-animation-name: clock; animation-name: clock; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: backward; animation-direction: backward; -webkit-animation-timing-function: linear; animation-timing-function: linear;} .clock:after{border-radius: 3px; content: ""; position: absolute; -webkit-transform-origin: 1px 1px; transform-origin: 1px 1px; -webkit-transform: translateX(-1px); transform: translateX(-1px); top: 7px; left: 7px; margin: 0 0 0 0; height: 2px; width: 5.26316px; background: #212529; -webkit-animation-name: clock; animation-name: clock; -webkit-animation-duration: 24s; animation-duration: 24s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: backward; animation-direction: backward; -webkit-animation-timing-function: linear; animation-timing-function: linear;} .product-slider-image{background-color: #f8f8f8; border: 1px solid #eee;} @-webkit-keyframes clock{0%{-webkit-transform: rotate(0deg); transform: rotate(0deg);} 100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}} @keyframes clock{0%{-webkit-transform: rotate(0deg); transform: rotate(0deg);} 100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}} .color-panel{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 6px;} .color-panel.coverflow ul li{width: 24px; height: 24px; border-radius: 100%; border: 2px solid #fff;} .color-panel.coverflow ul li + li{margin-left: -13px;} .color-panel.color-lg ul{gap: 7px;} .color-panel.color-lg li{width: 20px; height: 20px;} .color-panel ul{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4px;} .color-panel ul li{width: 15px; height: 15px; border-radius: 100%;} .color-panel span{font-size: 13px;} @-webkit-keyframes animName{0%{-webkit-transform: rotate(0deg); transform: rotate(0deg);} 100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}} @keyframes animName{0%{-webkit-transform: rotate(0deg); transform: rotate(0deg);} 100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}} .general-variant{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; margin-top: 10px;} .general-variant.color li{border-radius: 100%; width: 22px; height: 22px;} .general-variant.image li{width: 45px; height: 45px; background-color: #f8f8f8;} .general-variant.image li button{width: 100%; height: 100%;} .general-variant.image li img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;} .general-variant.rectangle li{width: auto; height: auto; padding: 6px 8px; font-size: 12px;} .general-variant.rectangle li button{font-weight: 500;} .general-variant.thumbnail{position: absolute; bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; left: 10px; gap: 10px; margin: 0;} .general-variant.thumbnail li{border-radius: 100%; overflow: hidden; border: 1px solid #fff;} .general-variant.thumbnail li button, .general-variant.thumbnail li img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;} .general-variant.thumbnail li.active{border-color: var(--theme-color);} .general-variant li{width: 35px; height: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #f8f8f8; display: flex; align-items: center; justify-content: center; border-radius: 4px;} .general-variant li button{outline: none; border: none; background: transparent; padding: 0;} @keyframes marquee-discount{0%{left: 0;} 100%{left: -100%;}} .tab-product, .product-full-tab{padding-top: 30px;} .tab-product .nav-material.nav-tabs, .product-full-tab .nav-material.nav-tabs{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: calc(10px + (15 - 10) * ((100vw - 320px) / (1920 - 320))); gap: calc(8px + (18 - 8) * ((100vw - 320px) / (1920 - 320))); overflow: auto; background-color: #f8f8f8; border: 1px solid #eee;} .tab-product .nav-material.nav-tabs.tab-style .nav-link, .product-full-tab .nav-material.nav-tabs.tab-style .nav-link{padding: 8px 10px;} .tab-product .nav-material.nav-tabs .nav-item .nav-link, .product-full-tab .nav-material.nav-tabs .nav-item .nav-link{color: #222; -webkit-box-shadow: none; box-shadow: none; text-align: center; padding: calc(5px + (10 - 5) * ((100vw - 320px) / (1920 - 320))) calc(10px + (25 - 10) * ((100vw - 320px) / (1920 - 320))); background-color: #fff; text-transform: capitalize; border: 1px solid #eee; font-weight: 500; font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320))); border-radius: 0;} .tab-product .nav-material.nav-tabs .nav-link.active, .product-full-tab .nav-material.nav-tabs .nav-link.active{color: white; background-color: var(--theme-color); font-weight: 600; border: 1px solid var(--theme-color);} .tab-product .nav-material.nav-tabs .nav-link.active ~ .material-border, .product-full-tab .nav-material.nav-tabs .nav-link.active ~ .material-border{-webkit-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 1;} .tab-product .theme-form label, .product-full-tab .theme-form label{font-weight: 500; color: #222;} .tab-product .theme-form input, .product-full-tab .theme-form input{border-color: #ddd; font-size: 15px; padding: 15px 25px; margin-bottom: 15px; height: inherit; text-align: left;} .tab-product .theme-form .btn-solid, .tab-product .theme-form .btn-outline, .product-full-tab .theme-form .btn-solid, .product-full-tab .theme-form .btn-outline{margin: 0 auto;} .tab-product .theme-form textarea, .product-full-tab .theme-form textarea{border-color: #ddd; font-size: 15px; padding: 17px 25px; margin-bottom: 15px; height: inherit;} .tab-product .tab-content.nav-material, .product-full-tab .tab-content.nav-material{padding: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320))); border: 1px solid #eee; border-top: none;} .tab-product .tab-content.nav-material p, .product-full-tab .tab-content.nav-material p{margin-bottom: 0; line-height: 1.5; font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));} .tab-product .tab-content.nav-material.vertical-tab, .product-full-tab .tab-content.nav-material.vertical-tab{margin-top: 15px;} .tab-product .product-tab-description .part, .product-full-tab .product-tab-description .part{margin-bottom: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));} .tab-product .product-tab-description .part p + p, .product-full-tab .product-tab-description .part p + p{margin-top: 4px;} .tab-product .product-tab-description .part .inner-title, .product-full-tab .product-tab-description .part .inner-title{font-weight: 600; text-transform: capitalize; margin-bottom: 8px;} .tab-product .product-tab-description .part:last-child, .product-full-tab .product-tab-description .part:last-child{margin-bottom: 0;} .tab-product .title, .product-full-tab .title{padding-right: 45px; color: var(--theme-color); padding-bottom: 20px;} .tab-product .theme-slider .slick-arrow, .product-full-tab .theme-slider .slick-arrow{top: -45px; height: auto;} .tab-product .theme-slider .slick-arrow :before, .product-full-tab .theme-slider .slick-arrow :before{color: #000; font-size: 18px;} .tab-product .product-box, .product-full-tab .product-box{position: relative; margin: 5px;} .tab-product .product-box:hover, .product-full-tab .product-box:hover{-webkit-box-shadow: 0 0 12px 0 #ddd; box-shadow: 0 0 12px 0 #ddd;} .tab-product .product-box:hover .lbl-1, .product-full-tab .product-box:hover .lbl-1{opacity: 1; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .tab-product .product-box:hover .lbl-2, .product-full-tab .product-box:hover .lbl-2{opacity: 1; -webkit-animation: flipInY 1000ms ease-in-out; animation: flipInY 1000ms ease-in-out;} .tab-product .product-box:hover .color-variant li, .product-full-tab .product-box:hover .color-variant li{opacity: 1 !important; -webkit-animation: fadeInUp 500ms ease-in-out; animation: fadeInUp 500ms ease-in-out;} .tab-product .product-box .img-block, .product-full-tab .product-box .img-block{min-height: unset;} .tab-product .product-box .cart-info, .product-full-tab .product-box .cart-info{position: absolute; padding: 10px 0; top: 25%; right: 15px; width: 40px; margin-right: 0;} .tab-product .product-box .cart-info i, .product-full-tab .product-box .cart-info i{padding-right: 0;} .tab-product .product-box .cart-info a, .tab-product .product-box .cart-info button, .product-full-tab .product-box .cart-info a, .product-full-tab .product-box .cart-info button{color: #333; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background-color: #fff; height: 35px; width: 35px; margin: 7px 0; border-radius: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 0; -webkit-box-shadow: 0 0 12px 0 #ddd; box-shadow: 0 0 12px 0 #ddd;} .tab-product .product-box .cart-info a :hover, .tab-product .product-box .cart-info button :hover, .product-full-tab .product-box .cart-info a :hover, .product-full-tab .product-box .cart-info button :hover{-webkit-transition: all 0.3s ease; transition: all 0.3s ease; color: var(--theme-color);} .tab-product .product-box .lbl-1, .product-full-tab .product-box .lbl-1{background-color: var(--theme-color); padding: 2px 20px 2px 10px; display: inline-block; text-align: center; color: #fff; position: absolute; left: 0; top: 15px; font-size: 14px; line-height: 1.5; opacity: 0;} .tab-product .product-box .lbl-1:before, .product-full-tab .product-box .lbl-1:before{content: ""; position: absolute; right: 0; top: 0; width: 0; height: 0; border-top: 12px solid var(--theme-color); border-bottom: 13px solid var(--theme-color); border-right: 7px solid #fff;} .tab-product .product-box .lbl-2, .product-full-tab .product-box .lbl-2{font-size: 14px; top: 15px; position: absolute; right: 10px; color: #333333; font-weight: 600; text-transform: capitalize; opacity: 0;} .tab-product .product-box a, .product-full-tab .product-box a{color: #0072bb; font-size: 15px; font-weight: 700; letter-spacing: 1px;} .tab-product .product-box .color-variant, .product-full-tab .product-box .color-variant{position: absolute; top: -35px; width: 100%;} .tab-product .product-box .slick-slide img, .product-full-tab .product-box .slick-slide img{display: block;} .tab-product .product-box .product-details, .product-full-tab .product-box .product-details{position: relative;} .tab-product .product-box .product-details .color-variant, .product-full-tab .product-box .product-details .color-variant{position: absolute; top: -35px; width: 100%;} .tab-product .product-box .product-details .color-variant li, .product-full-tab .product-box .product-details .color-variant li{opacity: 0; display: inline-block; height: 15px; width: 15px; border-radius: 100%; margin: 0 3px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer;} .tab-product .product-box .product-details h6, .product-full-tab .product-box .product-details h6{color: #333333; font-weight: 600; letter-spacing: 1px; text-transform: capitalize;} .tab-product .product-box .product-details .price, .product-full-tab .product-box .product-details .price{padding-bottom: 10px; font-size: 16px; color: var(--theme-color);} .question-answer li{display: block; margin-bottom: 25px; padding-bottom: 19px; border-bottom: 1px solid #eee;} .question-answer li .question-box{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 15px; margin-bottom: 15px;} .question-answer li .question-box h5{border: 1px solid #eee; background-color: #f8f8f8; text-transform: capitalize; font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); width: auto; height: 30px; font-weight: 600; padding-inline: 7px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0;} .question-answer li .question-box .link-dislike-box{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 13px; margin-left: auto;} .question-answer li .question-box .link-dislike-box li{margin: 0; padding: 0; border: unset;} .question-answer li .question-box .link-dislike-box li a span{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4px; color: rgba(74, 85, 104, 0.671);} .question-answer li .question-box .link-dislike-box li a span i{font-size: 16px;} .question-answer li .answer-box{display: -webkit-box; display: -ms-flexbox; display: flex; gap: 15px;} .question-answer li .answer-box h5{border: 1px solid transparent; background-color: var(--theme-color); color: #fff; text-transform: capitalize; font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); width: auto; font-weight: 600; padding-inline: 7px; height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0; margin-top: 3px;} .question-answer li .answer-box p{margin: 0; width: calc(100% - 15px - 30px); line-height: 1.5; color: #4a5568; letter-spacing: 0.6px;} .question-answer li h6{margin: 0; font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320))); font-weight: 600; letter-spacing: 0.02px; color: #222; line-height: 1.5;} .question-answer li:last-child{margin-bottom: 0; padding-bottom: 0; border-bottom: 0;} .question-answer li .report-text{text-align: right; font-size: 13px; color: rgba(74, 85, 104, 0.6); font-weight: 400; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 7px;} .question-answer li .report-text i{font-size: 15px;} .post-question-box{margin-bottom: 32px;} .post-question-box h4{color: #222; font-weight: 500; font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320))); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; line-height: 1.4;} .post-question-box h4 a{width: auto; display: inline-block; font-size: calc(14px + (17 - 14) * ((100vw - 320px) / (1920 - 320))); font-weight: 500; border: none; border-radius: 0; background-color: #f8f8f8; color: #222; padding: calc(9px + (12 - 9) * ((100vw - 320px) / (1920 - 320))) calc(16px + (22 - 16) * ((100vw - 320px) / (1920 - 320)));} .question-answer-modal h3{font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320))); line-height: 1.2; margin: 0; color: #222;} .question-answer-modal .btn-close{position: absolute; top: 15px; right: 15px; background-color: var(--theme-color); opacity: 1; background-image: none; border-radius: 0; font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320))); color: #fff; margin: 0; padding: 3px; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .question-answer-modal .product-wrapper{background-color: #f8f8f8; padding: 12px 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 11px; border: 1px solid #eee; margin-bottom: 20px;} .question-answer-modal .product-wrapper .product-image{width: 80px; height: 80px; background-color: #fff;} .question-answer-modal .product-wrapper .product-image img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;} .question-answer-modal .product-wrapper .product-content .name{margin-bottom: 0; font-weight: 500; line-height: 1.4;} .question-answer-modal .product-wrapper .product-content .price-number{margin-block: 3px 0; font-size: 16px; font-weight: 500;} .product-review-form .product-wrapper{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 17px 23px; gap: 14px; margin-bottom: 15px; background-color: #f8f8f8; border: 1px solid #eee;} .product-review-form .product-wrapper .product-image{width: 80px; border-radius: 0; overflow: hidden; background-color: #fff;} .product-review-form .product-wrapper .product-content .name{font-size: 16px; font-weight: 600; margin-bottom: 4px; line-height: 1.1;} .product-review-form .product-wrapper .product-content .product-review-rating{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 6px;} .product-review-form .product-wrapper .product-content .product-review-rating label{color: #777; font-weight: 400;} .product-review-form .product-wrapper .product-content .product-review-rating .price-number{color: #777; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 3px; margin: 5px 0 0; line-height: 1.3;} .product-review-form .product-wrapper .product-content .product-review-rating .rating-number{line-height: 1; margin-left: 8px; color: rgba(27, 27, 27, 0.6); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 3px;} .product-review-form .product-wrapper .product-content .product-review-rating .rating-number i{margin-top: -1px;} .product-review-form .product-wrapper .product-content .product-review-rating .product-rating .rating li{line-height: 1;} .product-review-form .product-wrapper .product-content .product-review-rating .product-rating span i{font-size: 20px; color: #ffa200;} .product-review-form .product-rating{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; margin-bottom: 10px;} .product-review-form .product-rating .price-number{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 3px; line-height: 1.2; font-weight: 500; margin-bottom: 0; color: #777;} .product-review-form .product-rating span i{font-size: 20px; color: #ffa200;} .product-review-form .review-box + .review-box{margin-top: 21px;} .product-review-form .review-box .product-review-rating{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 9px;} .product-review-form .review-box .product-review-rating .product-rating .rating li{line-height: 1;} .product-review-form .review-box .product-review-rating .product-rating .rating li i{font-size: 16px;} .review-title-2{border-top: 1px solid #eee; margin-top: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320))); padding-top: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));} .review-title-2 h4{font-weight: 600; text-transform: none; letter-spacing: unset; font-size: 20px; line-height: 1.3; margin-bottom: 4px;} .review-title-2 p{letter-spacing: unset; font-weight: 400; line-height: 1.4;} .review-title-2 button{text-transform: capitalize; padding: calc(11px + 2 * (100vw - 320px) / 1600) calc(11px + 12 * (100vw - 320px) / 1600); font-size: 16px; font-weight: 600; width: 100%; background-color: var(--theme-color); color: #fff; margin-top: 17px; border-radius: 0; border: 1px solid transparent;} .review-title-2 button:hover, .review-title-2 button:first-child:active{border-color: var(--theme-color); color: var(--theme-color); background-color: transparent;} .review-people{border-left: 1px solid #eee; padding-left: 23px; max-height: 400px; height: 100%; overflow: auto;} @media (max-width: 1199px){.review-people{padding-left: unset; padding-top: 23px; border-left: unset; border-top: 1px solid #eee; margin-top: 23px;}} .review-people::-webkit-scrollbar-track{border-radius: 10px; background-color: rgba(85, 85, 85, 0.14);} .review-people::-webkit-scrollbar{width: 4px; background-color: #f5f5f5; border-radius: 50px;} .review-people::-webkit-scrollbar-thumb{border-radius: 10px; background-color: rgba(85, 85, 85, 0.3);} @media (max-width: 991px){.review-people{border: none; padding: 0; margin-top: 25px;}} .review-people .review-list{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 17px;} .review-people .review-list li{display: block; width: 100%;} .review-people .review-list li .people-box{display: -webkit-box; display: -ms-flexbox; display: flex; gap: 15px; width: 100%; padding: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320))) calc(16px + (26 - 16) * ((100vw - 320px) / (1920 - 320))); background-color: #f8f8f8; border: 1px solid #eee;} @media (max-width: 480px){.review-people .review-list li .people-box{display: block;}} .review-people .review-list li .people-box:hover .reply a{opacity: 1;} .review-people .review-list li .people-box .people-image img{width: 100%; height: 100%; border-radius: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} @media (max-width: 575px){.review-people .review-list li .people-box .people-image img{border-radius: 8px;}} .review-people .review-list li .people-box .people-text .user-round{width: 70px; height: 70px; -o-object-fit: contain; object-fit: contain; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 34px; border-radius: 0; margin: 0 auto;} .review-people .review-list li .people-box .people-text .user-round h4{font-size: 41px; font-weight: 600; color: #232323; margin-bottom: 0;} .review-people .review-list li .people-box .name-user{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 70px; height: 70px; background-color: #ececec; border-radius: 10px; color: #4a5568;} .review-people .review-list li .people-box .name-user h3{font-size: 37px; font-weight: 600;} .review-people .review-list li .people-box .people-comment{width: calc(100% - 70px - 15px);} .review-people .review-list li .people-box .people-comment .people-name{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px;} @media (max-width: 400px){.review-people .review-list li .people-box .people-comment .people-name{display: block;}} .review-people .review-list li .people-box .people-comment .people-name .name{white-space: nowrap; display: block; font-weight: 600; font-size: calc(17px + (18 - 17) * ((100vw - 320px) / (1920 - 320))); color: #232323;} .review-people .review-list li .people-box .people-comment .people-name .name:hover{color: #232323;} .review-people .review-list li .people-box .people-comment .people-name h6{margin: 0; font-size: calc(13px + (15 - 13) * ((100vw - 320px) / (1920 - 320))); margin-right: auto;} .review-people .review-list li .people-box .people-comment .people-name .date-time{width: 100%; margin-top: 4px;} .review-people .review-list li .people-box .people-comment .people-name .date-time h6{font-size: 13px; color: #777; margin-block: 4px 6px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden;} .review-people .review-list li .people-box .people-comment .people-name .product-rating{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} @media (max-width: 400px){.review-people .review-list li .people-box .people-comment .people-name .product-rating{margin-top: 3px;}} .review-people .review-list li .people-box .people-comment .name{white-space: nowrap; display: block; font-weight: 600; font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320))); color: #656565;} .review-people .review-list li .people-box .people-comment .name:hover{color: var(--theme-color);} @media (max-width: 480px){.review-people .review-list li .people-box .people-comment{padding: 0; width: 100%; margin-top: 16px;}} .review-people .review-list li .people-box .people-comment .date-time{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin: 0;} .review-people .review-list li .people-box .people-comment .date-time h6{font-size: 13px; color: #777; margin: 0;} .review-people .review-list li .people-box .people-comment .product-rating .star-rating{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; width: unset;} .review-people .review-list li .people-box .people-comment .product-rating .star-rating .ri-star-fill{color: #ffa200;} .review-people .review-list li .people-box .people-comment .product-rating .star-rating .ri-star-line{color: #ffa200;} .review-people .review-list li .people-box .reply{margin-top: 6px; line-height: 1.6; color: #4a5568; position: relative;} .review-people .review-list li .people-box .reply p{margin: 0; line-height: 1.6; letter-spacing: unset; font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320)));} @media (max-width: 480px){.review-people .review-list li .people-box .reply p{width: 100%;}} @media (max-width: 400px){.review-people .review-list li .people-box .reply p{margin-top: 7px;}} .single-product-tables{margin-top: 10px; display: block;} .single-product-tables table{width: 30%;} .single-product-tables table tr{height: 35px; color: #6d6d6d; font-size: 16px; letter-spacing: 0.01em;} .single-product-tables table tr td:nth-child(2){font-weight: 500; color: black;} .single-product-tables.detail-section{margin-top: 0;} .single-product-tables.detail-section table{width: 55%;} .product-rating-box .base-rating i{font-size: calc(18px + (28 - 18) * ((100vw - 320px) / (1920 - 320))); color: #ffb321;} .product-rating-box .rating-number{font-weight: 700; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 5px; font-size: calc(32px + 10 * (100vw - 320px) / 1600);} .product-rating-box .rating-count{font-weight: 400; margin: 0; margin-top: calc(2px + 4 * (100vw - 320px) / 1600); font-size: calc(14px + 2 * (100vw - 320px) / 1600); color: #777; text-transform: unset; letter-spacing: unset;} .product-rating-box .progressbar-list li{width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px;} .product-rating-box .rating-box .product-rating span{font-size: calc(18px + (28 - 18) * ((100vw - 320px) / (1920 - 320)));} .product-rating-box .rating-box h4{font-weight: 400; margin: 0; margin-top: calc(2px + (6 - 2) * ((100vw - 320px) / (1920 - 320))); font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); color: #777; text-transform: unset; letter-spacing: unset;} .product-rating-box .product-main-rating{margin-bottom: calc(15px + (25 - 15) * ((100vw - 320px) / (1920 - 320))); padding-bottom: 20px; border-bottom: 1px solid #eee;} .product-rating-box .product-main-rating h3{font-size: 26px; font-weight: 600; color: #232323; letter-spacing: unset; margin-bottom: 10px;} .product-rating-box .product-main-rating h2{font-weight: 700; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 5px; font-size: calc(32px + (42 - 32) * ((100vw - 320px) / (1920 - 320)));} .product-rating-box .product-main-rating h2 i{font-size: calc(19px + (23 - 19) * ((100vw - 320px) / (1920 - 320))); font-weight: normal; color: #ffb321;} .product-rating-box .product-main-rating h5{line-height: 1.4; font-weight: 400; color: #4a5568; font-size: 17px;} .product-rating-box .product-rating-list{display: grid; gap: calc(7px + (12 - 7) * ((100vw - 320px) / (1920 - 320)));} .product-rating-box .product-rating-list li:nth-child(4) .rating-product .progress .progress-bar{background-color: #ffa53b;} .product-rating-box .product-rating-list li:last-child .rating-product .progress .progress-bar{background-color: #ff4f4f;} .product-rating-box .product-rating-list li .rating-product{display: -webkit-box; display: -ms-flexbox; display: flex; gap: 12px; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .product-rating-box .product-rating-list li .rating-product h5{white-space: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 3px; font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320))); width: calc(30px + (40 - 30) * ((100vw - 320px) / (1920 - 320))); font-weight: 600; margin: 0;} .product-rating-box .product-rating-list li .rating-product h5 i{font-size: 15px; font-weight: normal;} .product-rating-box .product-rating-list li .rating-product .progress{width: calc(100% - 12px - 28px - 15px); height: 9px; border-radius: 100px;} .product-rating-box .product-rating-list li .rating-product .progress .progress-bar{border-radius: 100px;} .product-rating-box .product-rating-list li .rating-product .total{white-space: nowrap; color: rgba(74, 85, 104, 0.878); font-size: 16px; font-weight: 400; width: 15px; display: block;} .details-sidebar-accordion{border: 1px solid #eee;} .details-sidebar-accordion .accordion-item{padding: 15px; background-color: #f9f9f9; border-radius: 0; border: none;} .details-sidebar-accordion .accordion-item .accordion-header{border-radius: 0;} .details-sidebar-accordion .accordion-item .accordion-header .accordion-button{color: #222; padding-inline: 0; -webkit-box-shadow: unset; box-shadow: unset; font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320))); font-weight: 500; background-color: #f9f9f9; border-radius: 0;} .details-sidebar-accordion .accordion-item .accordion-header .accordion-button:focus{-webkit-box-shadow: none; box-shadow: none; outline: none;} .details-sidebar-accordion .accordion-item .accordion-header .accordion-button.collapsed{padding-bottom: 0;} .details-sidebar-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed){font-weight: 600;} .details-sidebar-accordion .accordion-item .accordion-header .accordion-button::after{content: "\ea4e"; font-family: remixicon; font-style: normal; -webkit-font-smoothing: antialiased; width: auto; height: auto; font-size: 24px; background: unset; font-weight: 100; line-height: 1;} .details-sidebar-accordion .accordion-item .accordion-body{padding: 0; background-color: #f9f9f9; max-height: 160px; overflow: hidden auto;} .details-sidebar-accordion .accordion-item .accordion-body::-webkit-scrollbar{width: 4px; height: 5px;} .details-sidebar-accordion .accordion-item .accordion-body::-webkit-scrollbar-thumb{background: var(--theme-color);} .details-sidebar-accordion .accordion-item .accordion-body::-webkit-scrollbar-track{background: #eaeaea;} .details-sidebar-accordion .accordion-item .accordion-body .collection-listing li{width: 100%; margin-bottom: 10px;} .details-sidebar-accordion .accordion-item .accordion-body .collection-listing li .form-check{display: -webkit-box; display: -ms-flexbox; display: flex; min-height: unset; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; padding: 0;} .details-sidebar-accordion .accordion-item .accordion-body .collection-listing li .form-check .form-check-input{position: relative; width: 20px; height: 20px; background-color: #fff; float: unset; margin: 0; cursor: pointer; position: relative; border: unset; -webkit-filter: unset; filter: unset;} .details-sidebar-accordion .accordion-item .accordion-body .collection-listing li .form-check .form-check-input:focus{border-color: #dee2e6;} .details-sidebar-accordion .accordion-item .accordion-body .collection-listing li .form-check .form-check-input::after{content: ""; position: absolute; width: 21px; height: 21px; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; background-color: #fff; border: 2px solid #ececec; cursor: pointer;} .details-sidebar-accordion .accordion-item .accordion-body .collection-listing li .form-check .form-check-input::before{content: ""; position: absolute; width: 12px; height: 6px; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75), -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); -webkit-transform: rotate(-45deg) scale(0); transform: rotate(-45deg) scale(0); left: 4px; top: 6px; z-index: 1; border: 2px solid var(--theme-color); border-top-style: none; border-right-style: none;} .details-sidebar-accordion .accordion-item .accordion-body .collection-listing li .form-check .form-check-input:checked::before{-webkit-transform: rotate(-45deg) scale(1); transform: rotate(-45deg) scale(1);} .details-sidebar-accordion .accordion-item .accordion-body .collection-listing li .form-check .form-check-input:checked ~ .form-check-label{color: var(--theme-color);} .details-sidebar-accordion .accordion-item .accordion-body .collection-listing li .form-check .form-check-label{margin-bottom: 0; font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); font-weight: 500; line-height: 1; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; position: relative; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 6px; color: #777;} .details-sidebar-accordion .accordion-item .accordion-body .collection-listing li .form-check .form-check-label .star-rating .ri-star-fill{color: #ffa200;} .details-sidebar-accordion .accordion-item .accordion-body .collection-listing li .form-check .form-check-label .star-rating .ri-star-line{color: #ffa200;} .details-sidebar-accordion .accordion-item .accordion-body .collection-listing li:last-child{margin-bottom: 0;} .details-sidebar-accordion .accordion-item .accordion-body.price-body{height: auto; padding-bottom: 0;} .details-sidebar-accordion.top-filter-accordion .accordion-item .accordion-header .accordion-button{background-color: #f9f9f9;} .details-sidebar-accordion.top-filter-accordion .accordion-item .accordion-body{background-color: #f9f9f9;} .theme-card.product-card{margin-top: 25px;} .theme-card.product-card .card-title{font-weight: 600; margin-bottom: 15px; border-bottom: 1px solid #eee;} .theme-card.product-card .media-list .media{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 15px; margin-bottom: 15px;} .theme-card.product-card .media-list .media:last-child{margin-bottom: 0;} .theme-card.product-card .media-list .media .product-sm{width: 95px; height: 95px; -o-object-fit: cover; object-fit: cover; background-color: #f8f8f8; border: 1px solid #eee; margin: 0;} .theme-card.product-card .media-list .media .media-body .rating{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .theme-card.product-card .media-list .media .media-body .rating i{font-size: 16px; padding: 0; color: #ffa200;} .theme-card.product-card .media-list .media .media-body a h6{font-weight: 500; font-size: 16px; color: #777;} .theme-card.product-card .media-list .media .media-body h4{font-weight: 600; font-size: 18px; color: #222;} .product-service{margin-top: 25px; padding: 20px; background-color: #f9f9f9; border: 1px solid #eee;} .product-service .media{padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #eee;} .product-service .media:last-child{margin-bottom: 0; border-bottom: none;} .product-service .media svg{height: 40px; width: 40px; fill: var(--theme-color);} .product-service .media svg path{fill: var(--theme-color);} .product-service .media .media-body{padding-left: 10px;} .product-service .media .media-body h4{margin-bottom: calc(4px + (8 - 4) * ((100vw - 320px) / (1920 - 320))); font-size: 16px; font-weight: 600;} .product-service .media .media-body p{font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); font-weight: 400; margin-bottom: 0; text-transform: capitalize;} .product-service .media:last-child{padding-bottom: 0;} .border-product{padding-top: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320))); margin-top: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320))); border-top: 1px dashed #eee;} .border-product .bundle{margin-top: 10px;} .border-product .bundle .bundle-image-box{border-radius: 8px; overflow: hidden;} .border-product .bundle .bundle-image-box .bundle-box{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 15px; border: 1px solid #eee; padding: 12px 12px; background-color: #f8f8f8; position: relative; text-align: left;} .border-product .bundle .bundle-image-box .bundle-box + .bundle-box{border-top: 1px solid #eee;} .border-product .bundle .bundle-image-box .bundle-box .form-check{min-height: unset; padding: 0; margin: 0; position: absolute; top: 12px; right: 12px;} .border-product .bundle .bundle-image-box .bundle-box .form-check .form-check-input{float: unset; margin: 0; -webkit-filter: unset; filter: unset;} .border-product .bundle .bundle-image-box .bundle-box .bundle-image{width: 70px; height: 70px; background-color: #fff;} .border-product .bundle .bundle-image-box .bundle-box .bundle-image img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain;} .border-product .bundle .bundle-image-box .bundle-box .bundle-content{width: calc(100% - 15px - 70px);} .border-product .bundle .bundle-image-box .bundle-box .bundle-content h3{font-weight: 500; margin: 0; font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320))); letter-spacing: 1.4px; margin-top: 9px; color: var(--theme-color);} .border-product .bundle .bundle-image-box .bundle-box .bundle-content .product-page-details{position: unset; inset: unset;} .border-product .bundle .bundle-image-box .bundle-box .bundle-content select{margin-left: 0; font-size: 14px; font-weight: 500; padding-block: 6px; color: #777; border: none; margin-top: calc(6px + (11 - 6) * ((100vw - 320px) / (1920 - 320))); text-transform: capitalize; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content;} .border-product .bundle .bundle-image-box .bundle-box .bundle-content h4{font-size: 16px; font-weight: 500; letter-spacing: unset; text-transform: unset; margin-bottom: 0; white-space: nowrap; width: 86%; color: #232323; overflow: hidden; text-overflow: ellipsis;} .border-product .bundle .bundle-image-box .bundle-box .bundle-content .content-list{display: grid; list-style-type: disc; padding-left: 1.1rem; gap: 4px; margin-top: 16px;} .border-product .bundle .bundle-image-box .bundle-box .bundle-content .content-list li{display: list-item; text-decoration: underline;} .border-product .bundle .bundle-title{margin-top: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320))); line-height: 1.3; color: #222; text-transform: capitalize; font-weight: 600; margin-bottom: 5px; font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));} .border-product .bundle .total-price{font-size: calc(20px + (22 - 20) * ((100vw - 320px) / (1920 - 320))); font-weight: 600; color: var(--theme-color);} .border-product .bundle .bundle-btn{text-transform: capitalize; padding: calc(9px + (13 - 9) * ((100vw - 320px) / (1920 - 320))) calc(18px + (23 - 18) * ((100vw - 320px) / (1920 - 320))); font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); font-weight: 600;} .border-product .bundle .bundle_detail{margin-top: 15px;} .border-product .bundle .bundle_detail .price_product{color: #222; padding-left: 3px; font-weight: 600;} .compare-btn-box{position: fixed; bottom: 50px; right: 90px; z-index: 10; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; opacity: 0; visibility: hidden;} .compare-btn-box.show{opacity: 1; visibility: visible;} .compare-btn-box .compare-btn{position: relative; inset: unset; display: block; font-size: 14px; font-weight: 500; text-transform: uppercase; padding: 10px; color: #fff; background-color: var(--theme-color);} .notification-wrap{position: fixed; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 101; top: -1999px; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; -webkit-box-shadow: 0 0px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 0px 8px rgba(0, 0, 0, 0.1);} .notification-wrap .notification{border-radius: 2px; background-color: #d1e7dd; padding: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; position: relative;} .notification-wrap .notification h5{font-size: 14px; color: #0d462c !important; font-weight: 500; margin-bottom: 0;} .notification-wrap .notification i{font-size: 20px; font-weight: 500; color: #0d462c !important;} .notification-wrap .progress-bar{height: 5px; background-color: #d1e7dd; border-color: #d1e7dd;} .notification-wrap .progress-bar .progress{border-radius: 0%; background-color: #0d462ca2;} .notification-wrap.show{top: 15px;} :root{--theme-color: #ec8951; --bs-table-color: #222;} .pl-40{padding-left: 40px;} .mt-40{margin-top: 40px;} .mt-50{margin-top: 50px;} .warning-block{background-color: rgba(255, 166, 64, 0.5); padding: 20px; border-left: 5px solid #ff9f40;} .dark-block{background-color: rgba(224, 217, 209, 0.3); padding: 20px; border-left: 5px solid #2f3c4e;} ul.list-style{margin-bottom: 2rem;} ul.list-style li{margin-bottom: 0.5rem; list-style-type: circle;} ul.list-style li:last-child{margin-bottom: 0;} .card{margin-bottom: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320))); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; letter-spacing: 0.5px; border-radius: 5px; -webkit-box-shadow: 0 0 8px #e1e1e1; box-shadow: 0 0 8px #e1e1e1; border: 0; background-color: unset;} .card .card-header{padding: calc(10px + (14 - 10) * ((100vw - 320px) / (1920 - 320))) calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320))); border-bottom: 0;} .card .card-header h5{font-weight: 400; text-transform: uppercase; font-size: 17px;} .card .card-body{border: none; padding: 0;} .border-img{border: 1px solid #eee;} .page-footer{margin: 0; display: block; padding: 0;} .page-footer .page-changes-summary{border-top: 2px solid #e8ebf2; margin-top: 25px; margin-bottom: 25px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 25px;} .page-footer .page-changes-summary .contributors{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .page-footer .page-changes-summary .contributors .avtar-list{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .page-footer .page-changes-summary .contributors .avtar-list .page-edit-date i{margin-right: 5px; color: #898989; font-size: 20px;} .page-footer .page-changes-summary .contributors .page-rating{display: -webkit-box; display: -ms-flexbox; display: flex;} .page-footer .page-changes-summary .contributors .page-rating .page-rating-title{margin-right: 15px;} .page-footer .page-changes-summary .contributors .page-rating .page-rating-icons span{color: #74818d; width: 1.4em; cursor: pointer; height: 1.4em; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: 18px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #e6ecf1; margin: 0px 8px; padding: 0px; border-radius: 50%; -webkit-transition: background-color 250ms ease 0s, color 250ms ease 0s, tranform 250ms ease 0s; transition: background-color 250ms ease 0s, color 250ms ease 0s, tranform 250ms ease 0s;} .page-footer .page-changes-summary .contributors .page-rating .page-rating-icons span:hover{background-color: #a5a5a5; color: white; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .page-footer .page-changes-summary .contributors .page-rating .page-rating-icons span:nth-child(2):hover{background-color: #ffbc58;} .page-footer .page-changes-summary .contributors .page-rating .page-rating-icons span:nth-child(3):hover{background-color: #81ba00;} .page-footer .avtar-list img{width: 30px;} .btn-group-element{margin-bottom: -15px;} .btn-group-element > *{margin-bottom: 15px;} .m-width{max-width: 1550px;} .main-title{color: #333; letter-spacing: 1px; margin-bottom: 20px; font-weight: 700;} .border-shape{display: block; left: 0; margin: 15px auto; position: relative; right: 0; text-align: center; top: 0; width: 80px; height: 4px;} .features{background-color: white; border-radius: 15px; border: 1px solid #ddd; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .features .f-block{display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;} .features .f-block:nth-child(6n){border-right: none;} .features .f-block:nth-child(19), .features .f-block:last-child{border-bottom: none;} .features .f-block:hover img{-webkit-box-shadow: 0 0 35px white; box-shadow: 0 0 35px white; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .features .f-block:focus img{background-color: yellow;} .features .f-block:last-child{border-right: none;} .features .f-block img{border-radius: 100%; width: 80px; overflow: hidden; -webkit-transition: all 0.9s ease-out; transition: all 0.9s ease-out;} .features .f-block h6{-webkit-transition: all 0.9s ease-out; transition: all 0.9s ease-out;} .features .f-block h6{font-weight: 700; color: #777; text-align: center; margin-top: 10px; font-size: 14px;} .star-sec{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .star-sec .fa-star{color: #f2b827; margin-right: 5px;} .right-star{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .right-star p{margin-bottom: 0;} .right-star p span{color: #0084b4;} .review-sec .review-header{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .review-sec .card-body p{color: #666666; font-size: 16px; font-weight: 400; line-height: 1.8; padding: 0;} .review-sec .card-body .media{margin-bottom: 20px;} .review-sec .btn{font-weight: 600;} .brand-sec{cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none;} .brand-sec h3{font-size: 24px; font-weight: 500; line-height: 1.5; overflow-wrap: break-word; color: #242a31; margin-top: 0; margin-bottom: 0; margin-left: 10px;} .quick-links h5{padding: 15px 20px; margin-bottom: 10px; background-color: rgba(0, 0, 0, 0.05); text-transform: uppercase; font-weight: 700; font-size: 15px; color: #2a3142;} .quick-links li{padding-bottom: 5px;} .quick-links li a{font-size: 14px; color: #898989; font-weight: 600;} .quick-links li a:hover{letter-spacing: 1.5px; color: var(--theme-color);} .main-table-sec h5{color: #242a31; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; margin-bottom: 24px;} .main-table-sec .table-wrapper{margin: 0; display: block; padding: 0; overflow: visible; position: relative;} .main-table-sec .table-wrapper .table-scroll{margin: 0; display: block; padding: 0; overflow: auto; position: relative;} .main-table-sec .table-wrapper .table-scroll table{width: 100%; position: relative; border-collapse: collapse; page-break-inside: auto; font-size: 15px;} .main-table-sec .table-wrapper .table-scroll table tr:first-child{border-bottom: 1px solid #e8ebf2;} .main-table-sec .table-wrapper .table-scroll table tr:first-child span{font-size: 16px; font-weight: 600; color: #2a3142;} .main-table-sec .table-wrapper .table-scroll table tr td{width: auto; padding: 8px; position: relative; -ms-flex-item-align: start; align-self: start; border-top: none; -ms-flex-align: start; align-items: start; border-right: none; border-bottom: none; -webkit-box-align: start; text-align: left;} .main-table-sec .table-wrapper .table-scroll table tr td span{font-size: 100%; font-weight: 500; line-height: 1.625; margin-right: 5px;} .link-primary{color: var(--theme-color); cursor: pointer; text-decoration: none; opacity: 0.7;} .link-primary:hover{color: var(--theme-color); opacity: 1;} .mode{font-weight: 700; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .mode i{font-size: 16px; font-weight: 600; margin-right: 5px; vertical-align: middle; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .menu > .nav-item > .nav-link{padding: 25px; line-height: 1.4; font-weight: 600; color: #2a3142; letter-spacing: 1px;} .menu > .nav-item:hover > i{color: var(--theme-color);} .menu > .nav-item:hover .nav-link{color: var(--theme-color);} .menu > .nav-item.active > i{color: var(--theme-color);} .menu > .nav-item.active .nav-link{color: var(--theme-color);} .menu > .nav-item.active .nav-link:before{-webkit-transform: scaleX(1); transform: scaleX(1); opacity: 1; background: #209ff0;} .nav_btn{font-size: 14px; font-weight: 500; padding: 8px 25px; text-align: center; border-radius: 4px; border: 2px solid white; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; margin-left: 80px; background: white; color: var(--theme-color);} .nav_btn:hover{background: var(--theme-color); border-color: var(--theme-color); color: white;} .nav_btn:hover i{color: white;} .nav_btn.icon-btn{border-color: #79ccde;} .nav_btn.icon-btn i{color: #79ccde; padding-right: 10px;} .mcsb-inside > .mcsb-container{margin-right: 0;} .mobile_dropdown_icon{display: none;} .navbar-brand img + img{display: none;} .menu_one{background: white; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); position: fixed; width: 100%; top: 0; left: 0;} .menu_one + div{margin-top: 100px;} .menu_one + section{margin-top: 100px;} .menu_one .menu > .nav-item .nav-link{position: relative; color: #6b707f; font-weight: 600;} .menu_one .menu > .nav-item:hover > .nav-link{color: var(--theme-color);} .menu_one .menu > .nav-item.active > .nav-link{color: var(--theme-color);} .navbar_fixed{position: fixed;} .navbar_fixed.menu_one{-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); background: white; -webkit-transition: all 0.2s, top 0.4s linear; transition: all 0.2s, top 0.4s linear; margin-top: 0;} .navbar_fixed.menu_one .menu > .nav-item{padding-bottom: 25px; padding-top: 25px;} .navbar_fixed.menu_one .menu > .nav-item > .nav-link{color: #6b707f;} .navbar_fixed.menu_one .menu > .nav-item:hover > .nav-link{color: var(--theme-color);} .navbar_fixed.menu_one .menu > .nav-item.active > .nav-link{color: var(--theme-color);} .navbar_fixed.menu_one .nav_btn{color: var(--theme-color); border: 2px solid #79ccde;} .navbar_fixed.menu_one .nav_btn:hover{background: var(--theme-color); color: white; border-color: var(--theme-color);} .navbar-toggler{padding-right: 0; padding-left: 0;} .navbar-toggler:focus{-webkit-box-shadow: none; box-shadow: none;} .menu_toggle{width: 22px; height: 22px; position: relative; cursor: pointer; display: block;} .overlay_bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(9, 19, 50, 0.8);} .document-area{z-index: 0;} .document-area .overlay_bg{position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #1d2746; opacity: 0; z-index: 1; visibility: hidden; -webkit-transition: all 0.4s linear; transition: all 0.4s linear;} .document-area .shortcode_title{margin-bottom: 40px;} .document-area .shortcode_title h1{font-size: 30px; font-weight: 500; margin-bottom: 12px;} .document-area .shortcode_title h4{margin-bottom: 15px;} .document-area .shortcode_title p span{font-weight: 500;} .document-area .shortcode_title .s_title{margin-bottom: 10px;} .document-area .shortcode_title + ul{margin-top: -0.8rem;} .nav-sidebar{margin-bottom: 0;} .nav-sidebar .nav-item{margin-bottom: 5px; position: relative; border-radius: 5px; cursor: pointer; width: 100%;} .nav-sidebar .nav-item > .nav-link .icon{font-size: 20px; color: #6b707f; float: right; position: absolute; right: 30px; top: -2px; -webkit-transition: all 0.3s linear; transition: all 0.3s linear;} .nav-sidebar .nav-item.active .icon{color: var(--theme-color); -webkit-transform: rotate(-180deg); transform: rotate(-180deg);} .nav-sidebar + .nav-sidebar{border-top: 1px solid #e5e9eb; padding-top: 20px;} .documentation_info .anchorjs-link{font-size: 22px !important;} .mCSB_scrollTools{width: 0;} .mobile_menu{width: 300px; position: fixed; height: 100vh; max-height: 100vh !important; top: 0; background: white; right: -300px; z-index: 1050; -webkit-transition: all 0.4s linear; transition: all 0.4s linear;} .mobile_menu .left-sidebar{padding-left: 20px;} .mobile_menu .left-sidebar:before{display: none;} .mobile_menu .close_nav{padding-top: 20px; padding-left: 30px; font-size: 28px;} .mobile_menu.open{right: 0;} .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width: 230px;} .row.doc-container{padding-top: 100px;} .fontsize-controllers .btn-group{border: 1px solid #dfe2e4; background-color: white; -webkit-box-shadow: 0 1px 0 0 rgba(3, 13, 37, 0.2), inset 0 -8px 14px 0 rgba(3, 13, 37, 0.1); box-shadow: 0 1px 0 0 rgba(3, 13, 37, 0.2), inset 0 -8px 14px 0 rgba(3, 13, 37, 0.1); border-radius: 4px;} .fontsize-controllers .btn-group .btn{font-size: 16px; font-weight: 400; color: #1d2746; line-height: 1.2; border: 0;} .fontsize-controllers .btn-group .btn:focus{outline: none; -webkit-box-shadow: none; box-shadow: none; background: #eff0f1;} .shortcode_text .shortcode_title p{margin-bottom: 20px;} .shortcode_text ul li{margin-bottom: 6px;} .shortcode_text ul li a{color: #6b707f;} .shortcode_text ul li a:hover{color: var(--theme-color);} .toggle_body{border: 1px solid #e8ecee; padding: 25px 30px; border-top: 0; border-radius: 4px; line-height: 1.7;} .toggle-code{padding-bottom: 60px;} .toggle_btn{display: block; font-weight: 500; color: #1d2746; background: #f0f2f5; text-align: left; border-radius: 4px; position: relative; font-size: 18px; padding: 15px 30px;} .toggle_btn:before{content: "C"; position: absolute; font-size: 18px; font-family: ElegantIcons; right: 30px; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 0.2s linear; transition: all 0.2s linear; color: var(--theme-color);} .toggle_btn:focus{color: #1d2746;} .toggle_btn.collapsed:before{-webkit-transform: rotate(0deg); transform: rotate(0deg); color: #1d2746;} .toggle_body{border: 1px solid #e8ecee; padding: 25px 30px; border-top: 0; border-radius: 4px;} .doc_accordion{border: 0; margin-bottom: 5px;} .doc_accordion .card-header{border-radius: 0; border: 0; background: transparent; padding: 0;} .doc_accordion .card-header button{padding: 12px 30px; border-radius: 4px; text-align: left; width: 100%; font-size: 16px; color: #1d2746; font-weight: 500; background: #f0f2f5; text-decoration: none; position: relative;} .doc_accordion .card-header button i{position: absolute; right: 30px; color: var(--theme-color); font-size: 22px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: none; -webkit-transition: all 0.2s linear; transition: all 0.2s linear;} .doc_accordion .card-header button i + i{display: block;} .doc_accordion .card-header button.collapsed i{display: block; color: #6b707f;} .doc_accordion .card-header button.collapsed i + i{display: none;} .modal-open{padding-right: 0 !important;} .btn_bg{padding: 15px 78px;} .icon_btn{border: 2px solid #79ccde; margin-left: 0; background: #f8fdfe;} .icon_btn i{padding-right: 7px;} .icon_btn:hover{border-color: var(--theme-color);} .arrow_btn_medium{padding: 13px 28px;} .arrow_btn_big{padding: 18px 44px; font-size: 18px;} .arrow_btn_big i{font-size: 28px; padding-left: 12px;} .border_bottom{width: 100%; height: 1px; background: #e8f0f1;} .getting-started-sec .alert-box{position: relative; padding: 30px; border-radius: 16px;} .getting-started-sec .alert-box.alert-primary{color: var(--theme-color); background-color: rgba(var(--theme-color), 0.15); border: none;} .getting-started-sec .alert-box .fa-exclamation-circle{color: var(--theme-color); margin-right: 15px; font-size: 25px;} .getting-started-sec .alert-box p{font-size: 16px; font-weight: 400; line-height: 1.625;} .gulp-section .card-body ul{padding-left: 40px;} .gulp-section .card-body ul li{list-style: disc; margin-bottom: 10px;} .gulp-section .card-body .list-none{padding-left: 25px;} .gulp-section .card-body .list-none li{list-style: none;} .new-arrival-sec.card .card-body .arrival-content-main{padding: 30px; margin-bottom: 20px;} .new-arrival-sec.card .card-body .arrival-content-main .arrival-content{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .new-arrival-sec.card .card-body .arrival-content-main .arrival-content i{font-size: 25px; color: #9c9999;} .new-arrival-sec.card .card-body .arrival-content-main .arrival-content h5{color: #9c9999; margin-left: 15px; margin-bottom: 0;} .new-arrival-sec.card .card-body .arrival-content-main:hover{background-color: rgba(var(--theme-color), 0.1); border: 1px solid var(--theme-color); border-radius: 25px;} .new-arrival-sec.card .card-body .arrival-content-main:hover h5, .new-arrival-sec.card .card-body .arrival-content-main:hover i{color: var(--theme-color);} .custom-scrollbar.page-sidebar{position: fixed;} .page-right-sidebar.page-sidebar{-webkit-box-shadow: 0 0 21px 0 rgba(89, 102, 122, 0.1); box-shadow: 0 0 21px 0 rgba(89, 102, 122, 0.1); width: 255px; position: fixed; background: white; height: calc(100vh); z-index: 9; -webkit-transition: 0.5s; transition: 0.5s; color: #000; top: 0; padding-top: 150px;} .nav-link{color: #2a3142; position: relative;} .nav-link.active{color: var(--theme-color);} .change-log-content{padding-top: 15px;} .change-log-content .change-log-date{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; text-align: right;} .change-log-content .change-log-date h6{font-size: 20px; font-weight: 700; margin-bottom: 0;} .change-log-content .change-log-date p{font-size: 14px; margin-bottom: 0; color: #6b707f;} .change-log-content .log-version-info{margin-right: 15px; position: relative; height: 100%;} .change-log-content .log-version-info .log-version{-webkit-box-flex: 1; -ms-flex: 1; flex: 1; background: var(--theme-color); text-align: center; font-size: 14px; font-weight: 400; height: 26px; line-height: 27px; border-radius: 3px; color: white; min-width: 50px; max-width: 60px; display: block; margin: 0 auto;} .change-log-content .log-version-info .log-line{height: 105%; width: 2px; background: #e2e5ee; position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: -1;} .right-log-content{padding-bottom: 50px;} .right-log-content p{display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 15px; font-size: 14px;} .right-log-content span{font-weight: 500; font-size: 12px; padding: 0 10px; text-transform: uppercase; min-width: 130px; display: inline-block; text-align: center; line-height: 23px; margin-right: 20px; height: 22px; -webkit-box-flex: 0; -ms-flex: 0; flex: 0; letter-spacing: 0.8px; border-radius: 20px;} .right-log-content span.log-improve{border: 1px solid #13c9ca; color: #13c9ca;} .right-log-content span.log-new{border: 1px solid #81ba00; color: #81ba00;} .right-log-content span.log-update{border: 1px solid #ffbc58; color: #ffbc58;} .right-log-content span.log-fixed{border: 1px solid #00a8ff; color: #00a8ff;} .right-log-content .log-download-links{border-top: 1px dotted rgba(51, 51, 51, 0.2);} .right-log-content .log-btn{font-size: 14px; color: #777c8a; font-weight: 500; margin-top: 12px; display: inline-block; opacity: 0.6;} .right-log-content .log-btn i{margin-right: 10px;} .right-log-content .log-btn + .log-btn{margin-left: 28px;} .custom-container{padding-left: 80px; padding-right: 80px;} .left-sidebar .sticky-sidebar{position: sticky !important; z-index: 1; overflow-y: auto; top: 60px;} .left-sidebar h2{margin-bottom: 25px;} .left-sidebar::-webkit-scrollbar{width: 0px;} .content.component-col{padding-right: 12px;} .document-main{padding-top: 100px;} .right-sidebar{width: 300px; position: fixed; top: 75px; padding-top: 30px; right: 80px;} .nav-right{display: -webkit-box; display: -ms-flexbox; display: flex;} .nav-sidebar > .nav-item .title{margin-bottom: 0; margin-top: 3px; position: relative; padding: 11px 20px; background-color: #f6f6f6; font-weight: 600; letter-spacing: 1.3px; color: #868686; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .nav-sidebar > .nav-item img{width: 20px; margin-right: 10px;} .nav-sidebar > .nav-item .icon{top: 15px; right: 20px; position: absolute; color: #a7a7a7; font-size: 14px; -webkit-transform: rotate(0deg); transform: rotate(0deg); cursor: pointer;} .nav-sidebar > .nav-item .icon i{display: inline-block;} .nav-sidebar > .nav-item .icon i + i{display: none;} .nav-sidebar .nav-item .title.active .icon i{display: none;} .nav-sidebar .nav-item .title.active .icon i + i{display: inline-block;} .parent-title{margin-top: 30px; padding: 15px 20px; line-height: 1.4; margin-bottom: 10px; background-color: rgba(0, 0, 0, 0.05); text-transform: uppercase; font-weight: 700; color: #606060;} .dropdown-nav{padding: 15px 30px; list-style: none;} .dropdown-nav li a{font-size: 14px; font-weight: 600; line-height: 30px; color: #898989; padding: 0;} .direct .nav-link{padding: 15px 20px; line-height: 1.4; margin-bottom: 10px; background-color: #f8f8f8; font-weight: 700; color: #606060; text-transform: capitalize; font-size: 16px; border-radius: 0;} .direct .nav-link.active{color: var(--theme-color); border-left: 3px solid var(--theme-color);} .img-border{padding: 5px; border: 2px dashed black; width: 100%;} .appDesc{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important;} .main-title{color: #333; letter-spacing: 1px; margin-bottom: 20px; font-weight: 700;} hr.style-element{margin: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320))) 0; background-color: #eee; border-color: #eee; opacity: 1;} .code-section{border: 1px solid #eee; border-radius: 0;} .code-section .nav-tabs{border-bottom: 1px solid #eee; padding: 10px;} .code-section .nav-tabs .nav-link{cursor: pointer;} .code-section .nav-tabs .nav-link.active{border-radius: 0; color: #333; background-color: #ddd; font-weight: 600;} .code-section pre[class*="language-"]{margin: 0;} .code-section .code-box-copy pre[class*="language-"]{border: 0; border-radius: 0; background: #f8f8f8; max-height: 450px; overflow: auto;} .code-section .code-box-copy__btn{opacity: 1; position: absolute; top: -49px; right: 11px; width: auto; height: 38px; background-color: #333333; border: 1px solid #eee; color: #fff; border-radius: 0; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; padding: 0 12px; font-weight: 600;} .code-section .code-box-copy__btn i{margin-right: 10px; font-weight: normal;} .code-box-copy{display: block !important;} .setting-sidebar{z-index: 9; padding: calc(9px + (12 - 9) * ((100vw - 320px) / (1920 - 320))) calc(8px + (10 - 8) * ((100vw - 320px) / (1920 - 320))); color: #fff; border: none;} .setting-sidebar i{color: #fff; font-weight: 400; font-size: 16px;} .scroll-setting-box ::-webkit-scrollbar{width: 4px; height: 7px;} .scroll-setting-box ::-webkit-scrollbar-track{background: #ddd;} .scroll-setting-box ::-webkit-scrollbar-thumb{background: #888; border-radius: 0;} .scroll-setting-box ::-webkit-scrollbar-thumb:hover{background: #555;} .setting_box_body{position: relative; background-color: #fff; z-index: 10; height: calc(100vh - 67px);} .scroll-setting-box ::-webkit-scrollbar{width: 4px; height: 7px;} .scroll-setting-box ::-webkit-scrollbar-track{background: #ddd;} .scroll-setting-box ::-webkit-scrollbar-thumb{background: #888; border-radius: 0;} .scroll-setting-box ::-webkit-scrollbar-thumb:hover{background: #555;} .setting-box{position: fixed; height: 100vh; overflow-y: auto; width: 450px; right: -670px; background-color: #fff; top: 0; z-index: 10; -webkit-box-shadow: 0 15px 5px 0 rgba(77, 77, 77, 0.28); box-shadow: 0 15px 5px 0 rgba(77, 77, 77, 0.28); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .setting-box .form-switch{padding: 0; margin: 0; min-height: unset;} .setting-box .form-switch .form-check-input{height: 22px; width: 44px; cursor: pointer; border: 1px solid #eee; -webkit-filter: unset; filter: unset; margin: 0; position: relative; background-color: transparent; background-image: unset;} .setting-box .form-switch .form-check-input:focus{background-image: unset; border-color: #dee2e6;} .setting-box .form-switch .form-check-input:checked{background-color: var(--theme-color);} .setting-box .form-switch .form-check-input:checked::before{left: unset; right: 3px; background-color: #fff;} .setting-box .form-switch .form-check-input::before{content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 3px; background-color: #bfbfbf; border-radius: 100%; width: 15px; height: 15px;} .setting-box.open-setting{right: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .setting-box.open-setting .overlay{visibility: visible; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .setting-box .setting-inner-title a{font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); font-weight: 500; color: #222; line-height: 24px;} .setting-box .setting-body{padding: 0 calc(12px + (20 - 12) * ((100vw - 320px) / (1920 - 320)));} .setting-box .accordion-item{border-radius: 0; border: none; background-color: transparent;} .setting-box .accordion-body{padding: 0;} .setting-box .accordion-button{background-color: transparent; -webkit-box-shadow: none; box-shadow: none; border-bottom: 1px dashed #eee; text-align: unset; font-weight: 500; padding: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320))); font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; z-index: 0; color: #222;} .setting-box .accordion-button::after{width: unset; height: unset; content: "\ea4e"; font-family: remixicon; font-style: normal; -webkit-font-smoothing: antialiased; line-height: 1; background: unset; font-size: 23px; font-weight: 400; margin: 0; color: #777;} .setting-box .accordion-button .setting-description-text{display: grid; gap: 5px;} .setting-box .accordion-button .setting-description-text .setting-title-content{font-weight: 500; font-size: 16px; color: #222;} .setting-box .accordion-button .setting-description-text .setting-content{font-weight: 400; font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320))); color: #777777;} .setting-box .setting-section{border-bottom: 1px dashed #eee; font-weight: 500; padding: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320))); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} .setting-box .setting-inner-title h5, .setting-box .setting-inner-title p{margin-bottom: 0;} .setting-box .setting-inner-title p{font-weight: 400; font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));} .setting-box .setting-inner-title h5{font-weight: 500; font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));} .setting-box .setting-title{border-bottom: 1px solid #efefef; margin-bottom: 0; padding: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320))) calc(12px + (20 - 12) * ((100vw - 320px) / (1920 - 320))); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #f8f8f8; position: sticky; top: 0; z-index: 11;} .setting-box .setting-title .close-icon{width: 26px; height: 26px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; border: 1px solid #eee; font-size: 12px; cursor: pointer;} .setting-box .setting-title .close-icon i{color: #222;} .setting-box .setting-title h4{font-weight: 600;} .setting-box .setting-title h3{line-height: 31px; margin-top: 10px; text-transform: capitalize; font-size: 20px; margin-bottom: 0; color: #a3a3a3;} .setting-box .setting-title h3 span{font-family: "Yellowtail", cursive; color: #f54c3b; text-transform: uppercase;} .setting-box .setting-title h4{position: relative; margin-bottom: 0; cursor: pointer;} .setting-box .setting-title.active .according-menu:before{content: "\f068"; position: absolute; right: 2px; top: 2px;} .setting-box .setting-title .according-menu:before{content: "\f067"; position: absolute; right: 2px; top: 2px;} .setting-box .setting-contant{margin: 20px 0; height: 340px; overflow: hidden auto; padding-right: 10px;} .setting-box .setting-contant::-webkit-scrollbar-thumb{background: var(--theme-color);} .setting-box .setting-contant::-webkit-scrollbar-track{background: #eaeaea;} .setting-box .setting-contant .setting_buttons .setting_btn{background-color: var(--theme-color); color: #fff; width: 100%;} .setting-box .setting-contant .setting_buttons li:first-child{width: 49%;} .setting-box .setting-contant .setting_buttons li.active{-webkit-box-shadow: 0px 0px 5px 0px #929292; box-shadow: 0px 0px 5px 0px #929292;} .setting-box .setting-contant .setting_buttons li:last-child{margin-left: 10px; width: 46%;} .setting-box .setting-contant .color-box li{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .setting-box .setting-contant .color-box li span{text-transform: capitalize; margin-bottom: 2px; font-size: 15px;} .setting-box .setting-contant .color-box li input{border: none; -webkit-box-shadow: none; box-shadow: none; width: 34px; height: 34px; background-color: transparent; margin-right: 5px;} .setting-box .setting-contant .color-box li input:focus{outline: none;} .setting-box .setting-contant .color-box li + li{margin-top: 5px;} .setting-box .buy_btn{padding: 20px;} .setting-box .buy_btn a{background-color: #f3f3f3; color: #3c3c3c; padding: 10px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .setting-box .buy_btn a i{margin-right: 5px; font-size: 18px;} .setting-box .buy_btn a img{-webkit-filter: grayscale(100); filter: grayscale(100);} .setting-box .overlay{visibility: hidden; opacity: 0; position: fixed; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .theme-settings{width: auto; position: fixed; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320))); padding: 0; margin: 0; color: #fff; text-transform: uppercase !important; background-color: #333333; -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; gap: 5px; font-weight: 500; cursor: pointer;} .theme-settings ul li{display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 14px; text-decoration: none; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0; margin-left: auto; cursor: pointer; font-weight: 600; padding: 12px 12px; margin: 0; color: #fff;} .theme-settings ul li:last-child{margin-bottom: 0;} .theme-settings ul li.demo-li{width: 50px; height: 40px;} .theme-settings ul li .backend-btn{font-size: 13px;} .theme-settings ul li .backend-btn a{color: #222;} .theme-settings ul li.input-picker{background: none; overflow: hidden;} .theme-settings ul li.input-picker img{display: none;} .theme-settings ul li.input-picker input{height: 100%; opacity: 1; padding: 0; border: none;} .theme-settings ul li.input-picker input::-webkit-color-swatch{border: none;} .sale{position: fixed; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1;} .sale a{top: 50%; right: -20px; width: 230px; height: 36px; line-height: 36px; letter-spacing: 5px; font-size: 18px; color: #fff; font-weight: 700; text-transform: uppercase; -webkit-transform: translate(50%, -50%) rotate(-90deg); transform: translate(50%, -50%) rotate(-90deg); text-align: center; background-color: var(--theme-color); margin-bottom: 0; cursor: pointer;} .demo-section .title-text h3{color: var(--theme-color); margin-bottom: 24px; display: inline-block; padding-bottom: 5px; font-size: 40px; position: relative;} .demo-section .title-text h3 i{font-size: 22px; position: absolute; top: 0; right: -20px;} .demo-section .demo-effects h4{text-transform: capitalize;} .demo-section .demo-effects .set-position{display: block;} .demo-section .demo-effects > div{text-decoration: none; color: black;} .demo-section .demo-effects > div .layout-container{height: 100%; width: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; background-size: cover; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; border: 1px solid #eee;} .demo-section .demo-effects > div .layout-container.active{border-color: var(--theme-color);} .demo-section .demo-effects > div .layout-container.active ~ a h4{color: var(--theme-color); font-weight: 600;} .demo-section .demo-effects > div .layout-container img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top;} .demo-section .demo-effects > div .demo-text span{font-size: calc(13px + (16 - 13) * ((100vw - 320px) / (1920 - 320))); margin-top: calc(5px + (10 - 5) * ((100vw - 320px) / (1920 - 320))); margin-bottom: 0; color: #222; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 500; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; letter-spacing: 0.03em; text-transform: capitalize; line-height: 1;} .demo-section .demo-effects > div .demo-text span span{background-color: var(--theme-color); border-radius: 4px; color: #fff; font-size: 13px; width: 40px; height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 600; margin-left: 6px;} .demo-section .demo-effects > div .demo-text .demo-btn{margin-top: 10px;} .demo-section .demo-effects > div .demo-text .demo-btn .btn{border: 1px solid #ddd; background-color: #fff; width: 90px; color: var(--theme-color); padding: 5px 10px; border-radius: 30px;} .demo-section .demo-effects > div .demo-text .demo-btn .btn:hover{background-color: var(--theme-color); color: #fff;} .demo-section .demo-effects:last-child{margin-bottom: 0;} .demo-section .demo-effects.effect-2 .layout-container{background-size: cover; background-repeat: no-repeat;} .demo-section .demo-effects.effect-2:hover .layout-container{background-position: top !important;} .demo-section .demo-effects.effect-3 .layout-container{background-size: cover; background-repeat: no-repeat;} .demo-section .demo-effects.effect-3:hover .layout-container{background-position: top !important;} .dark-demo .dark-light-btn{display: none;} @media (min-width: 1630px){body.christmas .container{max-width: 1600px;}} @media (max-width: 1630px){body.christmas .home-slider .slider-details{width: 400px; height: 400px;}} @media (min-width: 1430px){.container{max-width: 1400px;}} @media (min-width: 1630px){.container-lg{max-width: 1610px;}} @media (max-width: 1630px){.gradient-category .gradient-border{height: 180px;}} @media (max-width: 1600px){.theme-tab .tab-content .product-tab .tab-box .product-box2 img{height: 180px;}} @media (max-width: 1430px){header.left-header .top-header{padding-left: 0;} header.left-header .top-header .header-contact{display: none;} header.left-header .sidenav{left: -300px;} header.left-header .sidenav.open-side{left: 0;} header.left-header .sidenav .sidebar-back{display: block; color: black; border-bottom: 1px dashed #ddd;} header.left-header .sidenav .brand-logo{display: none;} header.left-header .sidenav .left-sidebar_center{padding: 0 0 25px 25px;} header.left-header .main-menu .menu-left .navbar{display: block;} header.left-header .main-menu .menu-left .mobile-logo{display: block; border: none;} header.left-header .search-overlay{padding-left: 0;} .header-options span{font-size: 14px;} .blog-section .review-box .review-content p{margin-bottom: 35px;} .left-sidebar_space{padding-left: 0;} .service-w-bg .service-block .media{padding: 13px; height: 100%;} .service-w-bg .service-block h4{font-size: 16px; margin-bottom: 4px;} .service-w-bg .service-block svg{width: 50px; height: 50px;} .banner-slider .height-banner{height: unset;} .box-product .theme-card .offer-slider .media .media-body .rating i{padding-right: 0;} .box-product .full-box .theme-card .offer-slider .product-box2 .media .media-body h4{font-size: 16px;} .pet-parallax .pet-decor{left: 60px; bottom: -125px;} .pet-parallax .pet-decor img{width: 240px;} .tools_slider .home-slider .slider-contain{margin-left: 80px;} .tools_slider .home-slider .home .tools-parts img, .tools_slider .home-slider .home .tools-parts1 img{width: 250px;} .tools_slider .home-slider .home .tools-parts{right: 0;} .tools_slider .home-slider .home .tools-parts1{right: 10%;} .tools_slider .home-slider .home #tools-move2{right: 7%;} .bakery-card.theme-card .offer-slider img{height: 120px;} .bakery-card .offer-slider .media .lable{padding: 8px 4px; left: 90px; top: 6px;} .cycle-box-row > div{-webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%;} .banner-style-1 .custom-height{height: 374px;} .banner-style-1 .full-box .theme-card .offer-slider .product-box2 .media img.h-cls{height: 210px;} .banner-style-2.absolute-banner .absolute-bg .collection-banner .absolute-img img{width: 38%;} .header-style-5.color-style .form_search{width: 500px;} .header-style-7 .form_search{width: 390px;} .header-style-7 .main-menu .menu-left .navbar{padding: 30px 25px 30px 0;} .home-slider .home-decor .decor.decor-3, .center-slider .home-decor .decor.decor-3{right: 4%;} .banner-offer .collection-banner .contain-banner h2{font-size: 20px;} .collection-product-wrapper .product-top-filter .product-filter-content .search-count{width: 100%; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center;} .collection-product-wrapper .product-top-filter .product-filter-content .collection-view{width: 20%; padding-right: 0 !important; border-left: 1px solid #ddd;} .collection-product-wrapper .product-top-filter .product-filter-content .collection-grid-view ul li:last-child{display: none;} .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter{border-right: 1px solid #ddd; width: 30%;} .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view{width: 30%;} .collection-product-wrapper .product-top-filter .popup-filter .collection-view{width: 10%;} .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view{width: 25%;} .cart-section .cart-buttons > div:last-child{padding-right: 38px;} .cart-section tbody tr td{min-width: 175px;} .cart-section tbody tr td .qty-box .input-group .form-control{width: 75px;} .cart-section tfoot tr td{padding-right: 41px;} .product-right .product-icon .product-social li{padding-right: 10px;} .product-form-box .timer{padding-left: 17px;} .product-form-box .timer span{width: 55px;}} @media (max-width: 1430px) and (min-width: 1368px){.banner-timer .timer{margin-top: 45px;}} @media (max-width: 1430px) and (min-width: 1200px){.layout3-menu .main-menu .menu-left .navbar{padding: 40px 10px 40px 0;} .layout3-menu .pixelstrap > a{padding-right: 38px;} .layout3-menu .pixelstrap a{font-size: 14px;} .layout3-menu .pixelstrap > li > a{font-size: 12px;} .portfolio-section.metro-section .product-box .cart-wrap a i{padding: 5px;} .portfolio-section.metro-section .product-box .cart-wrap i{font-size: 14px;} .portfolio-section.metro-section .product-box .cart-wrap button i{padding: 5px;}} @media (max-width: 1400px){.gradient-category .gradient-border{height: 140px;} .theme-card .offer-slider img{width: 120px; padding: 8px;}} @media (max-width: 1367px){h2{font-size: 32px;} .title1 .title-inner1{padding-bottom: 10px;} .title1 .title-inner1:after{height: 2px;} .title3 .line{height: 3px;} .title3 .line:after, .title3 .line:before{height: 3px;} .title3 .title-inner3{margin-bottom: 10px;} .title4 .title-inner4{padding-bottom: 15px;} .title1.title5 hr[role="tournament6"]{margin: 10px auto 30px auto;} hr.style1{height: 1px; margin-top: 7px; margin-bottom: 7px;} .home-slider .slider-details{right: 14%;} .home-slider:hover .slick-prev, .home-slider:hover .slick-next{-webkit-transform: scale(1.8); transform: scale(1.8);} .shop-sidebar-demo .shop-main .small-slider .home > div{background: linear-gradient(272deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.85) 100%);} .product-box .product-detail .rating i, .product-box .product-info .rating i, .product-wrap .product-detail .rating i, .product-wrap .product-info .rating i{padding-right: 0;} .blog-details h4{margin-top: 20px;} .blog-details p{font-size: 16px;} .service-block h4{font-size: 16px; margin-bottom: 5px;} .service-w-bg .service-block h4{font-size: 15px;} .service-w-bg .service-block svg{width: 40px; height: 40px;} .banner-timer{background-position: right;} .banner-timer .banner-text h2{font-size: 28px;} .collection-product-wrapper .product-wrapper-grid .product-five{-webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px;} .subscribe-form .form-control{width: 215px;} .category-bg .image-block.even:after{bottom: 91%;} .category-bg .contain-block h2{font-size: 30px;} .category-bg .contain-block.even:after{top: 91%;} .category-bg .contain-block .category-btn{margin-bottom: 20px; margin-top: 20px;} .category-bg .contain-block:after{bottom: 91%;} .full-banner .banner-contain h2{font-size: 90px;} .full-banner .banner-contain h3{font-size: 55px;} .full-banner .banner-contain h4{font-size: 24px; padding-top: 8px;} .full-banner .banner-contain .color{padding-top: 0;} .collection-banner .contain-banner.banner-4{padding-left: 45px; padding-right: 45px;} .collection-banner .contain-banner.banner-4 h2{font-size: 28px;} .collection-banner .contain-banner h2{font-size: 55px; letter-spacing: 0.01em;} .collection-banner .contain-banner h4{letter-spacing: 0.01em;} .collection-banner.christmas-banner .contain-banner > div{background-color: rgba(0, 0, 0, 0.2); padding: 25px 40px;} .footer-theme2 .contact-details li{padding: 0 40px;} .footer-theme2 .footer-mobile-title{display: none !important;} .footer-theme .sub-title h4{font-size: 16px;} .footer-theme .sub-title .contact-list li{line-height: 20px;} .footer-theme .sub-title .contact-list i{top: 17px;} .theme-card .offer-slider .media .media-body h4{margin-top: 10px;} .theme-card .offer-slider .media .media-body a h6{margin-right: 50px;} .full-box .theme-card .offer-slider .product-box2 .media .media-body a h6{margin-right: 0;} .theme-tab .tab-content .product-tab .tab-box .product-box2 img{height: 120px;} .theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body .color-variant li{margin-top: 15px;} .blog-page .blog-media .blog-right h4{line-height: 1.2; margin-bottom: 10px;} .blog-page .blog-media .blog-right h6{margin-bottom: 5px;} .blog-page .blog-media .blog-right ul{margin-bottom: 10px;} .blog-page .blog-media .blog-right p{line-height: 1.4;} .pro_sticky_info{padding: 10px;} .is_stuck{margin-top: 30px;} .main-feature .key-feature{margin-top: -50px;} .main-feature .key-feature > div{margin-top: 50px;} .deal-category .deal-content h2{font-size: 25px;}} @media (max-width: 1199px){.hover-unset{position: fixed !important;} .modern-box{padding: 25px 20px;} .vendor-profile .profile-left .vendor-contact{width: 30%;} .theme-card h5{font-size: 14px;} .custom-container{padding-left: 40px; padding-right: 40px;} .space_sm{padding-left: 0;} .p-0-xl{padding: 0;} .center-slider-bicycle.product-m .slick-slide > div{margin: 0;} .center-slider-bicycle .slick-prev, .center-slider-bicycle .slick-next{display: none;} header.header-gym .pixelstrap > li > a{color: black !important; padding: 10px 15px;} header.header-gym .pixelstrap > li > a:hover, header.header-gym .pixelstrap > li > a:focus, header.header-gym .pixelstrap > li > a:active{padding: 10px 15px;} header.left-header.left-header-relative{height: 100%; z-index: 9; height: 0;} header.left-header.left-header-relative .pixelstrap ul ul{background: transparent;} header.left-header.left-header-relative .pixelstrap a .sub-arrow{display: block;} header.left-header.left-header-relative .pixelstrap > li > a{text-align: left; padding: 10px 25px;} header.left-header.left-header-relative .pixelstrap > li > a:hover, header.left-header.left-header-relative .pixelstrap > li > a:focus, header.left-header.left-header-relative .pixelstrap > li > a.highlighted{padding: 10px 25px;} header.left-header.left-header-relative .sidenav{position: fixed; left: -300px; width: 300px; top: 0; z-index: 10; height: 100vh; -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.25);} header.left-header.left-header-relative .sidenav nav{height: 100%;} header.left-header.left-header-relative .sidenav .sidebar-overlay{z-index: -1;} header.left-header.left-header-relative .sidenav.open-side{left: 0;} header.left-header.left-header-relative .sidenav .left-sidebar_center{padding: 0 0 25px 25px;} header.left-header.left-header-sm .sidenav{left: -300px; top: 0; width: 300px;} header.left-header.left-header-sm .sidenav .sidebar-back{margin-bottom: 0;} header.left-header.left-header-sm .sidenav .left-sidebar_center .pixelstrap a .sub-arrow{display: block;} header.left-header.left-header-sm .sidenav .left-sidebar_center .pixelstrap > li > a{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: left; padding: 10px 25px; font-size: 14px;} header.left-header.left-header-sm .sidenav .left-sidebar_center .pixelstrap > li > a img{margin-left: 0; margin-right: 12px !important; width: 38px;} header.left-header.left-header-sm.open-side .sidenav{left: 0;} header.header-tools .pixelstrap.sm-horizontal li .lable-nav{top: -8px;} header.header-5.overlay-style .pixelstrap > li > a, header.header-5.overlay-style .pixelstrap > li > a:hover, header.header-5.overlay-style .pixelstrap > li > a:active{color: black;} .main-menu .menu-left .navbar{padding: 30px 25px 30px 0;} .header-style-1 .toggle-nav{position: absolute; top: -55px; padding: 0; left: 0; z-index: 2;} .header-style-1 .bg-light-xl{background-color: #f8f9fa !important;} .header-style-1.sticky .toggle-nav{top: -49px;} .header-style-2 .main-nav-center .toggle-nav{right: unset; left: 0;} .header-style-2 .main-nav-center .toggle-nav i{color: #fff; opacity: 1;} .header-style-2 .main-menu .brand-logo{padding-left: 25px;} .header-style-2 .pixelstrap > li > a{color: #222;} .header-style-2 .pixelstrap > li > a:focus, .header-style-2 .pixelstrap > li > a.active{color: #222;} .header-style-5 .bottom-part{height: 0;} .header-style-5 .bottom-part .category-menu .toggle-sidebar{padding-bottom: 18px;} .header-style-5 .bottom-part .pixelstrap > li > a{color: #222;} .header-style-5 .bottom-part .pixelstrap > li > a:hover, .header-style-5 .bottom-part .pixelstrap > li > a:focus, .header-style-5 .bottom-part .pixelstrap > li > a:active{color: #222;} .header-style-5 .bottom-part.bottom-light{padding-top: 0; border-top: none;} .header-style-5 .bottom-part.bottom-light .marketplace-sidebar.sidenav.fixed-sidebar{position: fixed; top: 0; height: 100vh; width: 300px; display: block; z-index: 9; left: -300px;} .header-style-5 .bottom-part.bottom-light .marketplace-sidebar.sidenav.fixed-sidebar .sm-vertical{border: none;} .header-style-5 .bottom-part.bottom-light .marketplace-sidebar.sidenav.fixed-sidebar.open-side{left: 0;} .header-style-5.style-light .bottom-part.bottom-light .main-nav-center .sm > li > a{padding-block: 0;} .header-style-5.border-style .bottom-part.bottom-light{border-bottom: none;} .header-style-5.border-style .main-menu .menu-left .navbar{padding: 25px 45px 25px 0;} .header-style-5.border-style .main-nav-center .toggle-nav{right: 130px; top: -98px;} .header-style-5.color-style.style-classic .bottom-part{margin-bottom: 0; z-index: unset;} .header-style-5.color-style.style-classic .bottom-part .main-nav-center .sm > li > a{padding-top: 10px; padding-bottom: 10px;} .header-style-5.color-style.style-classic .bottom-part .container{background-color: transparent; padding-left: 15px; padding-right: 15px;} .header-style-7 .main-menu .menu-left .navbar{padding: 30px 25px 30px 0;} .header-style-7 .main-menu .menu-right .icon-nav .delivery-area > div{padding: 8px 18px;} .header-compact .menu-row .delivery-area{position: absolute; top: -58px; left: 200px;} .header-compact .main-menu .brand-logo{padding-top: 25px; padding-bottom: 25px;} .header-compact .bottom-part{padding-bottom: 0;} .header-compact .main-menu{z-index: unset;} .header-compact .main-nav-center .toggle-nav{top: -91px;} .category-shop-section .category-mobile-button{padding: 10px 30px; background-color: var(--theme-color); color: #fff; border-radius: 5px; font-size: 16px; margin-bottom: 30px;} .category-shop-section .category-mobile-button i{margin-right: 8px;} .category-shop-section .sidebar-overlay{visibility: hidden; opacity: 0; background-color: #212331; position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: 100vh; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .category-shop-section .sidebar-overlay.show{opacity: 0.8; visibility: visible; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} .category-shop-section .nav{position: fixed; left: -320px; top: 0; width: 280px; z-index: 10; overflow: auto; background-color: #fff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display: block; padding: 0;} .category-shop-section .nav.show{left: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .category-shop-section .nav .sidebar-back{border-bottom: 1px solid #ddd; margin-bottom: 20px; padding-bottom: 20px; padding-top: 20px;} .banner-offer .collection-banner .contain-banner.banner-3 h2{font-size: 16px;} .shop-sidebar-demo .shop-sidebar .pixelstrap.sm-vertical a{padding: 12px 23px;} .shop-sidebar-demo .shop-sidebar .pixelstrap.sm-vertical a img{height: 30px; width: 30px;} .left-sidebar-header .main-menu .menu-left .navbar{padding: 20px 25px 20px 0;} .pt-res-0{padding-top: 0 !important;} .svg-icon-menu .pixelstrap > li > a img{width: 30px;} .service-w-bg .service-block .media{padding: 20px;} .service-w-bg .service-block svg{width: 50px; height: 50px;} .service-style-border .service-block svg{width: 66px; margin-right: 4px;} .service-style-border .service-block .media-body{padding-left: 10px;} .marketplace-sidebar.sidenav{height: 100vh; width: 300px; position: fixed; z-index: 9; top: 0; left: -300px;} .marketplace-sidebar.sidenav .sm-vertical{background-color: transparent; padding: 0;} .marketplace-sidebar.sidenav.open-side{left: 0;} .marketplace-sidebar.sidenav.fixed-sidebar{display: block; height: 100vh; width: 300px; position: fixed; z-index: 9; top: 0; left: -300px;} .marketplace-sidebar.sidenav.fixed-sidebar .sm-vertical{background-color: transparent; padding: 0; border: none;} .marketplace-sidebar.sidenav.fixed-sidebar.open-side{left: 0;} .portfolio-padding{padding-bottom: 30px;} .partition1{margin-bottom: -25px;} .partition1 > div{margin-bottom: 25px;} .title1 h4{padding-bottom: 8px;} .title1 .title-inner1{padding-bottom: 12px; margin-bottom: 25px;} .title1.title5 hr[role="tournament6"]{margin: 12px auto 25px auto;} .title2 h4{padding-bottom: 8px;} .title2 .title-inner2{margin-bottom: 25px;} .title3 h4{padding-bottom: 8px;} .title3 .title-inner3{margin-bottom: 10px;} .title3 .line{margin-bottom: 25px;} .title4 .title-inner4{padding-bottom: 15px;} .title4 .line{margin-bottom: 25px;} .title-borderless{margin-bottom: 25px;} footer.footer-black .below-section{padding-top: 105px;} header.header-6 .mobile-search{display: inline-block;} header.header-7 .main-nav-center .toggle-nav{top: -94px;} header.header-7 .pixelstrap.sm-horizontal > li > a{color: black;} header.header-7 .pixelstrap.sm-horizontal > li > a:hover, header.header-7 .pixelstrap.sm-horizontal > li > a:active{color: var(--theme-color);} header.header-tools .toggle-nav{padding-top: 25px; padding-bottom: 25px;} header.header-tools .pixelstrap > li > a{padding: 10px 15px !important;} header.header-tools .pixelstrap > li > a:hover, header.header-tools .pixelstrap > li > a:active, header.header-tools .pixelstrap > li > a:focus, header.header-tools .pixelstrap > li > a.highlighted{padding: 10px 15px;} header.header-tools .pixelstrap li .lable-nav{top: 5px;} header.video-header #main-nav{position: absolute; right: 0; top: 3px;} header.video-header .main-menu .menu-right .icon-nav{padding-right: 40px;} header.header-christmas .pixelstrap > li > a{color: black !important; padding: 10px 15px;} header.header-christmas .pixelstrap > li > a:active, header.header-christmas .pixelstrap > li > a:focus, header.header-christmas .pixelstrap > li > a:hover, header.header-christmas .pixelstrap > li > a.highlighted{padding: 10px 15px;} .tools-parallax-product.full-banner{padding-top: 90px; padding-bottom: 90px;} .tools-parallax-product .tools-description h3{font-size: 17px;} .form_search{display: none;} .full-banner.custom-space{padding: 60px 0;} .tab-left .theme-tab{display: block;} .tab-left .theme-tab .left-side{width: 100%;} .tab-left .theme-tab .left-side li{width: unset; border-bottom: none; padding: 0 5px;} .tab-left .theme-tab .left-side li:first-child{border-top: none;} .tab-left .theme-tab .left-side .tab-title{margin-right: 0; text-align: center;} .tab-left .theme-tab .tab-content-cls{width: 100%;} .absolute_banner .collection-banner .absolute-contain h3{font-size: 22px; margin-bottom: 0;} .absolute_banner .collection-banner .absolute-contain h4{font-size: 16px;} .box-product .full-box .row > div:nth-last-child(-n + 2){margin-top: 30px;} .header-gym .toggle-nav{padding-top: 20px; padding-bottom: 20px;} .gym-product .part-cls > div:nth-last-child(-n + 2) .product-box{margin-top: 30px;} .gym-product .partition-cls > div:nth-child(-n + 4){margin-bottom: 0;} .gym-product .partition-cls > div .product-box{margin-top: 30px;} .gym-product .partition-cls > div:nth-child(-n + 2) .product-box{margin-top: 0;} .pet-parallax .pet-decor{left: 45px; bottom: -105px;} .pet-parallax .pet-decor img{width: 200px;} .about-text p{margin-bottom: 25px;} .banner-timer .timer{padding-top: 12px; padding-bottom: 12px; padding-left: 30px; bottom: 8px; margin-top: 0; background-color: rgba(255, 255, 255, 0.88);} .footer-social li{padding-right: 38px;} .footer-theme2 p{line-height: 25px;} .footer-theme2 .subscribe-block{padding: 10px 70px;} .footer-theme2 .footer-mobile-title{display: none !important;} .footer-theme2 .contact-details li{line-height: 25px; padding: 0 10px;} .footer-theme2 .footer-link li{padding-right: 25px;} .footer-theme2.section-light .footer-block .subscribe-white{padding: 50px;} .social-white li{padding-left: 12px; padding-right: 12px;} .service-block svg, .service-block1 svg{width: 50px; height: 50px;} .service-block1 svg{margin-bottom: 15px;} .category-border div .category-banner .category-box h2{padding: 13px 27px;} .collection-banner .contain-banner{padding-left: 30px; padding-right: 30px;} .category-bg .image-block.even:after{bottom: 87%;} .category-bg .contain-block.even:after{top: 87%;} .category-bg .contain-block:after{bottom: 87%;} .no-slider .product-box{-webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: calc(33.33% - 30px); margin: 0 15px 30px;} .no-slider.five-product .product-box{width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: calc(33.33% - 30px); margin: 0 15px 30px;} .no-slider.five-product .product-box:nth-last-child(-n + 5){margin: 0 15px 30px;} .no-slider.five-product .product-box:nth-last-child(-n + 3){margin: 0 15px 0;} .no-slider.five-product-row .product-box{width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; margin-left: 15px; margin-right: 15px; max-width: calc(25% - 30px);} .absolute-product .no-slider .product-box:nth-last-child(-n + 4){margin: 0 15px 30px;} .absolute-product .no-slider .product-box:nth-last-child(-n + 2){margin: 0 15px 0;} .theme-tab .tab-title2{font-size: 22px;} .theme-tab .tab-title2:after{top: 17px;} .theme-tab .tab-content .product-tab .tab-box{-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: calc(50% - 10px);} .theme-tab .tab-content .product-tab .tab-box:nth-last-child(-n + 2){margin: 0 5px 0;} .theme-tab .tab-content .product-tab .tab-box:nth-last-child(-n + 4){margin: 0 5px 10px;} .theme-tab .tab-content .product-tab .tab-box .product-box2 img{height: 200px;} .blog-section .review-box{padding: 15px;} .blog-section .review-box .review-content p{margin-top: 0;} .full-banner .banner-contain h2{font-size: 85px;} .full-banner .banner-contain h3{font-size: 50px;} .full-banner .banner-contain h4{font-size: 22px; padding-top: 5px;} .full-banner .santa-img img{width: 200px;} .full-banner.feature-banner .feature-object li, .full-banner.feature-banner .feature-object-right li{margin-right: 0;} .instagram .insta-decor{display: none;} .logo-section .logo-decor{display: none;} .blog-section .review-box .santa-img{display: none;} .collection-banner .contain-banner.banner-3{padding-left: 25px; padding-right: 25px;} .collection-banner .contain-banner.banner-3 h2{font-size: 22px;} .collection-banner .contain-banner.banner-3 h4{font-size: 12px;} .collection-banner .contain-banner.banner-4{padding-left: 35px; padding-right: 35px;} .collection-banner .contain-banner.banner-4 h2{font-size: 24px;} .collection-banner .contain-banner.banner-4 h4{font-size: 16px;} .collection-banner .contain-banner h2{font-size: 40px;} .home-slider .home{height: 70vh;} .home-slider .slider-contain{height: 70vh;} .home-slider .slider-contain h1{font-size: 50px;} .home-slider .slider-contain.slider-contain-banner h1{font-size: 34px;} .home-slider .slider-contain.slider-contain-banner p{font-size: 18px; line-height: 30px;} .height-85 .home-slider .home{height: 80vh;} .height-85 .home-slider .slider-contain{height: 80vh;} .background .contain-bg{padding-top: 30px; padding-bottom: 30px;} .theme-card .offer-slider .media .media-body a h6{margin-right: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;} .theme-card .offer-slider .media .media-body .rating i{padding-right: 3px;} .theme-card.card-border .offer-slider{padding-top: 0;} .full-box .theme-card .offer-slider img{padding: 15px 10px 15px;} .full-box .theme-card .offer-slider .product-box2 .media img{height: 250px;} .full-box .theme-card .offer-slider .product-box2 .media .media-body{padding-right: 5px;} .full-box .theme-card .offer-slider .product-box2 .media .media-body .color-variant{margin-top: 5px;} .full-box .theme-card .offer-slider .product-box2 .media .media-body .color-variant li{margin-top: 5px;} .product-style-5.product-box .addtocart_btn .add_cart{width: 30px; height: 30px; font-size: 14px; border-radius: 8px;} .product-style-5.product-box .img-wrapper{margin-top: 10px;} .home-slider .slider-details{width: 335px !important; height: 335px !important;} .home-slider .slider-details h1{font-size: 50px;} .home-slider .slider-details h2{font-size: 36px;} .home-slider .slider-details .btn-white{margin-top: 0;} .home-slider.fullpage .home .slider-contain h1{font-size: 35px;} .home-slider.fullpage .home .slider-contain p{max-width: 450px; font-size: 14px;} .home-slider.fullpage .home .slider-contain .btn-solid{padding: 10px 15px;} .about-section h2{font-size: 22px;} .about-section .about-text p{line-height: 24px;} .about-section .service .service-block1 svg{margin-bottom: 5px;} .about-section .service .service-block1 h5{line-height: 18px;} .about-section .small-section{padding-top: 20px;} .padding-bottom-cls{padding-bottom: 30px;} .add_to_cart.top, .add_to_cart.bottom{left: -300px; top: 0; height: 100vh; width: 300px;} .add_to_cart.top .cart-inner, .add_to_cart.bottom .cart-inner{height: 100vh; overflow: auto;} .add_to_cart.top .cart-inner .cart_top, .add_to_cart.bottom .cart-inner .cart_top{padding: 20px !important; margin-bottom: 20px;} .add_to_cart.top .cart-inner .cart_media, .add_to_cart.bottom .cart-inner .cart_media{padding: 0 20px !important; display: block;} .add_to_cart.top .cart-inner .cart_media .cart_product, .add_to_cart.bottom .cart-inner .cart_media .cart_product{padding: 0; width: 100%; display: block; overflow-y: hidden;} .add_to_cart.top .cart-inner .cart_media .cart_product li, .add_to_cart.bottom .cart-inner .cart_media .cart_product li{min-width: 100%; max-width: 100%; margin-right: 0; padding-bottom: 10px;} .add_to_cart.top .cart-inner .cart_media .cart_total, .add_to_cart.bottom .cart-inner .cart_media .cart_total{padding: 0; width: 100%;} .add_to_cart.top.open-side, .add_to_cart.bottom.open-side{left: 0;} .animation-sec .animated-icon .icon-1{width: 110px;} .animation-sec .animated-icon .icon-2{width: 90px;} .animation-sec .animated-icon .icon-3{left: 32%; width: 60px; top: 108px;} .cycle-box-row > div{-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} .category-slide .img-category .img-sec{width: 85%;} .p-0-responsive{padding-top: 0 !important;} .single-product-feature{background-image: none !important;} .single-product-feature .upper-sec-feature{margin-bottom: 55px;} .single-product-feature .upper-sec-feature .height-cls-res > div{height: 100% !important;} .single-product-feature .lower-sec-feature{margin-bottom: 50px;} .single-product-feature .home-slider .home{height: auto !important;} .banner-style-1 .custom-height{height: 314px;} .banner-style-1 .full-box .theme-card .offer-slider .product-box2 .media img.h-cls{height: 170px;} .button-dark.category-button .btn{padding: 13px 10px;} .button-dark.category-button .btn img{width: 24px;} .center-object-banner .full-banner.feature-banner .center-img{text-align: center;} .center-object-banner .full-banner.feature-banner .center-img img{width: 70%;} .gradient-category .gradient-border{height: 190px;} .cart-section tbody tr td, .wishlist-section tbody tr td{min-width: 186px;} .blog-detail-page .comment-section li{padding-top: 45px; padding-bottom: 45px;} .product-wrapper-grid.list-view .product-box .img-wrapper, .product-wrapper-grid.list-view .product-box .img-block{width: 50%;} .collection-product-wrapper .product-top-filter .product-filter-content .search-count{width: 100%; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;} .collection-product-wrapper .product-top-filter .product-filter-content .collection-grid-view ul li:last-child{display: none;} .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter{width: 30%;} .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view{width: 30%;} .cart-section tbody tr td{min-width: 140px;} .cart-section tbody tr td .qty-box .input-group .form-control{width: 52px;} .cart-section tfoot tr td{padding-right: 25px;} .collection-collapse-block .collection-collapse-block-content .collection-brand-filter .category-list li:first-child{margin-top: 15px;} .collection-filter-block .product-service .media .media-body h4{font-size: 16px;} .product-right h2{font-size: 20px;} .testimonial .testimonial-slider .media .media-body{padding: 30px;} .testimonial .testimonial-slider .media .media-body p{line-height: 1.5;} .blog-page .blog-media{margin-bottom: 20px;} .blog-page .blog-media .blog-right{display: block; margin-top: 15px;} .blog-page .blog-media .blog-right p{line-height: 1.3;} .tab-product .tab-content.nav-material .single-product-tables table{width: 50%;} .product-description-box .border-product{padding-top: 10px; padding-bottom: 15px;} .product-description-box .product-icon .product-social li{padding-right: 4px;} .product-description-box .product-icon .wishlist-btn span{padding-left: 4px;} .single-product-tables.detail-section table{width: 75%;} .product-form-box .border-product{padding-top: 10px; padding-bottom: 15px;} .product-form-box .timer{padding-left: 17px;} .product-form-box .timer span{width: 55px;} .product-form-box .product-buttons .btn-solid, .product-form-box .product-buttons .btn-outline{padding: 7px 13px;} .product-form-box.product-right .timer{padding-left: 20px;} .product-form-box.product-right .timer span .padding-l{padding-left: 14px;} .product-form-box.product-right .product-buttons .btn-solid{padding: 5px 10px;} .product-accordion .single-product-tables table{width: 70%;} .tab-product .flex-column{-webkit-box-orient: unset !important; -webkit-box-direction: unset !important; -ms-flex-direction: unset !important; flex-direction: unset !important; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start;} .tab-border{padding-top: 0;} .dashboard-section .counter-section .counter-box{padding: 20px;} .dashboard-section .counter-section .counter-box img{height: 40px; margin-right: 10px;} .theme-card .offer-slider img{height: 120px;} .container-fluid.custom-container{padding-left: 50px; padding-right: 50px;} .dark-box > div{max-width: 25% !important; -webkit-box-flex: 0 !important; -ms-flex: 0 0 25% !important; flex: 0 0 25% !important;} .dark-box.partition-five > div:nth-child(-n + 4){margin-bottom: 20px;} .sticky-bottom-cart .selection-section .form-group{width: 130px;} .product-box-timer.timer span{width: 60px;} .product-right .product-buttons .btn-solid, .product-right .product-buttons .btn-outline{padding: 7px 15px;} .product-right .timer{padding-left: 30px;} .modern-box{padding: 25px 20px;} .gradient-category .gradient-border{height: 120px;} .loader_skeleton .category-ldr .row .category-block{-webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;} .loader_skeleton .product-top-filter .row > div:first-child{border-left: 1px solid #f3f3f3; border-right: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3;} .loader_skeleton .product-top-filter .row > div:last-child{border-right: 1px solid #f3f3f3;} .loader_skeleton .tab-product.vertical-tab ul li{display: inline-block; width: 16%; height: 30px; margin-top: 0; margin-right: 10px;}} @media (min-width: 992px){.demo-modal .modal-lg{max-width: 1400px;} .exit-modal .modal-lg{max-width: 600px;}} @media (max-width: 991px) and (min-width: 767px){.partition-f > div + div + div{margin-top: 30px;} .lookbook .lookbook-block .lookbook-dot .dot-showbox{width: 80px;} .lookbook .lookbook-block .lookbook-dot .dot-showbox .dot-info h5{line-height: 15px;}} @media (max-width: 991px){h2{font-size: 28px;} .custom-container{padding-left: 25px; padding-right: 25px;} .header-style-1 .navbar .nav-link{padding-right: 18px; padding-left: 0; font-size: 14px;} .header-style-5.color-style.style-classic .main-menu .onhover-div{padding-top: 25px; padding-bottom: 25px;} .header-style-5.color-style.style-classic .main-menu .menu-left .navbar{padding: 25px 45px 25px 0;} .header-style-5.color-style.style-classic .toggle-nav{padding-top: 25px; padding-bottom: 25px;} .portfolio-padding{padding-bottom: 20px;} .banner-offer .collection-banner .contain-banner.banner-3 h2{font-size: calc(16px + (34 - 16) * ((100vw - 320px) / (1920 - 320))); margin: calc(2px + (10 - 2) * ((100vw - 320px) / (1920 - 320))) 0 !important;} .banner-offer .collection-banner .contain-banner.banner-3 h4{font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));} .banner-offer .collection-banner .contain-banner.banner-3 h6{font-size: calc(12px + (20 - 12) * ((100vw - 320px) / (1920 - 320)));} .small-section{padding: 30px 0;} .service-w-bg .service-block svg{margin-bottom: 0;} header.header-tools{position: relative; top: 0;} header.header-tools .top-header{background-color: #333333;} header.header-tools .top-header .container{background-color: transparent;} header.header-tools .logo-menu-part{background-color: #fff;} header.header-tools .logo-menu-part > .container{border-bottom: none;} header.header-tools.stickycls{position: fixed; background-color: #fff;} header.header-christmas{position: relative; background-color: #e34041; margin-bottom: -50px;} .tools_slider .home-slider .slider-contain{margin-top: 0;} footer.footer-5 .footer-theme2 .subscribe-block{border-left: none; border-right: none;} footer.footer-black .below-section{padding-top: 95px;} footer.footer-black.footer-light .subscribe{border-right: none;} footer.footer-classic .upper-footer .small-section{padding: 30px 0;} .absolute_banner .collection-banner .absolute-contain h3{font-size: 16px;} .absolute_banner .collection-banner .absolute-contain h4{font-size: 14px;} .tools_product .multiple-slider > div:nth-child(-n + 2){margin-bottom: 0;} .tools_product .tools-grey{margin-top: 30px;} .tools_product .banner-tools{margin-left: 10px; margin-right: 10px;} .tools-service .service-block + .service-block{border-left: none;} .tools-service .service-block svg, .tools-service .service-block1 svg{margin-bottom: 0;} .tools-brand .row{margin: 0 10px; padding: 10px 0;} .tools_slider .home-slider .slider-contain{margin-left: 40px;} .tools_slider .home-slider .home .tools-parts, .tools_slider .home-slider .home .tools-parts1{margin-top: 20px;} .tools_slider .home-slider .home .tools-parts img, .tools_slider .home-slider .home .tools-parts1 img{width: 180px;} .tools_slider .home-slider .home .tools-parts{right: 0;} .tools_slider .home-slider .home .tools-parts1{right: 10%;} .tools_slider .home-slider .home #tools-move2{right: 7%;} .tools-parallax-product .tools-description h3{text-align: center;} .tools-parallax-product .tools-description .tools-form{text-align: center;} .tools-parallax-product .tools-description .tools-form .search-box{margin: 20px auto 20px;} .tools-parallax-product .tools-description .tools-form .btn-find{background-size: 1100px;} .tools-parallax-product .tools-grey{-webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; margin-bottom: 30px;} .tools-parallax-product.full-banner{padding-top: 75px; padding-bottom: 75px;} .pet-parallax .pet-decor{left: 34px; bottom: -86px;} .pet-parallax .pet-decor img{width: 165px;} .pet-parallax .banner-contain p{max-width: 100%;} .service_slide .service-home{position: relative;} .service_slide .service-home .service-block1{padding: 0;} .service_slide .partition4 > div + div{margin-top: 0;} .service_slide .partition4 > div + div + div{margin-top: 30px;} .product-full-tab{padding-top: 50px !important;} .blog-section .review-box{margin-top: 30px;} .blog-section .review-box .review-content p{margin-bottom: 45px;} hr.style1{margin-top: 12px; margin-bottom: 12px;} h4{font-size: 16px;} .gym-banner .collection-banner .contain-banner{padding-left: 30px; padding-right: 30px;} .blog-details h4{margin-top: 17px; font-size: 13px;} .blog-details p{font-size: 15px; line-height: 1.6; margin-top: 10px;} .service-block svg, .service-block1 svg{margin-bottom: 20px; height: auto; width: 46px;} .service-style-border.tools-service .service-block + .service-block + .service-block{margin-top: 20px;} .partition_3 > div + div{margin-top: 30px;} .partition4 > div + div + div{margin-top: 30px;} .banner-timer .banner-text h2{font-size: 20px; line-height: 1.5;} .banner-timer .timer span{width: 65px;} .banner-timer .timer span.padding-l{right: -31px;} .banner-timer .timer p{font-size: 14px;} .about-text p{line-height: 24px;} .category-bg-section .category-border-2 .border-padding:nth-last-child(-n + 2){padding-top: 20px;} .category-bg.onerow-cat{padding: 20px 30px;} .footer-light .subscribe{text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: none; margin-bottom: 5px;} .footer-light .subscribe p{display: none;} .footer-light .subscribe-form{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0;} .footer-theme .col{max-width: 50%; -ms-flex-preferred-size: unset; flex-basis: unset;} .footer-theme .footer-logo{margin-bottom: 30px;} .footer-theme .sub-title h4{margin-bottom: 10px;} .footer-social{margin-top: 15px;} .subscribe-wrapper{-webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; padding-top: 20px; padding-bottom: 20px;} .footer-theme2 .footer-mobile-title{display: none !important;} .footer-theme2 h4{padding-bottom: 10px;} .footer-theme2 .col{-ms-flex-preferred-size: unset; flex-basis: unset; padding: 20px 0;} .footer-theme2.section-light .footer-block h4{padding-bottom: 15px;} .footer-theme2.section-light .footer-block .subscribe-white{border: none;} .footer-theme2 .footer-logo{margin-bottom: 20px;} .footer-theme2 .subscribe-block{border: none;} .social-white li{padding-left: 10px; padding-right: 10px;} .category-border div .category-banner .category-box h2{padding: 5px 15px; font-size: 30px;} .category-bg .image-block.even:after{bottom: 85%;} .category-bg .image-block:after{width: 35px;} .category-bg .image-block:hover:after{height: 70px;} .category-bg .contain-block h2{font-size: 20px; margin-top: 8px;} .category-bg .contain-block:after{width: 35px;} .category-bg .contain-block.even:after{top: 85%;} .category-bg .contain-block .category-btn{margin-bottom: 15px; margin-top: 15px; letter-spacing: 0.2em; padding: 10px 15px;} .category-bg .contain-block:after{bottom: 85%;} .category-bg .contain-block:hover:after{height: 70px;} .no-slider .product-box{-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: calc(50% - 30px); margin: 0 15px 30px !important;} .no-slider .product-box:nth-last-child(-n + 2){margin: 0 15px 0 !important;} .no-slider.five-product .product-box{-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: calc(50% - 30px); margin: 0 15px 30px !important;} .no-slider.five-product .product-box:nth-last-child(-n + 2){margin: 0 15px 0 !important;} .no-slider.five-product-row .product-box{-webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: calc(33.33% - 30px); margin-left: 15px; margin-right: 15px;} .full-banner{padding-top: 180px; padding-bottom: 180px;} .full-banner.parallax-layout{padding-top: 180px; padding-bottom: 180px;} .full-banner.feature-banner .feature-object li:nth-child(2), .full-banner.feature-banner .feature-object-right li:nth-child(2){padding-right: 0; padding-left: 0;} .full-banner.feature-banner .feature-object li:nth-child(3), .full-banner.feature-banner .feature-object-right li:nth-child(3){padding-right: 0; padding-left: 0;} .full-banner.feature-banner .center-img{display: none;} .full-banner.feature-banner .feature-object-right{margin-left: 0;} .full-banner.feature-banner .banner-decor .left-img img, .full-banner.feature-banner .banner-decor .right-img img{width: 100px;} .full-banner.feature-banner h2{margin-bottom: 30px;} .full-banner .banner-contain h2{font-size: 60px;} .full-banner .banner-contain h3{font-size: 35px;} .full-banner .banner-contain h4{font-size: 20px; padding-top: 5px;} .full-banner .decor{display: none;} .center-object-banner .full-banner.feature-banner h2{margin-bottom: 30px;} .collection-banner .contain-banner.banner-3{padding-left: 30px; padding-right: 30px;} .collection-banner .contain-banner.banner-3 h2{font-size: 20px;} .collection-banner .contain-banner.banner-4{padding-left: 40px; padding-right: 40px;} .collection-banner .contain-banner.banner-4 h2{font-size: 18px;} .collection-banner .contain-banner.banner-4 h4{font-size: 18px;} .collection-banner .contain-banner h2{font-size: 25px;} .collection-collapse-block{border: none;} .collection-collapse-block.open{border: none;} .service_slide .home-slider .slider-contain{height: 65vh;} .margin-add{margin-top: 0;} .home-slider .home{height: 65vh;} .home-slider .slider-contain{height: 65vh;} .home-slider .slider-contain h1{font-size: 36px;} .home-slider .slider-contain .btn-solid, .home-slider .slider-contain .btn-outline{margin-top: 17px;} .home-slider .slider-contain.slider-contain-banner h1{font-size: 24px;} .home-slider .slider-contain.slider-contain-banner p{margin-top: 10px; line-height: 28px;} .home-slider .slider-details{top: 20%; padding: 0; width: 260px !important; height: 260px !important;} .home-slider .slider-details h1{line-height: 1; font-size: 30px; margin: 5px 0;} .home-slider .slider-details h2{font-size: 24px;} .home-slider .slider-details h3{font-size: 20px;} .home-slider .slider-details h4{font-size: 18px; line-height: 1; margin-bottom: 2px;} .home-slider .slider-details .btn-white{padding: 7px 14px; margin-top: 5px;} .home-slider:hover .slick-next{right: 90px;} .home-slider:hover .slick-prev{left: 90px;} .height-85 .home-slider .home{height: 70vh;} .height-85 .home-slider .slider-contain{height: 70vh;} .background .contain-bg{padding-top: 25px; padding-bottom: 25px;} .background .contain-bg h4{font-size: 16px;} .theme-tab .tab-content .product-tab .tab-box .product-box2 img{height: 150px;} .beauty-about .about-text p{text-align: center;} .theme-card .offer-slider img{padding: 10px 10px 10px 0;} .theme-card.card-border .offer-slider img{padding: 10px 10px 10px 30px;} .full-box .center-slider .offer-slider .product-box .product-info h4{padding-bottom: 5px;} .full-box .center-slider .offer-slider .product-box .product-info .btn-outline{padding: 7px 20px;} .full-box .theme-card .offer-slider .product-box2 .media img{height: 150px;} .full-box .theme-card .offer-slider .product-box2 .media .media-body .color-variant li{margin-top: 0;} .alert{max-width: 45% !important;} .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .offer-content img{margin-bottom: 20px;} .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .offer-content h2{margin-bottom: 18px;} .theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg{padding: 15px;} .theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg.addtocart .media .media-body .buttons a{font-size: 13px; padding: 4px 10px; margin: 3px 6px;} .theme-modal.exit-modal .modal-dialog .modal-content .modal-body .modal-bg{padding: 20px;} .parallax-cls .banner-contain{background-color: rgba(255, 255, 255, 0.5); padding: 35px;} .parallax-cls section .banner-contain{margin-top: 0;} .about-section{padding-top: 30px;} .about-section h2{text-align: center;} .product-box .cart-info{bottom: 20px;} .absolute-banner{margin-top: -60px;} .absolute-banner.search-section{margin-top: 0;} .absolute-banner.search-section .absolute-bg .row > div{margin-bottom: 0;} .absolute-banner.search-section .absolute-bg .row > div.search-col{margin-bottom: 0;} .absolute-banner.search-section .absolute-bg .row > div.search-col .search-btn{width: 100%; margin: 0 auto;} .custom-cake .steps-media img{width: 42px;} header.header-style.header-tools .top-header{background-color: #fff;} header.header-style.header-tools .top-header .onhover-dropdown:before{display: none;} .main-feature .key-feature{margin-top: -30px;} .main-feature .key-feature > div{margin-top: 30px;} .main-feature .key-feature .theme-collection .image-contain{padding: 30px;} .dark-box > div{max-width: 33.33% !important; -webkit-box-flex: 0 !important; -ms-flex: 0 0 33.33% !important; flex: 0 0 33.33% !important;} .dark-box.partition-five > div:nth-child(-n + 4){margin-bottom: 0;} .dark-box.partition-five > div:nth-child(-n + 3){margin-bottom: 20px;} .dark-box.four-product > div{max-width: 33.33% !important; -webkit-box-flex: 0 !important; -ms-flex: 0 0 33.33% !important; flex: 0 0 33.33% !important;} .banner-style-2.absolute-banner .absolute-bg .collection-banner .absolute-img img{width: 29%; left: 26px; top: -12px;} .service-style-border .service-block{-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;} .product-left-title{margin-bottom: 30px;} .product-left-title h3{max-width: 100%;} .product-left-title.right-content{text-align: left;} .product-left-title.right-content .slick-custom-arrow{-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;} .cookie-bar.left-bottom{display: none; width: 100%; left: 0; right: 0; bottom: 0; padding: 20px;} .cookie-bar.left-bottom img{display: none;} .cookie-bar.left-bottom p{margin-bottom: 6px;} .cookie-bar.left-bottom .btn-close{display: none;} .cookie-bar.left-bottom.subscribe-box{left: 20px; bottom: 20px;} .cookie-bar.left-bottom.subscribe-box .btn-close{display: inline-block;} .deal-category .deal-content h2{font-size: 22px;} .shop-sidebar-demo .shop-sidebar{height: 100vh; top: 0; width: 290px; left: -300px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 6;} .shop-sidebar-demo .shop-sidebar.show{left: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .shop-sidebar-demo .shop-main{margin-left: 0; width: 100%;} .sidebar-shop-footer{margin-left: 0;} .login-page .authentication-right{height: auto;} .testimonial .testimonial-slider .media .media-body{padding: 0 30px; height: 100%; -ms-flex-item-align: center; align-self: center;} .testimonial .testimonial-slider .media .media-body p{margin-bottom: 0;} .testimonial .testimonial-slider .slick-track .slick-slide:nth-child(even) .media{border-left: none; padding-left: 0;} .blog-detail-page .blog-advance ul{margin-bottom: 20px;} .blog-detail-page .blog-advance p:last-child{margin-bottom: 0;} .top-banner-content h4{font-size: 20px;} .collection-product-wrapper .product-top-filter .product-filter-content .search-count{border-top: 1px solid #ddd;} .collection-product-wrapper .product-top-filter .product-filter-content .collection-view{display: none;} .collection-product-wrapper .product-top-filter .product-filter-content .collection-grid-view{display: none;} .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view, .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter{width: 50%;} .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view:before, .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter:before{right: 15px !important;} .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view select, .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter select{border-left: 1px solid #ddd; padding: 21px 34px 21px 34px; border-top: none; border-bottom: none;} .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view select{border-right: none !important;} .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view, .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter{border-top: 1px solid #ddd;} .filter-main-btn{display: block;} .collection-filter{position: fixed !important; height: 100vh; top: 0; left: -350px; background-color: #fff; z-index: 99; overflow-y: scroll; padding: 0; width: calc(300px + (320 - 300) * ((100vw - 320px) / (992 - 320))); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-shadow: 1px 0 5px #ddd; box-shadow: 1px 0 5px #ddd; display: block;} .collection-filter.show{left: 0;} .collection-filter .collection-sidebar-banner{text-align: center;} .collection-filter .theme-card{padding-left: 30px; padding-right: 30px;} .collection-filter .collection-sidebar-banner{padding: 0 30px;} .collection-filter.open{left: 0;} .collection-filter-block{border: none; background-color: transparent;} .collection-mobile-back{display: block; cursor: pointer; padding: calc(11px + 4 * (100vw - 320px) / 671) calc(12px + 8 * (100vw - 320px) / 671); position: sticky; top: 0; left: 0; background-color: #f6f6f6; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; border-bottom: 1px solid #eee;} .collection-mobile-back:hover{background-color: #f6f6f6;} .collection .section-t-space{padding-top: 30px;} .collection .partition-collection > div:nth-last-child(1){margin-top: 30px;} .collection .partition-collection > div:nth-last-child(2){margin-top: 30px;} .collection-product-wrapper .product-top-filter .popup-filter .open-popup.open{min-width: unset; border: none;} .right-login{margin-top: 30px;} .cart-section .cart-table thead th:last-child{display: none;} .cart-section tbody tr td{min-width: 135px;} .cart-section tbody tr td:last-child{display: none;} .cart-section .cart-buttons > div:last-child{padding-right: 15px;} .cart-section tfoot tr td{padding-right: 0;} .wishlist-section tbody tr td{min-width: 138px;} .product-right{text-align: center; margin: 20px 0 10px 0;} .product-right h2{margin-top: 15px;} .product-right .rating-section{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .product-right .detail-section, .product-right .product-icon{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .product-right .product-description .qty-box{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .product-right .size-text{text-align: left;} .product-right .timer{text-align: left;} .product-right .product-icon .product-social li{padding-right: 20px;} .collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup .open-popup{text-align: left;} .collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup .collection-filter{height: 100vh; left: -350px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .collection-product-wrapper .product-top-filter .popup-filter .search-count{width: 100%; padding: 10px 0; text-align: center;} .collection-product-wrapper .product-top-filter .popup-filter .collection-view, .collection-product-wrapper .product-top-filter .popup-filter .collection-grid-view{display: none;} .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view, .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter{width: 50%;} .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view select, .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter select{padding-top: 10px; padding-bottom: 10px;} .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view:before, .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter:before{top: 13px;} .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter:before{left: unset; right: 35px;} .pro_sticky_info{border: none; padding: 0; margin-top: 0; margin-bottom: -20px;} .product-form-box{margin-bottom: 10px;} .dashboard-left{position: fixed; height: 100vh; top: 0; left: -350px; background-color: #fff; z-index: 99; padding: 0 35px 35px; max-width: 350px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-box-shadow: 0 0 8px 0 #ddd; box-shadow: 0 0 8px 0 #ddd;} .dashboard-left .block-title h2{display: none;} .dashboard-left .block-content{border: none; padding: 0; margin-top: 20px;} .dashboard-left .block-content ul li:hover{padding-left: 0;} .account-sidebar{display: block;} .typography_section .row > div:first-child .typography-box:last-child{margin-bottom: 30px;} .product-slick .slick-prev, .product-slick .slick-next, .rtl-product-slick .slick-prev, .rtl-product-slick .slick-next, .product-right-slick .slick-prev, .product-right-slick .slick-next, .rtl-product-right-slick .slick-prev, .rtl-product-right-slick .slick-next{opacity: 1;} .product-slick .slick-prev, .rtl-product-slick .slick-prev, .product-right-slick .slick-prev, .rtl-product-right-slick .slick-prev{left: 20px;} .product-slick .slick-next, .rtl-product-slick .slick-next, .product-right-slick .slick-next, .rtl-product-right-slick .slick-next{right: 20px;} .order-up{-webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1;} .bundle .bundle_img{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .bundle .bundle_detail .theme_checkbox{padding: 0 20%;} .checkout-page .checkout-form .checkout-details{margin-top: 30px;} .vendor-cover .bg-size{height: 270px;} .vendor-profile .profile-left{display: block;} .vendor-profile .profile-left .profile-image{margin: 0 auto; width: 100%;} .vendor-profile .profile-left .profile-detail{margin: 0 auto; text-align: center; margin-left: 0; padding-left: 0; border-left: none; border-top: 1px solid rgba(34, 38, 42, 0.12); padding-top: 15px; width: 100%; margin-top: 15px;} .vendor-profile .profile-left .vendor-contact{width: 100%; text-align: center; margin-left: 0; padding-left: 0; border-left: none; border-top: 1px solid rgba(34, 38, 42, 0.12); padding-top: 15px; margin-top: 15px;} .vendor-profile .profile-left .vendor-contact > div{width: 100%;} .vendor-profile .profile-left .vendor-contact .footer-social{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .vendor-profile .profile-left .vendor-contact .footer-social li{padding: 0 5px;} .become-vendor h4{margin-bottom: 20px;} .become-vendor .step-bg .row{margin-left: -15px; margin-right: -15px;} .become-vendor .step-bg .row > div{padding-left: 15px; padding-right: 15px;} .become-vendor .step-bg .row > div:nth-child(2){margin-top: 0; margin-bottom: 30px;} .become-vendor .step-bg .row > div:nth-child(1){margin-bottom: 30px;} .become-vendor .step-bg .row > div:nth-child(3){margin-bottom: 0;} .become-vendor .step-bg:before{-webkit-transform: rotate(90deg); transform: rotate(90deg);} .dashboard-section .dashboard-sidebar .faq-tab .nav-tabs{display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; background-color: transparent; overflow: auto; -ms-flex-wrap: wrap; flex-wrap: wrap;} .dashboard-section .dashboard-sidebar .faq-tab .nav-tabs .nav-item{white-space: nowrap;} .dashboard-section .counter-section{margin-top: 20px;} .dashboard-section .faq-tab .nav-tabs .nav-item .nav-link.active{border: none; width: 100%;} .faq-tab .nav-tabs .nav-item .nav-link.active{border-bottom: 2px solid var(--theme-color); border-right: none;} .bg-title .theme-tab .bg-title-part{margin-top: 30px;} .tracking-page .wrapper .arrow-steps .step{min-width: 130px;} .top-filter .collection-collapse-block{padding-bottom: 20px;} .sticky-bottom-cart .selection-section .form-group{width: 170px;} .order-success-sec{margin-top: 20px;} .order-success-sec .row{margin-bottom: -20px;} .order-success-sec .row > div{margin-bottom: 20px;} .tracking-page .order-map{margin-top: 20px; padding-bottom: 20px;} .tools_product .multiple-slider{margin-bottom: 0;} .element-page .left-sidebar .sticky-sidebar{position: fixed !important; width: 290px; height: 100vh; overflow: auto; left: -300px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 9; background-color: #fff; top: 0; -webkit-box-shadow: 1px 0 5px #ddd; box-shadow: 1px 0 5px #ddd;} .element-page .left-sidebar .sticky-sidebar .doc-nav{padding: 25px;} .element-page .left-sidebar .sticky-sidebar .collection-mobile-back{padding: 25px;} .element-page .left-sidebar .sticky-sidebar.show{left: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .product-page-details .dashed-border-box .payment-img{margin-top: 8px;} .loader_skeleton .collection-banner .contain-banner{padding-left: 40px; padding-right: 40px;} .loader_skeleton .category-ldr .row .category-block{-webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;} .loader_skeleton .product-top-filter{border-top: 1px solid #f3f3f3;} .loader_skeleton .product-top-filter .row > div:nth-child(3){border-right: 1px solid #f3f3f3;} .loader_skeleton .product-page .product-right h2, .loader_skeleton .product-page .product-right h3, .loader_skeleton .product-page .product-right h4{margin-left: auto; margin-right: auto;} .loader_skeleton .product-page .product-right .btn-group{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .loader_skeleton .tab-product{margin-top: 25px !important;} .loader_skeleton .blog-page .order-sec .product-box .media{display: block;} .loader_skeleton .blog-page .order-sec .product-box .img-wrapper{width: 100%;}} @media (max-width: 767px){.container-fluid.custom-container{padding-left: 30px; padding-right: 30px;} .modern-box{margin-top: 50px;} .modern-box .absolute-img img{width: 50%; margin-left: 20px; margin-top: -76px;} .modern-box .modern-content p{display: none;} .title-basic{display: block;} .title-basic .timer{margin-left: 0; margin-top: 15px; padding-left: 15px;} .title-basic .timer p{font-size: 16px;} .title-basic .timer span{width: 60px;} .title-basic .timer span .padding-l{padding-left: 50px;} .game-banner .banner-timer{padding-top: 15px; padding-bottom: 30px;} .space_sm{padding-top: 0 !important;} header.header-5.left-sidebar-header{position: relative;} header.header-5.text-light-header{position: relative; background-color: #0c0d0c;} header.header-style .top-header .header-dropdown > li{padding: 25px 0 25px 10px;} .header-style-1 .main-menu .brand-logo{padding-top: 15px; padding-bottom: 15px;} .header-style-1 .toggle-nav{top: -43px;} .header-style-5.color-style .main-menu .menu-right .icon-nav li{padding-left: 12px;} .header-style-5.color-style .top-header .header-dropdown > li{padding-left: 12px;} .main-menu .menu-right .icon-nav li{padding-left: 10px;} .gym-slider .home-slider .home{height: 70vh;} .gym-slider .home-slider .home .slider-contain{height: 70vh;} .theme-modal.cart-modal .product-section{display: none;} .addtocart_count .product-box:hover .cart-info a:nth-child(1) i, .addtocart_count .product-box:hover .cart-info a:nth-child(2) i, .addtocart_count .product-box:hover .cart-info a:nth-child(3) i{-webkit-animation: none; animation: none;} .addtocart_count .center-slider .offer-slider .add-button, .addtocart_count .center-slider .offer-slider .cart-info{display: none;} .addtocart_count .center-slider .offer-slider .product-box .product-detail{margin-top: 25px;} .absolute_banner{margin-bottom: 0;} .absolute_banner .collection-banner .absolute-contain{bottom: 25px;} .absolute_banner .collection-banner .absolute-contain h3{font-size: 20px;} .absolute_banner .collection-banner .absolute-contain h4{font-size: 16px;} .box-product .full-box .row > div:nth-last-child(-n + 3){margin-top: 30px;} .advertise-section .full-banner .banner-contain h2{font-size: 60px; margin-top: -10px;} .absolute-banner{margin-top: -60px;} .absolute-banner.search-section{margin-top: 0;} .absolute-banner.search-section .absolute-bg .row > div{margin-bottom: 20px;} .absolute-banner.search-section .absolute-bg .row > div.search-col{margin-bottom: 0;} .absolute-banner.search-section .absolute-bg .row > div.search-col .search-btn{width: 70%; margin: 0 auto;} footer.footer-classic .upper-footer .small-section{padding: 20px 0;} footer.footer-classic .subscribe-form .form-control{padding: 8px;} footer.footer-black.footer-light .footer-theme .footer-title{border-bottom: 1px solid #505050;} footer.footer-black.footer-light .footer-theme .footer-title h4{margin-bottom: 14px;} .footer-style-1 .contact-list{margin-bottom: 10px;} .footer-style-1 .footer-content .footer-social li{padding-right: 5px;} .insta-title{width: 170px; height: 30px;} .insta-title h4{font-size: 14px;} .tools_slider .home-slider .home .tools-parts, .tools_slider .home-slider .home .tools-parts1{display: none;} .tools_slider .home-slider .slider-contain{margin-left: 0; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important;} .tools-service .service-block + .service-block{margin-top: 0;} .tools-service .service-block + .service-block + .service-block{margin-top: 20px;} .tools-grey .product-box .img-wrapper{padding-bottom: 35px;} .tools-grey .product-box .cart-info{bottom: 10px;} .tools-grey .product-box .cart-info button{font-size: 0; width: unset; background-color: #eef0f1;} .tools-grey .product-box .cart-info button i{display: block;} .tools-grey .product-box .cart-info button:hover i{color: #fff;} .tools-grey .product-box .cart-info .mobile-quick-view{display: block; margin-left: 5px;} .tools-grey .product-box .quick-view-part{display: none;} .tools-grey .product-box:hover .img-wrapper .front img{opacity: 1;} .tools-grey .product-box:hover .ribbon{display: block;} .tools-parallax-product .tools-grey .slick-prev, .tools-parallax-product .tools-grey .slick-next{display: none !important;} .tools-parallax-product.full-banner{padding-top: 60px; padding-bottom: 60px;} .bag-product .product-box .img-wrapper, .bag-product .product-wrap .img-wrapper{margin-bottom: 0;} .bag-product .product-box .product-info .add-btn, .bag-product .product-wrap .product-info .add-btn{bottom: 0; position: relative;} .bag-product .product-box .product-info .add-btn .btn, .bag-product .product-wrap .product-info .add-btn .btn{padding: 4px 5px; margin-top: 7px;} .bag-product .product-box.product-style-2 .product-info .add-btn, .bag-product .product-wrap.product-style-2 .product-info .add-btn{margin-top: 8px;} .bag-product .product-box.product-style-2 .product-info .color-variant, .bag-product .product-wrap.product-style-2 .product-info .color-variant{padding-top: 5px;} .pet-parallax .pet-decor{display: none;} .j-box .product-box .cart-info{bottom: 0; position: relative; opacity: 1;} .j-box .product-box .cart-info a i{padding: 10px;} .j-box.style-box .product-box .product-detail{padding-top: 0;} .pets-box .product-box .img-wrapper .cart-info{-webkit-transform: none; transform: none;} .pets-box .product-box .img-wrapper .cart-info i{font-size: 16px;} .service-w-bg .service-block svg{margin-bottom: 15px;} .layout3-menu .main-menu .brand-logo img{height: 25px;} .game-product .product-box .cart-info{right: 5px;} .game-product .product-box .cart-info a i{margin: 7px 0; padding: 7px; font-size: 14px;} .game-product .product-box .add-button{bottom: 0;} .game-product .product-box .img-wrapper{padding-bottom: 37px;} .game-product .product-box:hover .cart-info a:nth-child(1) i{-webkit-animation: none; animation: none;} .game-product .theme-tab .tab-title .current a, .game-product .theme-tab .tab-title2 .current a{border-bottom: none; padding-bottom: 0;} .gym-product .product-box .img-wrapper .cart-info{display: block; height: unset; top: unset; left: unset; right: 0;} .gym-product .product-box .img-wrapper .cart-info i{background: none; color: #6f6f6f;} .gym-product .product-box .img-wrapper .cart-info button:hover i, .gym-product .product-box .img-wrapper .cart-info a:hover i{color: var(--theme-color);} .gym-product .product-box:hover .img-wrapper .cart-info button{-webkit-animation: none; animation: none;} .gym-product .product-box:hover .img-wrapper .cart-info a:nth-child(2) i{-webkit-animation: none; animation: none;} .gym-product .product-box:hover .img-wrapper .cart-info a:nth-child(3) i{-webkit-animation: none; animation: none;} .gym-product .product-box:hover .img-wrapper .cart-info a:nth-child(4) i{-webkit-animation: none; animation: none;} .game-banner .banner-timer .banner-text{background-color: transparent;} .detail-cannabis .detail_section{margin-top: 30px; text-align: center;} .detail-cannabis .row > div:first-child .detail_section{margin-top: 0;} .border-box.tools-grey .product-box .img-wrapper{padding-bottom: 0;} .border-box.tools-grey .product-box .cart-info a, .border-box.tools-grey .product-box .cart-info button{background-color: #fff;} .service_slide .home-slider .slider-contain{height: 60vh;} .portfolio-section.metro-section .product-box .cart-wrap a i{opacity: 1; font-size: 16px; padding: 5px;} .portfolio-section.metro-section .product-box .cart-wrap button i{font-size: 16px; padding: 5px;} .portfolio-section.metro-section .product-box .product-detail{opacity: 1; bottom: 15px; background-color: rgba(255, 255, 255, 0.5);} .portfolio-section.metro-section .product-box .product-detail h6{color: #000;} .portfolio-section.metro-section .product-box:hover .product-detail{opacity: 1;} .portfolio-section.metro-section .product-box:hover .cart-wrap a:nth-child(2) i, .portfolio-section.metro-section .product-box:hover .cart-wrap a:nth-child(3) i, .portfolio-section.metro-section .product-box:hover .cart-wrap a:nth-child(4) i{-webkit-animation: none; animation: none;} .bg-title .theme-tab .bg-title-part{display: block; text-align: center;} .bg-title .theme-tab .bg-title-part .tab-title{margin-left: unset; text-align: center;} .bg-title .theme-tab .bg-title-part .tab-title li{padding-left: 5px; padding-right: 5px;} .bg-title .theme-tab .bg-title-part .tab-title.w-bg{margin-top: 15px;} header.header-metro .metro .layout3-menu{max-width: 540px;} header.left-header .top-header .header-dropdown li{padding: 15px; padding-right: 0;} header.left-header .main-menu .menu-right .icon-nav li{padding-left: 15px;} header.header-5.left-sidebar-header .top-header .header-dropdown > li{padding-left: 10px;} footer.footer-5 .sub-footer > .container{border-top: none;} footer.footer-5 .dark-layout .footer-title{border-bottom: 1px solid #fff;} footer.footer-black .upside .small-section .center-thing{display: inline-block; width: 100%;} footer.footer-black .footer-title h4{color: #fff;} footer.footer-black.footer-light .subscribe{height: auto; margin-bottom: 10px;} footer.footer-black.footer-light .subscribe-form{height: auto;} footer.footer-black .below-section{padding-top: 85px;} .portfolio-padding{padding-bottom: 10px;} .product-full-tab{padding-top: 30px !important;} .product-box.single-product .product-detail .btn-solid{padding: 8px 36px;} .product-box.single-product .color-variant{padding-top: 10px;} .product-box.single-product .color-variant .nav-item{width: 20px !important; height: 20px !important; margin: 0 6px;} .product-box .cart-info.bg-color-cls{right: 0;} .small-section{padding: 20px 0;} .theme-tab .tab-title a, .theme-tab .tab-title2 a{text-transform: capitalize;} .about-cls .service.border-section{border-bottom: none;} .about-cls .service.small-section{padding-bottom: 0;} .service-block .media{display: block; text-align: center; padding-top: 0; padding-bottom: 0;} .service-block svg{margin-right: 0;} .service-block + .service-block{border-left: 0; margin-top: 20px;} .service-block:last-child .media .media-body p{margin-bottom: 5px;} .full-banner.custom-space{padding: 30px 0;} .full-banner .custom-size.banner-contain h2{font-size: calc(30px + (55 - 30) * ((100vw - 320px) / (767 - 320))); margin-bottom: 0;} .full-banner .custom-size.banner-contain h3{font-size: calc(18px + (28 - 18) * ((100vw - 320px) / (767 - 320)));} .full-banner .custom-size.banner-contain .btn{margin-top: 0; padding: 7px 19px; font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (767 - 320)));} .partition2{margin-bottom: -25px;} .partition2 > div{margin-bottom: 25px;} .partition4 > div + div{margin-top: 30px;} .center-slider{border-left: none; border-right: none;} .about-text p{line-height: 25px;} .banner-timer{padding-top: 5px; padding-bottom: 5px;} .banner-timer .banner-text{padding-top: 15px; padding-bottom: 15px; background-color: rgba(255, 255, 255, 0.65);} .banner-timer .banner-text h2{font-size: 15px;} .banner-timer .timer-box{text-align: center;} .banner-timer .timer{margin-top: 5px; padding-top: 6px; padding-bottom: 6px; padding-left: 20px;} .banner-timer .timer p{font-size: 14px;} .banner-timer .timer span{width: 40px;} .banner-timer .timer span .padding-l{padding-left: 10px; right: -15px;} .darken-layout .footer-title, .dark-layout .footer-title{border-bottom: 1px solid rgba(255, 255, 255, 0.18);} .darken-layout .subscribe-wrapper, .dark-layout .subscribe-wrapper{padding-bottom: 10px;} footer .footer-title h4{font-size: 14px !important;} .footer-title{margin-top: 10px; text-align: left; border-bottom: 1px solid #eee; position: relative;} .footer-title.footer-mobile-title{margin-top: 0;} .footer-title h4{text-transform: uppercase; font-weight: 700; cursor: pointer;} .footer-title.active .according-menu{font: normal normal normal 14px/1 FontAwesome;} .footer-title.active .according-menu:before{content: "-"; position: absolute; right: 2px; top: 2px;} .footer-title .according-menu{font: normal normal normal 14px/1 FontAwesome;} .footer-title .according-menu:before{content: "+"; position: absolute; right: 2px; top: 2px;} .banner-slider .home-banner > div img{margin-top: 30px;} .banner-slider .home-banner > div:last-child img{margin-top: 30px;} .lookbook .row > div:last-child .lookbook-block{margin-top: 30px;} .lookbook-section .lookbook-img > div{margin-bottom: 25px;} .lookbook-section .lookbook-img > div + div img{margin-top: 0;} .lookbook-section.lookbook .row > div:last-child .lookbook-block{margin-top: 0;} .full-scroll-footer .sub-footer p{padding: 0; line-height: 25px;} .box-layout-body .box-layout{margin-top: -40px;} .layout-20{padding: 15px;} .home-slider .slider-details{top: 15%; right: 8%; padding: 0px; width: 225px !important; height: 225px !important;} .home-slider .slider-details h1{font-size: 25px; margin: 5px 0;} .home-slider .slider-details h2{font-size: 20px;} .home-slider .slider-details h3{font-size: 18px;} .home-slider .slider-details h3:before, .home-slider .slider-details h3:after{width: 8px; height: 8px; top: 5px;} .home-slider .slider-details h4{font-size: 16px;} .home-slider .slider-details .btn-white{padding: 5px 10px; font-size: 14px;} .home-slider.fullpage .slick-dots{display: -webkit-box; display: -ms-flexbox; display: flex; bottom: 70px; top: unset; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);} .home-slider.fullpage .slick-dots li button:before{color: #0a0100;} .footer-content{text-align: left;} .footer-content .footer-logo{margin-top: 20px; margin-bottom: 20px;} .footer-content li{text-align: left;} .footer-content .footer-social ul{margin: unset;} .footer-content .footer-social ul li{padding-right: 25px; padding-left: 0;} .social-white li:first-child{padding-left: 0;} .footer-style-1 .mb-cls-content{margin-top: 10px;} .footer-theme .footer-mobile-title{display: block !important;} .footer-theme .col{max-width: 100%; -ms-flex-preferred-size: unset; flex-basis: unset;} .footer-theme .footer-social{margin-bottom: 15px;} .footer-theme .sub-title li{padding-top: 10px;} .footer-theme .sub-title .contact-list i{position: relative; top: 0; margin-right: 10px;} .footer-theme .sub-title .contact-list li{padding-left: 0;} .footer-social ul{margin: 0 auto;} .footer-social li{padding: 0 15px;} .footer-end{text-align: center;} .sub-footer .payment-card-bottom{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 25px;} .subscribe-wrapper{margin: 10px 0 0 0; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0;} .footer-theme2 p{margin-bottom: 10px;} .footer-theme2 .footer-mobile-title{display: block !important;} .footer-theme2 .p-set{padding: 0 15px !important;} .footer-theme2 .col{padding: 0;} .footer-theme2 .footer-link li{display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 10px;} .footer-theme2 .footer-link h4{padding-bottom: 10px;} .footer-theme2 .contact-details li{padding-left: 0; padding-top: 10px;} .footer-theme2 .footer-link-b li{display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 10px;} .footer-theme2 .footer-link-b h4{margin-top: 0; padding-bottom: 10px;} .footer-theme2.section-light .footer-block h4{padding-bottom: 10px;} .footer-theme2.section-light .footer-block .subscribe-white{padding: 40px 65px;} .footer-theme2.section-light .footer-block .subscribe-white h2{margin-bottom: 20px;} .footer-theme2.section-light .footer-block .subscribe-white .form-group{display: -webkit-box; display: -ms-flexbox; display: flex;} .footer-theme2.section-light .footer-block .subscribe-white .form-group .btn-solid, .footer-theme2.section-light .footer-block .subscribe-white .form-group .btn-outline{margin-top: 0;} .footer-theme2 .subscribe-block h2{margin-bottom: 20px;} .footer-theme2 h4{padding-bottom: 10px;} .darken-layout .footer-theme .footer-mobile-title h4{color: #fff;} .dark-layout .small-section{padding-bottom: 40px;} .dark-layout section{padding-top: 0;} .dark-layout .section-b-space{border: none; padding-bottom: 0;} .dark-layout .subscribe-wrapper{-webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1;} .dark-layout .footer-theme2 .subscribe-wrapper .subscribe-block{padding: 10px 60px;} .dark-layout .footer-theme2 .subscribe-wrapper .subscribe-block h2{display: none;} .dark-layout .footer-theme2 .subscribe-wrapper .subscribe-block .form-group{display: -webkit-box; display: -ms-flexbox; display: flex;} .dark-layout .footer-theme2 .subscribe-wrapper .subscribe-block .form-group .btn-solid, .dark-layout .footer-theme2 .subscribe-wrapper .subscribe-block .form-group .btn-outline{margin-top: 0;} .social-white{margin-bottom: 10px;} .category-border div .category-banner .category-box h2{font-size: 25px;} .pet-layout-footer .footer-theme2 .footer-link .social-white{margin-top: 30px; margin-bottom: 20px;} .pet-layout-footer .footer-theme2 .footer-link .social-white li{display: unset;} .box-layout .small-section{padding-top: 0;} .white-layout .footer-theme2 > div:nth-child(2){-webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1;} .white-layout .footer-theme2.footer-border{padding: 0; border: none;} .white-layout .footer-theme2 .footer-block .footer-container{max-width: 540px; width: 100%;} .white-layout .footer-theme2 .footer-block .footer-container .footer-mobile-title{margin-top: 20px;} .white-layout .footer-theme2 .footer-block .subscribe-white h2{display: none;} .category-bg{padding: 30px 40px;} .category-bg .image-block.even:after{bottom: 85%;} .category-bg .image-block:after{width: 25px; margin-top: -25px;} .category-bg .image-block:hover:after{height: 50px;} .category-bg .contain-block h2{font-size: 18px; margin-top: 8px;} .category-bg .contain-block h6{letter-spacing: 0.1em; font-size: 12px;} .category-bg .contain-block:after{width: 25px;} .category-bg .contain-block.even:after{top: 87%;} .category-bg .contain-block .category-btn{margin-bottom: 10px; margin-top: 10px; letter-spacing: 0.1em; padding: 5px 15px;} .category-bg .contain-block:after{bottom: 87%;} .category-bg .contain-block:hover:after{height: 50px;} .layout9-box .product-box .img-block{min-height: unset;} .product-box .img-wrapper .cart-box.style-1, .product-wrap .img-wrapper .cart-box.style-1{padding: 7px 4px; bottom: 7px;} .product-box .img-wrapper .cart-box.style-1 i, .product-wrap .img-wrapper .cart-box.style-1 i{padding-left: 4px; padding-right: 4px;} .product-box .cart-detail, .product-wrap .cart-detail{top: 5px; right: 10px;} .product-box:hover .product-info .add-btn, .product-wrap:hover .product-info .add-btn{-webkit-animation: none; animation: none;} .product-box .img-wrapper .cart-box, .product-wrap .img-wrapper .cart-box{padding: 8px 10px; bottom: 20px;} .product-box .img-wrapper .cart-box i, .product-wrap .img-wrapper .cart-box i{font-size: 15px; padding-left: 4px; padding-right: 4px;} .product-box .cart-info, .product-box .cart-detail{opacity: 1;} .product-box .img-wrapper .cart-box{opacity: 1;} .product-box:hover .img-wrapper .cart-box{-webkit-animation: none; animation: none;} .product-box:hover .cart-info button, .product-box:hover .cart-detail button{-webkit-animation: none; animation: none;} .product-box:hover .cart-info a i, .product-box:hover .cart-detail a i{-webkit-animation: none; animation: none;} .product-box:hover .cart-info a:nth-child(2) i, .product-box:hover .cart-detail a:nth-child(2) i{-webkit-animation: none; animation: none;} .product-box:hover .cart-info a:nth-child(3) i, .product-box:hover .cart-detail a:nth-child(3) i{-webkit-animation: none; animation: none;} .product-box:hover .cart-info a:nth-child(4) i, .product-box:hover .cart-detail a:nth-child(4) i{-webkit-animation: none; animation: none;} .product-box .product-info .add-btn, .product-wrap .product-info .add-btn{opacity: 1;} .no-slider.five-product-row .product-box{-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: calc(50% - 20px); margin-left: 10px; margin-right: 10px;} .theme-tab .tab-title2{font-size: 20px;} .theme-tab .tab-title2 li{padding-left: 15px; padding-right: 15px;} .theme-tab .tab-title2:after{top: 15px;} .full-banner{padding-top: 120px; padding-bottom: 120px;} .full-banner.parallax-layout{padding-top: 120px; padding-bottom: 120px;} .full-banner.feature-banner .banner-decor .left-img, .full-banner.feature-banner .banner-decor .right-img{display: none;} .full-banner.feature-banner h2{margin-bottom: 35px;} .full-banner .banner-contain h2{font-size: 75px;} .full-banner .santa-img img{width: 125px;} .pet-parallax .full-banner{padding-top: 120px; padding-bottom: 120px;} .collection-banner .contain-banner{padding-left: 60px; padding-right: 60px;} .collection-banner .contain-banner.banner-3{padding-left: 40px; padding-right: 40px;} .collection-banner .contain-banner.banner-3 h2{font-size: 20px;} .collection-banner .contain-banner.banner-3 h4{font-size: 18px;} .collection-banner .contain-banner.banner-4{padding-left: 45px; padding-right: 45px;} .collection-banner .contain-banner.banner-4 h2{font-size: 18px;} .collection-banner .contain-banner h2{font-size: 35px;} .home-slider .home{height: 60vh;} .home-slider .slider-contain{height: 60vh;} .home-slider .slider-contain h1{font-size: 35px; margin-top: 5px;} .home-slider .slider-contain .btn-solid, .home-slider .slider-contain .btn-outline{margin-top: 10px; padding: 10px 25px;} .home-slider:hover .slick-next{right: 80px;} .home-slider:hover .slick-prev{left: 80px;} .upper-canvas-section.height-100 .home-slider .slider-contain.left-canvas-section{height: auto; padding-top: 120px;} .upper-canvas-section.height-100 .home-slider .slider-contain.right-canvas-section{height: auto; padding-top: 0; padding-bottom: 50px;} .lower-canvas-section .left-canvas-section{padding: 20px 0 40px;} .canvas-bg{background-position: right !important;} .home-form .table-form .form-group{margin-bottom: 20px;} .home-form .table-form .btn{background-size: 950px;} .height-85 .home-slider .home{height: 65vh;} .height-85 .home-slider .slider-contain{height: 65vh;} .background .col{-ms-flex-preferred-size: unset; flex-basis: unset;} .background .contain-bg{margin: 10px 0;} .full-box .center-slider .offer-slider{text-align: center;} .full-box .center-slider .offer-slider .product-box{border: none; display: inline-block;} .full-box .center-slider .offer-slider .product-box .img-wrapper{text-align: center;} .full-box .center-slider .offer-slider .product-box .img-wrapper img{height: 200px;} .full-box .center-slider .offer-slider .product-box:hover{-webkit-box-shadow: none; box-shadow: none;} .full-box .theme-card .offer-slider .sec-1{display: -webkit-box; display: -ms-flexbox; display: flex;} .full-box .theme-card .offer-slider .sec-1 .product-box2 .media .media-body .color-variant li{height: 18px; width: 18px; padding-right: 3px;} .full-box .theme-card .offer-slider .sec-1 .product-box2 + .product-box2{border-top: none;} .theme-tab .tab-title li, .theme-tab .tab-title2 li{padding-left: 5px; padding-right: 5px;} .theme-tab .tab-content .product-tab .tab-box .product-box2 img{height: 100px;} .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .age-content h2{margin-bottom: 20px; padding-bottom: 20px;} .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .age-content h4{margin-bottom: 20px; font-size: 15px;} .filter-main-btn span{font-size: 16px;} .tap-top{bottom: 70px; right: 20px;} .footer-theme2 .footer-link li, .footer-theme2 .footer-link-b li{padding-left: 0;} .product-christmas .product-box .cart-wrap{background-color: var(--theme-color); bottom: 0; opacity: 1;} .bake-header .absolute-logo{left: 50px; -webkit-transform: unset; transform: unset;} .bakery-banner .home-slider .slider-contain > div{padding: 40px 40px;} .bakery-banner .home-slider .slider-contain h4{letter-spacing: 0.2em; line-height: 22px;} .category-bake .category-box{padding: 10px 0;} .category-bake .category-box h3{font-size: 18px;} .custom-cake .steps-media{margin-bottom: 20px;} .custom-cake .customized-bottom{display: block; text-align: center;} .custom-cake .customized-bottom .form-group{margin-right: 0; width: 100%; margin-bottom: 20px; text-align: left;} .cycle-box-row > div{-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} .bg-dark-bottom{padding: 14px !important;} .home-slider .banner-content-bottom .slick-slider{margin-top: 0; padding: 50px 0 100px;} .home-slider .banner-content-bottom .center-cls .slick-slider{margin-top: 14px;} .height-100.sm-responsive .home-slider .home{height: 80vh;} .height-100.sm-responsive .home-slider .slider-contain{height: calc(80vh + 80px);} .height-100.xs-responsive .home-slider .home{height: 60vh !important;} .height-100.xs-responsive .home-slider .slider-contain{height: calc(60vh + 80px);} .single-detail-section .row > div:first-child{margin-bottom: 20px;} .pt-res-0{padding-top: 0;} .category-img-wrapper .row{margin-bottom: -30px;} .category-img-wrapper .row > div{margin-bottom: 30px;} .banner-style-1 .full-box .card-margin{margin-bottom: 20px;} .banner-style-1 .full-box .theme-card .offer-slider .product-box2{width: 100%; padding: 20px;} .banner-style-1 .full-box .theme-card .offer-slider .product-box2 .media img.h-cls{height: 200px;} .banner-style-2.absolute-banner .absolute-bg .collection-banner .absolute-img img{left: 60px; top: 30px;} .service-style-border .service-block{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .service-style-border .service-block .media-body{padding-left: 0; border-left: none;} .service-style-border .service-block svg{margin-right: 0; margin-bottom: 10px;} .sale-box{left: -8px;} .sale-box .heading-right h3{-webkit-transform: translate(50%, -50%) rotate(-90deg) scale(0.7); transform: translate(50%, -50%) rotate(-90deg) scale(0.7);} .blog-detail-page .comment-section li{padding-top: 40px; padding-bottom: 40px;} .product-pagination .pagination{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .testimonial{background-color: #f7f7f7;} .testimonial .testimonial-slider .media .media-body{padding: 30px 30px 30px 30px;} .about-page{text-align: center;} .team h2{font-size: 25px;} .layout2-logo{padding-right: 70px;} .faq-section .theme-accordion .card .card-body p{line-height: 1.5 !important;} .faq-section .theme-accordion .card .card-header button{font-size: 14px !important; white-space: normal; width: 100%; padding: 16px 30px 16px 18px !important;} .product-wrapper-grid.list-view .product-box{display: block; border: 1px solid #eee; padding: 15px;} .product-wrapper-grid.list-view .product-box .img-wrapper, .product-wrapper-grid.list-view .product-box .img-block{margin: 0 auto 15px;} .product-wrapper-grid.list-view .product-box .product-detail{padding-left: 0;} .register-page .theme-card{padding: 25px;} .register-page .theme-card .theme-form input{margin-bottom: 25px; padding: 13px 18px;} .collection .partition-collection > div:nth-last-child(1), .collection .partition-collection > div:nth-last-child(2), .collection .partition-collection > div:nth-last-child(3){margin-top: 30px;} .collection-product-wrapper .product-pagination .product-search-count-bottom{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-right: 0;} .collection-product-wrapper .product-pagination .product-search-count-bottom h5{padding: 10px 0;} .cart-section tbody tr td a, .wishlist-section tbody tr td a{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .cart-section .cart-table thead th:nth-last-child(-n + 4){display: none;} .cart-section tbody tr td:nth-last-child(-n + 4){display: none;} .cart-section tbody tr td .mobile-cart-content{display: -webkit-box; display: -ms-flexbox; display: flex;} .wishlist-section .cart-table thead th:nth-last-child(-n + 3){display: none;} .wishlist-section tbody tr td:nth-last-child(-n + 3){display: none;} .wishlist-section tbody tr td .mobile-cart-content{display: -webkit-box; display: -ms-flexbox; display: flex;} .blog-page .order-sec{-webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1;} .blog-page .blog-media:last-child{margin-bottom: 30px;} .blog-page .blog-sidebar ul li{display: block;} .tab-pane iframe{width: 100%;} .product-order .product-order-detail img{height: auto;} .typography_section .typography-box .typo-content.product-pagination .pagination{border-left: none;} .typography_section .typography-box .typo-content.typo-buttons a:last-child{margin-top: 5px;} .loader_skeleton .banner-slider .home-banner > div:first-child .home-slider{margin-top: 25px;} .loader_skeleton .category-ldr .row .category-block{-webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%;} .loader_skeleton .box-layout .small-section{padding-top: 20px;} .loader_skeleton .center-slider .product-box{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 25px; margin-bottom: 25px;} .loader_skeleton .center-slider .product-box .img-wrapper{height: calc(50px + (250 - 50) * ((100vw - 320px) / (1920 - 320))); width: calc(120px + (230 - 150) * ((100vw - 320px) / (1920 - 320))); margin-right: 15px;} .loader_skeleton .center-slider .product-box .product-detail{-ms-flex-item-align: center !important; align-self: center !important;} .loader_skeleton .center-slider .product-box .product-detail h4, .loader_skeleton .center-slider .product-box .product-detail h6{margin-left: unset; margin-right: unset;} .loader_skeleton .service-block h4, .loader_skeleton .service-block p{margin-left: auto; margin-right: auto;} .dashboard-section .counter-section .row > div{margin-bottom: 20px;} .dashboard-section .counter-section .row > div:last-child{margin-bottom: 0;} .dashboard-section .apexcharts-canvas{margin: 0 auto;} .dashboard-section .dashboard-table .table.product-table th:nth-child(2), .dashboard-section .dashboard-table .table.product-table th:nth-child(3), .dashboard-section .dashboard-table .table.product-table td:nth-child(2), .dashboard-section .dashboard-table .table.product-table td:nth-child(3){min-width: 200px;} .dashboard-section .dashboard-table .table.order-table-vendor td:nth-child(2), .dashboard-section .dashboard-table .table.order-table-vendor th:nth-child(2){min-width: 200px;} .dark-box{margin-right: -10px; margin-left: -10px;} .dark-box > div{max-width: 50% !important; -webkit-box-flex: 0 !important; -ms-flex: 0 0 50% !important; flex: 0 0 50% !important; padding: 0 10px; margin-bottom: 30px;} .dark-box.partition-five > div:nth-child(-n + 4){margin-bottom: 30px;} .dark-box .product-box{margin-bottom: 0; padding: 0; border: none;} .dark-box .product-box .cart-detail i{padding: 4px; font-size: 10px; margin-bottom: 7px;} .dark-box .product-box .product-info{padding-bottom: 0;} .dark-box .product-box .product-info .add-btn{display: block;} .dark-box .product-box:hover{border: none;} .dark-box.four-product > div{max-width: 50% !important; -webkit-box-flex: 0 !important; -ms-flex: 0 0 50% !important; flex: 0 0 50% !important;} .tracking-page .wrapper{margin: 20px 0 5px;} .tracking-page .wrapper .arrow-steps .step{min-width: 130px; display: block; width: 100%; margin-bottom: 26px;} .tracking-page .wrapper .arrow-steps .step:before{display: none;} .tracking-page .wrapper .arrow-steps .step:after{-webkit-transform: rotate(90deg) translateY(-50%); transform: rotate(90deg) translateY(-50%); top: 30px; right: 50%; border-top: 17px solid transparent; border-bottom: 21px solid transparent; border-left: 17px solid #f8f8f8;} .tracking-page .wrapper .arrow-steps .step:last-child:after{display: none;} .tracking-page .tracking-detail ul li .left{min-width: 200px;} .sticky-bottom-cart .selection-section .form-group{width: 120px;} .modern-box{margin-top: 50px;} .modern-box .absolute-img img{width: 50%; margin-left: 20px; margin-top: -76px;} .modern-box .modern-content p{display: none;} .sitemap_page .row > div{padding-top: 0; padding-bottom: 0;} .sitemap_page .row > div:nth-child(odd){background-color: transparent;} .blog-page .blog-sidebar .theme-card{background-color: transparent;} .setting-box{width: 460px;} .dashboard-section .dashboard-table .table.order-table th:nth-child(2), .dashboard-section .dashboard-table .table.order-table td:nth-child(2){min-width: 80px;} .dashboard-section .dashboard-table .table.order-table th:nth-child(3), .dashboard-section .dashboard-table .table.order-table td:nth-child(3){min-width: 180px;} .dashboard-section .dashboard-table .table.wishlist-table th:nth-child(2), .dashboard-section .dashboard-table .table.wishlist-table td:nth-child(2){min-width: 80px;} .dashboard-section .dashboard-table .table.wishlist-table th:nth-child(3), .dashboard-section .dashboard-table .table.wishlist-table td:nth-child(3){min-width: 180px;} .dashboard-section .dashboard-table .table.wishlist-table th:nth-child(5), .dashboard-section .dashboard-table .table.wishlist-table td:nth-child(5){min-width: 150px;} .product-page-details .sub-title{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: left;} .product-page-details .dashed-border-box{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .timer-sec-box{text-align: center;} .product-page-details .product-offer.delivery-details{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}} @media (max-width: 577px){.custom-container{padding-left: 15px; padding-right: 15px;} .header-style-1 .cart_qty_cls{top: -10px;} header.header-tools .toggle-nav{padding-top: 16px; padding-bottom: 16px;} header.header-5.left-sidebar-header .top-header .header-dropdown > li{padding-top: 0; padding-bottom: 0;} header.header-5 .top-header .header-dropdown > li i{color: #999999;} .header-style-1 .main-menu{z-index: 9;} .header-style-1 .toggle-nav{z-index: 10;} .header-style-1 .top-header .header-dropdown li{padding: 0;} .header-style-1 .top-header .header-dropdown li i{color: #999999;} .header-style-1 .brand-logo{position: relative; left: 0; padding-top: 15px !important; padding-bottom: 15px !important; -webkit-transform: none; transform: none;} .header-style-1 .toggle-nav{top: -39px;} .header-style-1 .btn-solid.btn-xs{padding: 2px 11px;} .header-style-2 .main-menu .brand-logo{position: relative; padding-left: 40px;} .header-style-2 .main-nav-center .toggle-nav{left: 15px;} .header-style-5.border-style .main-menu{z-index: 9;} .header-style-5.border-style .main-menu .menu-right .icon-nav li{padding-top: 0; padding-bottom: 0;} .header-style-5.border-style .main-nav-center .toggle-nav{right: 15px; top: -68px;} .header-style-5.color-style .top-header .header-dropdown > li{padding: 0;} .header-style-5.color-style .top-header .header-dropdown > li img{opacity: 0.6; width: 22px; -webkit-filter: invert(0.7); filter: invert(0.7);} .header-style-5.color-style.style-classic .main-menu .menu-right .icon-nav li{padding: 0;} .header-style-5.color-style.style-classic .top-header .header-dropdown > li{padding: 0;} .header-style-5.color-style.style-classic .toggle-nav{padding-top: 16px; padding-bottom: 16px;} .header-style-7 .main-menu .menu-left .navbar{padding: 20px 15px 20px 0 !important;} .header-style-7 .main-menu .menu-left .navbar .bar-style{width: 20px;} .header-style-7 .main-menu .menu-right .icon-nav li{padding-right: 10px;} .header-style-7 .main-menu .menu-right .icon-nav .mobile-cart{padding-right: 0;} .header-style-7 .main-menu .menu-right .icon-nav .mobile-cart .show-div.shopping-cart{top: 52px; bottom: unset; left: unset !important;} .header-style-7 .main-menu .menu-right .icon-nav .mobile-cart .show-div.shopping-cart li .media img{width: auto;} .header-style-7 .main-menu .menu-right .icon-nav .mobile-setting, .header-style-7 .main-menu .menu-right .icon-nav .mobile-cart, .header-style-7 .main-menu .menu-right .icon-nav .mobile-search{position: relative; bottom: 0; right: 0 !important;} .header-style-7 .main-menu .menu-right .icon-nav .mobile-setting img, .header-style-7 .main-menu .menu-right .icon-nav .mobile-cart img, .header-style-7 .main-menu .menu-right .icon-nav .mobile-search img{display: block; width: 25px;} .header-style-7 .main-menu .menu-right .icon-nav .mobile-setting img{width: 27px;} .header-style-7 .main-menu .menu-right .icon-nav .mobile-setting .setting{top: 52px; bottom: unset; left: unset !important;} .header-style-7 .main-menu .menu-right .icon-nav .delivery-area{padding-left: 0;} .header-style-7 .main-menu .menu-right .icon-nav .delivery-area img{width: 20px;} .header-style-7 .main-menu .brand-logo{position: relative; left: 0; margin-right: 0; -webkit-transform: none; transform: none;} .header-style-7 .main-menu .brand-logo img{width: 120px; height: auto;} .header-style-7 .cart_qty_cls{padding: 1px; width: 15px; height: 15px;} .product-left-title h3{margin-bottom: 0;} .shop-sidebar-demo .shop-main{margin-top: 74px;} .setting-box{width: 360px;} .top-header.top-header-theme .header-dropdown li i, .top-header.top-header-theme .header-dropdown li a{color: #999999;} .margin-default{margin-bottom: -15px;} .margin-default > div{margin-bottom: 15px;} .cart_qty_cls{top: -10px;} .basic-product .rating-w-count .rating i + i{margin-left: -2px;} header.sticky .top-header{display: block;} header.header-5.left-sidebar-header .top-header .header-dropdown .mobile-wishlist img, header.header-5.left-sidebar-header .top-header .header-dropdown .mobile-account img{-webkit-filter: invert(1); filter: invert(1); opacity: 0.8;} header.header-5 .toggle-nav{padding-top: 16px; padding-bottom: 16px;} .gift-card-section{margin: 0 15px;} .gift-card-section .container{padding: 0;} .deal-product-space{padding-top: 155px; padding-bottom: 85px !important;} .top-panel-adv{display: none;} .header-compact .main-menu .menu-right .icon-nav .mobile-setting, .header-compact .main-menu .menu-right .icon-nav .mobile-cart, .header-compact .main-menu .menu-right .icon-nav .mobile-search{z-index: 9;} .header-compact .main-menu .brand-logo{position: relative; left: 0; margin-right: 0; -webkit-transform: none; transform: none; padding-top: 20px !important; padding-bottom: 20px !important;} .header-compact .main-menu .menu-right .icon-nav .mobile-search{z-index: 10;} .header-compact .main-nav-center .toggle-nav{top: -67px;} .header-compact .top-header .header-dropdown li{padding: 0;} .small-slider.home-fashion .home-slider .home{height: 35vh;} .small-slider.home-fashion .home-slider .home .slider-contain{height: 35vh;} .container-fluid.custom-container{padding-left: 15px; padding-right: 15px;} .detail-cannabis .detail_section > div{padding: 30px 25px;} #fb-root{display: none;} header.left-header .top-header{height: 70px;} header.left-header .top-header .header-dropdown li{padding: 0;} header.left-header .top-header .header-dropdown .mobile-wishlist img, header.left-header .top-header .header-dropdown .mobile-account img{display: none;} header.left-header .top-header .header-dropdown .mobile-wishlist i, header.left-header .top-header .header-dropdown .mobile-account i{display: block;} header.left-header .main-menu .menu-left .mobile-logo{position: absolute; padding: 0 !important; -webkit-transform: unset; transform: unset; right: unset; left: 15px; margin-right: 0; top: 16px;} header.left-header .main-menu .menu-left .navbar{position: absolute; right: 15px; padding: 0 !important; top: 22px;} header.video-header .top-header .header-dropdown li{padding: 0;} header.header-tools .top-header .header-dropdown li{padding: 0;} header.header-style .brand-logo{left: 0; margin-right: 0; -webkit-transform: none; transform: none;} header.header-style .top-header .header-dropdown li img{-webkit-filter: invert(0.55); filter: invert(0.55);} header.header-5.left-sidebar-header .main-menu .menu-left .navbar{position: absolute; right: 0px; padding: 0 !important;} header.header-5.left-sidebar-header .brand-logo{position: relative;} header.header-5.left-sidebar-header .container-fluid{padding-left: 15px; padding-right: 15px;} .demo-right a{right: 14px; width: 30px; height: 44px; line-height: 15px; letter-spacing: 2px; font-size: 12px; padding: 8px 4px 10px;} .offer-box{display: none;} .advertise-section .full-banner{padding-top: 50px; padding-bottom: 50px;} .advertise-section .full-banner .banner-contain{padding: 30px 10px;} .advertise-section .full-banner .banner-contain h2{font-size: 40px; margin-bottom: 0; margin-top: -7px;} .advertise-section .full-banner .banner-contain h3{font-size: 20px; margin-bottom: 3px;} .advertise-section .full-banner .banner-contain h4{font-size: 16px; letter-spacing: 0.03em;} .dark-light{width: 35px; height: 35px;} .portfolio-padding{padding-bottom: 15px;} .portfolio-section .isotopeSelector{margin-bottom: 15px;} .portfolio-section .filter-button{padding: 0 15px; font-size: 16px; line-height: 30px;} .service_slide .home-slider .slider-contain{height: 58vh;} .portfolio-section.metro-section .product-box .cart-wrap a i{font-size: 18px; padding: 7px;} .portfolio-section.metro-section .product-box .cart-wrap button i{font-size: 18px; padding: 7px;} .filter-section .filter-container ul.filter > li{padding: 0 10px;} .filter-section .filter-container ul.filter > li > a{font-size: 16px; line-height: 30px;} .tab-left .theme-tab .left-side .left-tab-title{margin-bottom: 15px;} h2{font-size: 24px;} .tools-service.absolute-banner .absolute-bg{padding-bottom: 20px; -webkit-box-shadow: 0 0 8px 0 #ddd; box-shadow: 0 0 8px 0 #ddd;} .tools-service .service-block + .service-block{margin-top: 20px;} .tools-service .service-block svg, .tools-service .service-block1 svg{margin-bottom: 7px;} .top-header .header-dropdown li i{padding-right: 0; font-size: 18px;} .tools-parallax-product.full-banner{padding-top: 45px; padding-bottom: 45px;} header.header-gym{position: relative; background-color: #000;} header.header-gym .main-menu{padding: 0; z-index: 9;} header.header-gym .main-menu .brand-logo{left: 0; -webkit-transform: unset; transform: unset;} header.header-gym .top-header .header-dropdown li a i{padding-right: 0;} header.header-5 .top-header .header-dropdown .onhover-dropdown .onhover-show-div{top: unset;} header.header-6 .main-menu .brand-logo{position: relative; left: 0; -webkit-transform: none; transform: none;} header.header-7{position: relative; z-index: unset; background-color: #333;} header.header-7 .main-menu .menu-left .navbar{padding: 15px 45px 15px 0 !important;} header.header-7 .main-nav-center .toggle-nav{top: -70px;} header.header-7 .game-layout{background-color: #333;} header.green-gradient .top-header .header-dropdown li{padding: 0;} header.header-christmas .main-menu .brand-logo{position: relative;} header.header-metro .metro{z-index: 10;} header.header-metro .top-header{z-index: 9;} .header-style-1 .main-menu .menu-right .icon-nav .onhover-div .show-div{top: unset;} .gym-banner .collection-banner .contain-banner{padding-left: 15px; padding-right: 15px;} .gym-banner .collection-banner .contain-banner h2{font-size: 25px; margin-bottom: -3px;} .banner-furniture.gym-banner{padding-left: 0; padding-right: 0;} .gym-product .part-cls{margin-top: -20px;} .gym-product .part-cls > div:nth-last-child(-n + 3) .product-box{margin-top: 20px;} .gym-product .partition-cls, .gym-product .part-cls{margin-left: -10px; margin-right: -10px;} .gym-product .partition-cls > div, .gym-product .part-cls > div{padding-left: 10px; padding-right: 10px;} .gym-product .partition-cls > div .product-box, .gym-product .part-cls > div .product-box{margin-top: 20px;} .gym-product .product-box:hover{-webkit-transform: unset; transform: unset;} .header-metro .layout3-menu .main-menu .menu-left .main-menu-right .toggle-nav{right: 15px;} .layout3-menu .main-menu .menu-left{width: calc(100vw - 32px);} .layout3-menu .main-menu .menu-left .main-menu-right .toggle-nav{right: 0; padding-block: 15px;} .layout3-menu .main-menu .menu-left .main-menu-right .toggle-nav i{font-size: 22px; color: var(--theme-color); opacity: 1; line-height: 1.2;} .layout3-menu .main-menu .menu-left .main-menu-right .toggle-nav .sidebar-name{display: none;} .layout3-menu .main-menu > div:nth-child(2){position: absolute; left: 54%; right: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); top: 0;} .layout3-menu .main-menu > div:nth-child(3){height: 0;} .layout3-menu .brand-logo{left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding-top: 16px !important; padding-bottom: 16px !important; margin: 0;} .search-overlay > div .closebtn{top: 15px; right: 30px;} .btn-solid, .btn-outline{padding: 7px 15px;} .product-box .product-detail .color-variant, .product-box .product-info .color-variant, .product-wrap .product-detail .color-variant, .product-wrap .product-info .color-variant{padding-top: 10px;} .detail-inline{display: block;} .detail-inline h4{margin-left: unset; margin: 2px 0 6px !important;} .product-para p{padding-bottom: 10px;} .category-bg-section .category-border-2 .border-padding:nth-last-child(-n + 2){padding-top: 10px;} footer{margin-bottom: 60px;} footer .btn-solid{padding: 13px 29px;} footer p{line-height: 20px;} footer.footer-black .below-section{padding-top: 75px;} footer.footer-black.footer-light .subscribe h4{margin-bottom: 0;} .sidebar-shop-footer{margin-bottom: 0;} .partition1{margin-bottom: -15px;} .partition1 > div{margin-bottom: 15px;} .theme-modal .modal-dialog .quick-view-modal .product-right{margin: 15px 0 10px 0;} .theme-modal .modal-dialog .quick-view-modal .product-right h2{font-size: 18px; margin-bottom: 10px;} .theme-modal .modal-dialog .quick-view-modal .product-right h3{font-size: 22px; margin-bottom: 10px;} .theme-modal .modal-dialog .quick-view-modal .product-right .color-variant li{height: 25px; width: 25px;} .theme-modal .modal-dialog .quick-view-modal .product-right .border-product{padding-top: 10px; padding-bottom: 15px;} .theme-modal .modal-dialog .quick-view-modal .product-right .size-box{margin-top: 5px; margin-bottom: 5px;} .theme-modal .modal-dialog .quick-view-modal .product-right .product-description .qty-box{margin-top: 5px;} .theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg.addtocart .media a img{max-width: 105px; margin-bottom: 10px;} .theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg.addtocart .media .media-body .buttons a{padding: 4px 5px;} .theme-modal.exit-modal .media{-webkit-box-align: center; -ms-flex-align: center; align-items: center;} .theme-modal.exit-modal .media img{width: 25%;} .theme-modal.exit-modal .media .media-body h4{font-size: 16px; margin-bottom: 0;} .theme-modal.exit-modal .media .media-body h2{margin-bottom: 2px;} .theme-modal.exit-modal .media .media-body h5{font-size: 16px; line-height: 18px;} .theme-modal.exit-modal .modal-dialog .modal-content .modal-body .modal-bg{padding: 12px;} .dark-layout .footer-theme2 .col{padding: 0 15px;} .dark-layout .footer-theme2 .subscribe-wrapper .subscribe-block{padding: 10px 20px 20px 10px;} .white-layout .small-section .footer-theme2 .col{padding: 0 15px;} .footer-theme2 .col{padding: 0 15px;} .footer-theme2 .form-p{padding: 0;} .footer-theme2.footer-border{padding: 15px 0;} .footer-theme2 .subscribe-block{padding: 0 75px;} .footer-theme2 .footer-link h4{padding-bottom: 10px;} .footer-theme2 .footer-link li{padding-right: 20px;} .footer-theme2 .footer-link-b h4{padding-bottom: 15px;} .footer-theme2 .footer-link-b li{padding-right: 20px;} footer .dark-subscribe .subscribe{display: block;} footer .dark-subscribe .subscribe h4{margin-bottom: 10px;} footer .dark-subscribe .subscribe .subscribe-form{display: block;} footer .dark-subscribe .subscribe .subscribe-form .form-control{margin: 0 auto 10px; padding: 8px 18px; border-radius: 20px;} footer .dark-subscribe .subscribe .subscribe-form .btn-solid{border-radius: 25px; padding: 7px 19px;} .social-white{margin-top: 25px;} .category-border div .category-banner .category-box h2{font-size: 30px; padding: 10px 20px;} .filter-main-btn span{font-size: 14px;} .category-bg .image-block:after{display: none;} .category-bg .contain-block:after{display: none;} .category-bg .order-section div{-webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1;} .category-bg .order-section div:nth-child(2){-webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4;} .category-bg .order-section div:nth-child(3){-webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3;} .category-bg .order-section div:nth-child(4){-webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2;} .category-bg .order-section div:nth-child(5){-webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5;} .category-bg .order-section div:nth-child(6){-webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6;} .category-bg .contain-block{padding-top: 30px; padding-bottom: 30px;} .theme-tab .tab-title{margin-bottom: 25px;} .full-banner{padding-top: 50px; padding-bottom: 50px;} .full-banner.parallax-layout{padding-top: 50px; padding-bottom: 50px;} .full-banner .banner-contain{background-color: rgba(255, 255, 255, 0.48); padding: 25px;} .full-banner .banner-contain .btn-solid, .full-banner .banner-contain .btn-outline{padding: 10px 20px;} .full-banner.p-left .banner-contain, .full-banner.p-right .banner-contain{float: none;} .full-banner .banner-contain h2{font-size: 65px;} .full-banner .banner-contain h3{font-size: 40px;} .full-banner .banner-contain h4{font-size: 18px; padding-top: 0; letter-spacing: 0.3em;} .full-banner.feature-banner .feature-object{text-align: left; margin-left: 0; margin-bottom: 30px;} .full-banner.feature-banner .feature-object li .media .media-body{text-align: left;} .full-banner.feature-banner .feature-object li .media img{-webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; margin-right: 15px; margin-left: 0;} .full-banner.feature-banner .feature-object li, .full-banner.feature-banner .feature-object-right li{margin-bottom: 30px;} .pet-parallax .full-banner{padding-top: 50px; padding-bottom: 50px;} .home-slider .home{height: 58vh;} .home-slider .slider-contain{height: 58vh;} .home-slider .slider-contain h1{font-size: 30px;} .home-slider .slider-details{top: 18%; right: 8%; width: 180px !important; height: 180px !important;} .home-slider .slider-details h1{font-size: 22px; margin: 5px 0;} .home-slider .slider-details h2{font-size: 18px;} .home-slider .slider-details h3{font-size: 16px;} .home-slider .slider-details h4{display: none;} .home-slider .slider-details .btn-white{padding: 4px 8px;} .home-slider:hover .slick-next{right: 70px;} .home-slider:hover .slick-prev{left: 70px;} .home-slider:hover .slick-prev, .home-slider:hover .slick-next{-webkit-transform: scale(1.5); transform: scale(1.5);} .home-slider.fullpage .slick-dots{display: -webkit-box; display: -ms-flexbox; display: flex; bottom: 60px; top: unset; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);} .home-slider.fullpage .home .slider-contain{text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 0;} .home-slider.fullpage .home .slider-contain > div{background-color: rgba(0, 0, 0, 0.15); padding: 30px 50px;} .home-slider.fullpage .home .slider-contain h1, .home-slider.fullpage .home .slider-contain p{color: #000;} .home-slider.fullpage .home .slider-contain h1{font-size: 22px;} .home-slider.fullpage .home .slider-contain p{max-width: 330px; font-size: 12px;} .home-slider.fullpage .home .slider-contain .btn-solid{padding: 10px 15px;} .height-85 .home-slider .home{height: 60vh;} .height-85 .home-slider .slider-contain{height: 60vh;} .background{padding: 10px 10px;} .background .contain-bg{padding-top: 10px; padding-bottom: 10px; margin: 10px 0;} .background .contain-bg:hover{background-color: unset;} .category-border{padding: 10px 10px;} .category-border .border-padding{padding: 10px 10px;} .theme-tab .tab-content .product-tab .tab-box{-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: calc(100% - 10px);} .theme-tab .tab-content .product-tab .tab-box:nth-last-child(-n + 2){margin: 0 5px 10px;} .theme-tab .tab-content .product-tab .tab-box:nth-last-child(-n + 1){margin: 0 5px 0;} .theme-tab .tab-content .product-tab .tab-box .product-box2 img{height: 150px;} .theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body a h6{margin-right: 10px;} .theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body .color-variant li{margin-top: 7px; height: 18px; width: 18px;} .alert{right: 0 !important; left: 0; max-width: 90% !important;} .tap-top{width: 35px; height: 35px; padding: 2px; font-size: 19px;} .layout2-logo{padding-right: 0;} .absolute-banner{margin-top: 0;} .absolute-banner .absolute-bg{-webkit-box-shadow: none; box-shadow: none; padding-bottom: 0;} .absolute-banner.banner-padding{padding-top: 0;} .absolute-banner.search-section .absolute-bg{background-color: transparent; padding: 0 15px;} .box-layout-body .box-layout{margin-top: 0;} .full-scroll-menu .container-fluid{padding-left: 15px; padding-right: 15px;} .layout-20{padding: 0;} .addcart_btm_popup{display: none !important;} .color-picker a.handle{width: 30px; height: 35px;} .color-picker a.handle i{margin-left: 7px; font-size: 17px;} .full-scroll-footer{display: none;} .bake-header .layout3-menu .main-menu .menu-left .main-menu-right .toggle-nav{right: unset; position: relative;} .bake-header.header-5 .main-menu .brand-logo{left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);} .bakery-banner .home-slider .slider-contain > div:after{width: calc(100% + 20px); height: calc(100% + 20px);} .category-bake{margin-top: 30px;} .category-bake .row{margin-bottom: -30px;} .category-bake .row > div{margin-bottom: 30px;} .bakery-box .product-box .add-button{font-size: 15px; padding: 5px; bottom: 0; width: 100%; position: relative;} .bakery-box .product-box .cart-info a i{margin: 5px 0; padding: 8px; font-size: 8px;} .pd-sm-0{padding: 0;} .animation-sec .animated-icon{display: none;} .bakery-card.theme-card .offer-slider img{height: 90px;} .bakery-card .offer-slider .media .lable{padding: 6px 5px; font-size: 12px;} .img-category h4{font-size: 14px;} .img-category .img-sec{width: 100%;} .dark-box .product-box .product-info .add-btn .btn{padding: 4px 10px;} .category-bg.onerow-cat .order-section div:nth-child(2){-webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin-bottom: 15px; margin-top: 15px;} .category-bg .contain-block{padding-top: 50px; padding-bottom: 50px;} .button-dark.category-button .btn{padding: 10px 6px;} .button-dark.category-button .btn img{margin-right: 8px;} .absolute-banner.banner-padding.banner-style-2{padding-top: 15px;} .absolute-banner.banner-padding.banner-style-2 .partition2 > div{margin-bottom: 15px;} .banner-style-2.absolute-banner .absolute-bg .collection-banner:hover .absolute-img img{top: 30px;} .subscribe-form{gap: 10px 0;} .subscribe-form .form-group{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .subscribe-form .form-control{padding: 13px;} .product-left-title .slick-custom-arrow li{width: 28px; height: 28px;} .product-left-title .slick-custom-arrow li.left-arrow{margin-right: 6px;} .product-left-title .slick-custom-arrow i{font-size: 20px;} .cycle-box-row{margin-bottom: -14px;} .cycle-box-row > div{margin-bottom: 14px;} .vector-category{margin-top: 0;} .vector-category .category-slide .slick-prev, .vector-category .category-slide .slick-next{display: none !important;} .banner-furniture{padding-left: 0; padding-right: 0;} .j-box.style-box .product-box{padding: 5px;} .product-vertical .full-banner{padding-top: 45px !important; padding-bottom: 45px !important;} .cookie-bar{display: block; text-align: center; bottom: -130px;} .cookie-bar p{margin-bottom: 8px; font-size: 13px;} .cookie-bar.show{bottom: 0;} .recently-purchase{left: 10px;} .recently-purchase .media-body{padding: 0 12px 0 12px;} .blackfriday-modal .modal-body .modal-bg{padding: 30px 20px;} .sale-box{left: -9px;} .sale-box .heading-right h3{-webkit-transform: translate(50%, -50%) rotate(-90deg) scale(0.6); transform: translate(50%, -50%) rotate(-90deg) scale(0.6);} .deal-category .deal-content h2{font-size: 18px;} .gradient-category .gradient-border{height: 220px;} .subscribe-box{display: none !important;} .newyear-modal .btn-close{right: 10px; font-size: 13px; top: 13px;} .newyear-modal .modal-body .modal-bg{padding: 25px;} .newyear-modal .modal-body .modal-bg .content{margin-top: 0;} .newyear-modal .modal-body .modal-bg .content h1{max-width: 100%;} .shop-sidebar-demo .shop-main{padding: 0 15px;} .shop-sidebar-demo .shop-main .slick-sm-margin .slick-list{margin-left: -8px; margin-right: -8px;} .shop-sidebar-demo .shop-main .slick-sm-margin .slick-slide > div{margin-left: 8px; margin-right: 8px;} .product-style-5.product-box{padding: 10px;} .product-style-5.product-box h6{margin-bottom: 0;} .product-style-5.product-box h4{font-size: 14px;} .product-style-5.product-box .addtocart_btn .add_cart{width: 26px; height: 26px; font-size: 14px; border-radius: 3px; right: 10px; bottom: 10px;} .sidebar-shop-footer .container-fluid{padding: 0 15px;} .template-password #container #login{margin-bottom: 0;} .error-section{padding: 100px 0;} .error-section h1{font-size: 100px;} .error-section h2{margin: 20px 0; font-size: 18px;} .about-page .about-head{display: inline-block; width: 100%; text-align: center;} .about-page .about-head .theme-breadcrumb .breadcrumb{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 10px; padding-bottom: 0;} .blog-detail-page .blog-detail .post-social li{display: block;} .blog-detail-page .blog-detail .post-social li + li{padding-left: 0; margin-left: 0; border-left: none;} .collection .collection-block .collection-content p{margin-bottom: 10px;} .collection .collection-block .collection-content h4, .collection .collection-block .collection-content h3{margin-bottom: 5px;} .collection-product-wrapper .product-wrapper-grid .product-box{margin-top: 30px;} .collection-product-wrapper .product-top-filter .product-filter-content .search-count{padding: 10px 20px 10px 20px;} .collection-product-wrapper .product-top-filter .product-filter-content .search-count h5{font-size: 14px; line-height: 20px;} .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view, .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter{width: 100%;} .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view select, .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter select{padding: 10px 20px 10px 20px;} .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view:before, .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter:before{top: 11px;} .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view{border-right: 1px solid #ddd !important; border-bottom: 1px solid #ddd;} .collection-product-wrapper .product-top-filter .popup-filter .search-count{padding-top: 10px; padding-bottom: 10px;} .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view{border-bottom: 1px solid #ddd; width: 100%;} .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view select{border-right: none; padding-top: 10px; padding-bottom: 10px;} .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view:before{top: 14px;} .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter{width: 100%; border-top: none;} .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter select{padding-top: 10px; padding-bottom: 10px;} .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter:before{left: unset; right: 35px !important; top: 14px;} .cart-section .cart-buttons > div:last-child{padding-right: 15px;} .cart-section .cart-buttons .btn-solid{padding: 7px 8px;} .wishlist-section .btn-solid{padding: 7px 8px;} .collection-wrapper .order-up{-webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1;} .checkout-page .checkout-form .checkout-details{padding: 15px;} .product-box .img-wrapper .lable-block .lable3{font-size: 12px; padding: 13px 8px;} .product-box .img-block .lable-wrapper .lable1, .product-box .img-block .lable-wrapper .lable2{padding: 6px 9px 8px 15px; font-size: 12px;} .tab-product .tab-content.nav-material p{line-height: 1.5;} .tab-product .nav-material.nav-tabs{width: 100%; overflow-x: auto; overflow-y: visible; -ms-flex-wrap: unset; flex-wrap: unset; -webkit-box-pack: unset; -ms-flex-pack: unset; justify-content: unset;} .tab-product .nav-material.nav-tabs .nav-item .nav-link{white-space: nowrap;} .bg-style i{padding: 5px !important; margin: 0 1px; font-size: 12px !important;} .slider-right-nav .slick-slide:first-child > div{margin-top: 15px;} .lookbook .lookbook-block .lookbook-dot .dot-showbox{width: 90px; top: -70px; left: 26px;} .lookbook .lookbook-block .lookbook-dot .dot-showbox .dot-info h5{line-height: 16px;} .padding-cls{padding-left: 15px; padding-right: 15px;} .success-text i{font-size: 40px;} .success-text p{font-size: 16px; margin-bottom: 10px; line-height: 1.2;} .success-text h2{margin-bottom: 10px;} .order-success-sec{padding: 10px;} .delivery-sec{margin-top: 0; margin-bottom: 0;} .delivery-sec h3{font-size: 16px;} .product-order h3{font-size: 20px;} .product-order .product-order-detail .order_detail h4, .product-order .product-order-detail .order_detail h5{font-size: 14px; line-height: 1.2;} .product-order .total-sec ul li{font-size: 16px;} .product-order .final-total h3{font-size: 16px;} .beauty-about .service .service-block1{margin-bottom: 20px;} .beauty-about .service .service-block1:last-child{margin-bottom: 0;} .main-menu .menu-left .navbar i{font-size: calc(21px + (24 - 21) * ((100vw - 320px) / (576 - 320)));} .typography_section .typography-box .typo-content.typo-buttons a:last-child{margin-top: 0;} .typography_section .typography-box .typo-content.typo-buttons .btn-solid.btn-sm{padding: 3px 12px;} .bundle .bundle_img .img-box img{max-width: 70px;} .bundle .bundle_detail .theme_checkbox{padding: 0;} .vendor-cover .bg-size{height: 250px;} .start-selling form .row > div:nth-child(2){margin-top: 15px;} .become-vendor .step-bg .step-box .steps{margin: 0 auto 15px auto;} .bg-title .theme-tab .bg-title-part{display: block; text-align: center;} .bg-title .theme-tab .bg-title-part .tab-title{margin-left: unset; text-align: center;} .bg-title .theme-tab .bg-title-part .tab-title li{padding-left: 5px; padding-right: 5px;} .bg-title .theme-tab .bg-title-part .tab-title.w-bg{margin-top: 15px;} .dashboard-right .dashboard{padding: 20px;} .portfolio-section.metro-section .product-box .product-detail.default-view{bottom: 0; width: 100%;} .video-product iframe{height: 40vh; margin-top: 60px;} .tracking-page .tracking-detail{margin-top: 10px;} .tracking-page .tracking-detail ul li{font-size: 14px;} .tracking-page .tracking-detail ul li .left{min-width: 140px; width: 200px;} .tracking-page .wrapper{margin: 30px 0 5px;} .tracking-page .table td{min-width: 170px;} .sticky-bottom-cart .selection-section .form-control{text-transform: capitalize; font-size: 13px;} .sticky-bottom-cart .selection-section .form-group{width: 100px;} .sticky-bottom-cart .add-btn .btn{padding: 5px 8px; font-size: 13px; text-transform: capitalize;} .faq-tab .nav-tabs .nav-item{margin-bottom: 1px;} .element-page{margin-bottom: 60px;} .loader_skeleton header.header-gym{top: 0; background-color: black;} .loader_skeleton .header-dropdown{display: none;}} @media (max-width: 575px){.breadcrumb-section .page-title{text-align: center; margin: 0 auto; vertical-align: middle; display: unset;} .breadcrumb-section .page-title h2{margin-top: -2px;} .breadcrumb-section .breadcrumb{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; line-height: 1; margin-top: 10px;}} @media (max-width: 480px){.title1 .title-inner1{margin-bottom: 12px;} .title1.title5 hr[role="tournament6"]{margin: 12px auto 20px auto;} .title2 .title-inner2{margin-bottom: 20px;} .title3 .line{margin-bottom: 20px;} .title4 .line{margin-bottom: 20px;} .title-borderless{margin-bottom: 20px;} .modern-box{margin-top: 24px; padding: 15px 10px; margin-bottom: 30px;} .modern-box .absolute-img img{margin-top: -50px;} .modern-box .modern-content{margin-top: 10px;} .modern-box .modern-content h6{font-size: 12px; line-height: 1.3;} .modern-box .modern-content h4{font-size: 13px;} .setting-box .setting-title img{width: 60%;} .setting-box .setting-title h3{line-height: 24px; font-size: 18px;} .demo-section .demo-effects{margin-bottom: 20px;} .demo-section .demo-effects > div .layout-container{height: 80px;} .demo-section .demo-effects > div .demo-text h4 span{position: absolute; top: 0; right: 7px; padding: 0; font-size: 11px; border-radius: 2px; margin-left: 0; width: 36px; height: 18px; line-height: 18px;} .service_slide .home-slider .slider-contain{height: 55vh;} .advertise-section .full-banner{padding-top: 40px; padding-bottom: 40px;} header.left-header .main-menu .menu-left .mobile-logo{top: 22px;} .gym-banner .collection-banner .contain-banner > div{background-color: rgba(0, 0, 0, 0.5); padding: 10px;} .gym-banner .collection-banner .contain-banner h2{font-size: 20px; margin-top: 4px;} .gym-banner .collection-banner .contain-banner h4{font-size: 14px;} .subscribe-form.classic-form .form-control{margin-left: 0;} .theme-tab .tab-title li{padding-left: 5px; padding-right: 5px;} .theme-tab .tab-title2{margin-bottom: 30px; font-size: 18px; font-weight: 400;} .theme-tab .tab-title2 li{padding-left: 15px; padding-right: 15px;} .theme-tab .tab-title2:after{display: none;} .blog-details{padding-left: 0; padding-right: 0;} .full-banner{padding-top: 40px; padding-bottom: 40px;} .full-banner.parallax-layout{padding-top: 40px; padding-bottom: 40px;} .full-banner .banner-contain h2{font-size: 60px;} .full-banner .banner-contain h4{font-size: 18px;} .full-banner .santa-img{bottom: -20px; left: 10px;} .full-banner .santa-img img{width: 76px;} .pet-parallax .full-banner{padding-top: 40px; padding-bottom: 40px;} .collection-banner .contain-banner{padding-left: 30px; padding-right: 30px;} .collection-banner .contain-banner h2{font-size: 24px;} .home-slider .home{height: 45vh;} .home-slider .slider-details{width: 150px !important; height: 150px !important;} .home-slider .slider-details h1{font-size: 20px;} .home-slider .slider-details h2{font-size: 16px;} .home-slider .slider-details h3{font-size: 14px;} .home-slider .slider-contain{height: 45vh;} .home-slider .slider-contain h1{font-size: 28px;} .home-slider .slider-contain h4{letter-spacing: 0.1em;} .home-slider .slider-contain .btn-solid, .home-slider .slider-contain .btn-outline{margin-top: 5px;} .home-slider:hover .slick-prev, .home-slider:hover .slick-next{-webkit-transform: scale(1.2); transform: scale(1.2);} .home-slider:hover .slick-next{right: 60px;} .home-slider:hover .slick-prev{left: 60px;} .height-85 .home-slider .home{height: 55vh;} .height-85 .home-slider .slider-contain{height: 55vh;} .white-layout .footer-theme2 .footer-block .footer-container{max-width: 448px;} .footer-theme2.section-light .footer-block .subscribe-white{padding: 30px 30px;} .footer-theme2.section-light .footer-block .subscribe-white .form-control{letter-spacing: 3px;} .theme-modal .modal-dialog .modal-content .modal-body .modal-bg{padding: 35px;} .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .offer-content img{margin-bottom: 10px;} .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .offer-content h2{margin-bottom: 15px;} .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .age-content form .form-control{height: 40px; padding: 0;} .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .age-content form .btn-solid, .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .age-content form .btn-outline{padding: 8px 15px;} .theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg.addtocart .media{display: block; text-align: center;} .theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body h4{font-size: 15px;} .tab-bg, .bg-block{padding: 35px 25px 30px 25px;} .setting-box{width: 280px;} .setting-box .setting-contant .setting_buttons{display: -webkit-box; display: -ms-flexbox; display: flex;} .setting-box .setting-contant .setting_buttons li{width: 40% !important;} .upper-canvas-section.height-100 .home-slider .slider-contain.left-canvas-section{padding-top: 80px;} .lower-canvas-section .left-canvas-section{padding: 20px 0 20px;} .banner-style-1 .full-box .theme-card .offer-slider .product-box2 .media img.h-cls{height: 160px; max-width: unset;} .timer-section .timer{padding-left: 30px;} .timer-section .timer span{width: 55px;} .product-vertical .full-box .theme-card .offer-slider .product-box2 .media img{height: auto;} .gradient-category .gradient-border{height: 180px;} .select_input select{padding: 12px 15px; margin-bottom: 18px;} .testimonial .testimonial-slider .media{display: inline-block;} .testimonial .testimonial-slider .media img{margin: 0 auto; height: 100px; width: 100px;} .testimonial .testimonial-slider .media .media-body{padding: 0; text-align: center;} .blog-detail-page .blog-contact h2{font-size: 30px; margin-bottom: 25px;} .blog-detail-page .blog-contact .theme-form input, .blog-detail-page .blog-contact .theme-form textarea{padding: 12px 20px; margin-bottom: 20px;} .blog-detail-page .blog-detail h3{font-size: 18px;} .blog-detail-page .blog-detail img{margin-bottom: 25px;} .blog-detail-page .blog-advance ul{line-height: 1.5;} .blog-detail-page .blog-advance img{margin-bottom: 20px; margin-top: 10px;} .blog-detail-page .blog-advance p{line-height: 1.5;} .blog-detail-page .comment-section li{padding-top: 30px; padding-bottom: 30px;} .blog-detail-page .comment-section li p{line-height: 1.5;} .blog-detail-page .comment-section li h6{margin-top: 10px; margin-bottom: 10px;} .blog-detail-page .comment-section li h6 span{display: inherit; margin-left: 0;} .blog-detail-page .comment-section .media{display: inline-block; text-align: center;} .faq-section .theme-accordion .card .card-body p{line-height: 1.5 !important;} .faq-section .theme-accordion .card .card-header button{line-height: 1.3; padding: 12px 35px 12px 12px !important;} .faq-section .accordion.theme-accordion .card .card-header button:before{top: 20px;} .pwd-page{padding: 70px 0;} .pwd-page h2{font-size: 25px; margin-bottom: 15px;} .login-page .authentication-right h6{margin-bottom: 10px;} .login-page .theme-card{padding: 25px;} .register-page .theme-card{padding: 18px;} .register-page .theme-card .theme-form input{margin-bottom: 20px; padding: 12px 15px;} .search-block .btn-solid{padding: 10px 15px;} .contact-page .map iframe{height: 275px;} .blog-page .blog-media .blog-right h6{margin-bottom: 0;} .blog-page .blog-media .blog-right p{line-height: 1.3;} .blog-page .blog-media .blog-right h4{margin-bottom: 5px;} .blog-page .blog-media .blog-right ul{margin-bottom: 5px;} .blog-page .blog-media .blog-right ul li{display: block;} .blog-page .blog-media .blog-right ul li + li{padding-left: 0; margin-left: 0; border-left: none;} .account-sidebar{width: 45%;} .success-text h2{font-size: 20px;} .success-text p{font-size: 14px;} .typography_section .typography-box .typo-content.typo-buttons a{margin: 5px 0;} .dashboard-section .dashboard-box .dashboard-detail ul li .details{display: block;} .dashboard-section .dashboard-box .dashboard-detail ul li .details .left{width: auto;} .dashboard-section .dashboard-box .dashboard-detail ul li .details .left h6{font-weight: 600;} .theme-card .offer-slider img{max-width: 130px; height: auto;} .tab-product .tab-content.nav-material .single-product-tables table{width: 100%;} .single-product-tables{display: block; margin-top: 0;} .single-product-tables table tr td:first-child{width: 140px;} .modern-box-margin{margin-bottom: -30px;} .modern-box{margin-top: 24px; padding: 15px 10px; margin-bottom: 30px;} .modern-box .absolute-img img{margin-top: -50px;} .modern-box .modern-content{margin-top: 10px;} .modern-box .modern-content h6{font-size: 14px; line-height: 1.3;} .modern-box .modern-content h4{font-size: 13px;} .cart_counter{display: block;} .cart_counter .cart_checkout{margin-left: 0;}} @media (max-width: 420px){h2{font-size: 22px;} .header-style-1 .navbar .nav-link{padding-right: 10px; font-size: 13px;} .product-pagination{margin-top: 30px;} .margin-res{margin-left: -10px; margin-right: -10px;} .margin-res > div{padding-left: 10px; padding-right: 10px;} .portfolio-section.metro-section .product-box .product-detail{width: 95%; bottom: 5px;} .portfolio-section.metro-section .product-box .product-detail h6, .portfolio-section.metro-section .product-box .product-detail h4{font-size: 12px;} .portfolio-section.metro-section .product-box .cart-wrap button i, .portfolio-section.metro-section .product-box .cart-wrap a i{font-size: 10px; padding: 5px;} .collection-product-wrapper .product-wrapper-grid .product-box{margin-top: 20px;} .subscribe h4{display: block;} footer p{line-height: 25px;} footer.footer-black .subscribe-form .form-control{height: 35px; width: 220px;} .blog-details p{font-size: 14px; line-height: 1.3;} .no-slider{margin-left: -10px !important; margin-right: -10px !important;} .no-slider .product-box{margin: 0 10px 20px !important; max-width: calc(50% - 20px);} .no-slider .product-box:nth-last-child(-n + 2){margin: 0 10px 0 !important;} .no-slider.five-product .product-box{margin: 0 10px 20px !important; max-width: calc(50% - 20px);} .no-slider.five-product .product-box:nth-last-child(-n + 2){margin: 0 10px 0 !important;} .product-m .slick-list{margin-left: -5px; margin-right: -5px;} .product-m .slick-slide > div{margin: 0 5px;} .product-box .cart-detail i, .product-wrap .cart-detail i{padding-top: 5px; padding-bottom: 5px; font-size: 14px;} .product-box .cart-info i, .product-box .cart-wrap i, .product-wrap .cart-info i, .product-wrap .cart-wrap i{padding: 5px; font-size: 13px;} .product-box .img-wrapper .lable-block .lable4, .product-wrap .img-wrapper .lable-block .lable4{font-size: 10px;} .product-box .img-wrapper .cart-box i, .product-wrap .img-wrapper .cart-box i{font-size: 14px; padding-left: 4px; padding-right: 4px;} .product-box .product-detail, .product-box .product-info, .product-wrap .product-detail, .product-wrap .product-info{margin-top: 5px;} .product-box .product-detail h6, .product-box .product-info h6, .product-wrap .product-detail h6, .product-wrap .product-info h6{font-size: 14px;} .product-box .product-detail h4, .product-box .product-info h4, .product-wrap .product-detail h4, .product-wrap .product-info h4{font-size: 15px;} .product-box .product-detail .color-variant, .product-box .product-info .color-variant, .product-wrap .product-detail .color-variant, .product-wrap .product-info .color-variant{padding-top: 3px;} .product-box .product-detail .color-variant li, .product-box .product-info .color-variant li, .product-wrap .product-detail .color-variant li, .product-wrap .product-info .color-variant li{height: 14px; width: 14px; margin-right: 3px;} .product-box .cart-info.cart-wrap i, .product-box .cart-wrap.cart-wrap i, .product-wrap .cart-info.cart-wrap i, .product-wrap .cart-wrap.cart-wrap i{padding: 5px; font-size: 13px;} .absolute_banner .collection-banner .absolute-contain{padding: 10px; bottom: 10px;} .absolute-banner.search-section .absolute-bg .row > div.search-col .search-btn{width: 100%;} .absolute-product .product-box .product-detail .cart-bottom i{padding-right: 4px; padding-left: 4px; font-size: 16px;} .addtocart_count .product-box .cart-info a i{margin: 4px 0; padding: 5px; font-size: 14px;} .addtocart_count .product-box .add-button{font-size: 14px;} .timer span .padding-l{padding-left: 5px;} .about-text p{line-height: 22px;} .service_slide .service-home .service-block1 svg{width: 40px; height: 40px;} .footer-theme .footer-title{margin-top: 10px;} .footer-theme .footer-title h4{font-weight: 600;} .footer-theme .sub-title h4{margin-bottom: 14px;} .footer-theme .sub-title .contact-list li{line-height: 25px;} .footer-theme2 p{line-height: 25px;} .breadcrumb-section{padding: 15px 0;} .footer-light .subscribe-form .form-control{width: 280px;} .white-layout .footer-theme2 .footer-block .footer-container{max-width: 388px;} .white-layout .footer-theme2 .footer-block .subscribe-white .btn-solid, .white-layout .footer-theme2 .footer-block .subscribe-white .btn-outline{padding: 13px 8px;} .dark-layout .footer-theme2 .subscribe-wrapper .subscribe-block .btn-solid, .dark-layout .footer-theme2 .subscribe-wrapper .subscribe-block .btn-outline{padding: 13px 8px;} .footer-theme2 .subscribe-block .form-control{letter-spacing: 3px;} .subscribe-form{display: inline-block;} .subscribe-form .form-group{margin-bottom: 10px;} .category-border div .category-banner .category-box h2{font-size: 25px;} .tools-grey .product-box .product-info{padding: 8px;} .tools-grey .product-box .product-info h4{font-size: 13px;} .j-box .product-box .product-detail{padding-left: 4px; padding-bottom: 8px; padding-right: 4px; padding-top: 4px;} .full-banner .banner-contain h2{font-size: 55px;} .full-banner .banner-contain h3{font-size: 36px;} .home-slider .slider-contain h1{font-size: 25px; margin-top: 10px;} .home-slider .slider-contain h4{letter-spacing: 0.01em;} .home-slider .slider-contain .btn-solid, .home-slider .slider-contain .btn-outline{margin-top: 10px; padding: 5px 18px;} .home-slider .slider-details{width: 120px !important; height: 120px !important; top: 24%;} .home-slider .slider-details h1{font-size: 18px;} .home-slider .slider-details h2{font-size: 14px;} .home-slider .slider-details h3{font-size: 12px;} .home-slider .slider-details .btn-white{padding: 0px 2px; margin-top: 0; font-size: 10px;} .home-slider:hover .slick-prev, .home-slider:hover .slick-next{-webkit-transform: scale(1.5); transform: scale(1.5);} .home-slider:hover .slick-next{right: 50px;} .home-slider:hover .slick-prev{left: 50px;} .theme-card.center-align{display: unset; height: unset; -webkit-box-align: unset; -ms-flex-align: unset; align-items: unset;} .theme-card.card-border .offer-slider img{padding: 10px 10px 10px 15px;} .full-box .center-slider .offer-slider .product-box{display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #f1f5f4; border-top: 1px solid #f1f5f4; padding: 15px 0;} .full-box .center-slider .offer-slider .product-box .img-wrapper img{height: 120px; padding: 0 15px 0 0;} .full-box .center-slider .offer-slider .product-box .product-info{text-align: left;} .full-box .center-slider .offer-slider .product-box .product-info h6{padding-top: 5px;} .full-box .center-slider .offer-slider .product-box .product-info .color-variant{padding-top: 2px;} .full-box .center-slider .offer-slider .product-box .product-info .color-variant li{height: 15px; width: 15px; padding-right: 3px;} .full-box .center-slider .offer-slider .product-box .product-detail{padding-left: 0;} .full-box .center-slider .offer-slider .product-box .product-detail h4{font-size: 20px;} .full-box .center-slider .offer-slider .product-box .product-detail .color-variant{padding-top: 0;} .full-box .center-slider .offer-slider .product-box:hover .product-info .btn-outline{display: none;} .full-box .center-slider .offer-slider .product-box:hover .product-info .color-variant{opacity: 1;} .full-box .theme-card .offer-slider .sec-1{display: inline;} .full-box .theme-card .offer-slider .sec-1 .product-box2{border-bottom: 1px solid #f1f5f4;} .full-box .theme-card .offer-slider .sec-1 .product-box2:last-child{border-bottom: none;} .full-box .theme-card .offer-slider .sec-1 .product-box2 + .product-box2{border-left: none;} .center-slider .offer-slider .product-box .product-detail{text-align: left !important;} .center-slider .offer-slider .product-box .product-detail .rating i{padding-right: 3px;} .center-slider .offer-slider .product-box .product-detail h4{padding-bottom: 0.5rem;} .center-slider .offer-slider .product-box .product-detail .color-variant li{height: 18px; width: 18px; padding-right: 3px;} .center-slider .offer-slider .product-box .img-wrapper .cart-box{display: none;} .product-box .img-wrapper .lable-block .lable3{font-size: 10px; padding: 10px 5px;} .product-box .img-wrapper .cart-box{padding: 4px 8px; bottom: 10px;} .product-box .img-block .lable-wrapper{top: 20px;} .product-box .img-block .lable-wrapper .lable1, .product-box .img-block .lable-wrapper .lable2{padding: 5px 5px 5px 8px; font-size: 12px;} .product-box .cart-info{bottom: 10px;} .team h6{line-height: 15px;} .theme-modal .modal-dialog .modal-content .modal-body .modal-bg{padding: 30px;} .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .offer-content h2{font-size: 30px;} .login-page .authentication-right p{line-height: 1.5;} .login-page .theme-card .theme-form input{padding: 15px 20px; margin-bottom: 25px;} .tab-product .nav-material.nav-tabs .nav-item .nav-link{padding: 9px 12px;} .vertical-tab.tab-product .nav-material.nav-tabs .nav-item .nav-link, .vertical-tab .product-full-tab .nav-material.nav-tabs .nav-item .nav-link{padding: 10px 20px;} .product-right .product-buttons .btn-solid, .product-right .product-buttons .btn-outline{padding: 7px 8px;} .product-right.product-form-box .timer{padding-left: 29px;} .product-right.product-form-box .timer span{width: 45px;} .product-right .timer{padding-left: 35px;} .product-right .timer span{width: 45px;} .product-right .product-icon .product-social{margin-top: 0;} .product-right .product-icon .product-social li{padding-right: 5px;} .product-right .product-icon .product-social li a i{font-size: 14px;} .product-right .product-icon .wishlist-btn i{font-size: 14px; padding-left: 10px; margin-left: 5px;} .product-right .product-icon .wishlist-btn span{font-size: 14px;} .tab-product .theme-form input, .tab-product .theme-form textarea{font-size: 12px; padding: 8px 15px;} .order-box .sub-total .shipping{width: unset; float: unset; display: block;} .order-box .sub-total .shipping .shopping-option label{margin-bottom: 0;} .order-box .sub-total .shipping .shopping-option:last-child{padding-left: 0;} .checkout-page .checkout-form .form-group{margin-bottom: 15px;} .checkout-page .checkout-form input[type="text"], .checkout-page .checkout-form input[type="email"], .checkout-page .checkout-form input[type="password"], .checkout-page .checkout-form input[type="tel"], .checkout-page .checkout-form input[type="number"], .checkout-page .checkout-form input[type="url"]{height: 40px;} .checkout-page .checkout-form select, .checkout-page .checkout-form textarea{height: 40px;} .grid-products{margin-left: -10px; margin-right: -10px;} .grid-products .product-box{padding-left: 10px; padding-right: 10px;} .game-product .product-box .add-button{font-size: 14px; bottom: 6px;} .cycle-box .cart-detail li{padding: 0 8px;} .banner-style-1 .theme-card.center-align{display: block;} .banner-style-1 .theme-card.center-align .offer-slider .product-box2 .media .media-body{margin: 10px 0;} .banner-style-1 .full-box .theme-card .offer-slider .product-box2 .media img.h-cls{height: 130px;} .sticky-bottom-cart .add-btn .btn{padding: 5px 4px; font-size: 12px;} .tracking-page .tracking-detail ul li .left{width: 170px;} .deal-category .deal-content{width: calc(100% - 15px); height: calc(100% - 15px);} .deal-category .deal-content h2{font-size: 15px; margin-bottom: 3px;} .gradient-category .gradient-border{height: 140px;}} @media (max-width: 360px){.btn-solid, .btn-outline{padding: 10px 15px;} h2{font-size: 22px;} .shop-sidebar-demo .shop-main .small-slider .home .slider-contain .btn{padding: 5px 5px; font-size: 12px;} .advertise-section .full-banner{padding-top: 30px; padding-bottom: 30px;} .category-button .col{-ms-flex-preferred-size: unset; flex-basis: unset;} .gym-banner .collection-banner .contain-banner h2{font-size: 18px;} .service_slide .home-slider .slider-contain{height: 50vh;} .tools-parallax-product .tools-description .tools-form .search-box{width: 92%;} footer .btn-solid{padding: 7px 8px;} .footer-theme2 .subscribe-block{padding: 0 30px;} .white-layout .small-section .footer-theme2 .col{padding: 0 15px;} .white-layout .footer-theme2 .footer-block .footer-container{max-width: 330px;} .footer-theme2.section-light .footer-block .subscribe-white{padding: 20px 20px;} .dark-layout .footer-theme2 .subscribe-wrapper .subscribe-block .form-group .form-control{border: none;} .footer-end p{font-size: 13px;} .category-border div .category-banner .category-box h2{padding: 7px 15px;} .full-banner{padding-top: 30px; padding-bottom: 30px;} .full-banner.parallax-layout{padding-top: 30px; padding-bottom: 30px;} .full-banner .banner-contain h2{font-size: 55px;} .full-banner .banner-contain h3{font-size: 30px;} .pet-parallax .full-banner{padding-top: 30px; padding-bottom: 30px;} .home-slider .home{height: 40vh;} .home-slider .slider-contain{height: 40vh;} .home-slider .slider-contain h1{font-size: 22px;} .home-slider .slider-contain h4{font-size: 14px;} .home-slider .slider-contain .btn-solid, .home-slider .slider-contain .btn-outline{margin-top: 8px; padding: 5px 15px;} .home-slider .slider-details{top: 20%;} .home-slider .slider-details h1{font-size: 16px;} .home-slider .slider-details h2{font-size: 13px;} .home-slider:hover .slick-prev, .home-slider:hover .slick-next{-webkit-transform: scale(1.1); transform: scale(1.1);} .home-slider:hover .slick-next{right: 40px;} .home-slider:hover .slick-prev{left: 40px;} .height-85 .home-slider .home{height: 50vh;} .height-85 .home-slider .slider-contain{height: 50vh;} .layout-7.home-slider .home{height: 40vh;} .layout-7.home-slider .home .slider-contain{height: 40vh;} .layout-7.home-slider.sm-size .home{height: 30vh;} .layout-7.home-slider.sm-size .home .slider-contain{height: 30vh;} .theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body a h6{font-size: 13px;} .theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body .color-variant li{height: 12px; width: 12px;} .theme-tab .tab-content .product-tab .tab-box .product-box2 img{height: 115px;} .blog-detail-page .blog-detail p{line-height: 1.5;} .blog-detail-page .blog-contact h2{font-size: 20px; margin-bottom: 20px;} .theme-modal .modal-dialog .modal-content .modal-body{padding: 10px;} .theme-modal .modal-dialog .modal-content .modal-body .modal-bg{padding: 20px;} .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .btn-close{right: 10px;} .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .offer-content form .form-group .form-control{padding-top: 10px; padding-bottom: 10px;} .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .offer-content h2{font-size: 20px; margin-bottom: 10px;} .login-page .theme-card{padding: 18px;} .search-block .btn-solid{padding: 10px 5px;} .search-block .form-header .input-group input{padding: 10px 12px;} .contact-page .map iframe{height: 200px;} .collection-product-wrapper .product-pagination .product-search-count-bottom{padding-left: 10px;} .collection-product-wrapper .product-pagination .product-search-count-bottom h5{line-height: 15px;} .collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup{width: 80%;} .cart-section tbody tr td, .wishlist-section tbody tr td{min-width: 115px;} .cart-section tbody tr td .mobile-cart-content .col, .wishlist-section tbody tr td .mobile-cart-content .col{margin-left: 5px; margin-right: 5px;} .cart-section tbody tr td a img, .wishlist-section tbody tr td a img{height: 80px;} .cart-section tfoot tr td, .wishlist-section tfoot tr td{padding-right: 27px;} .cart-section tfoot tr td h2, .wishlist-section tfoot tr td h2{font-size: 21px;} .wishlist-section .wishlist-buttons:last-child a{margin-left: 0;} .product-buttons .btn-solid, .product-buttons .btn-outline{padding: 7px 16px;} .product-description .qty-box .input-group{width: 100%;} .single-product-tables.detail-section table{width: 100%;} .product-right .timer{padding-left: 25px;} .product-right .timer span .padding-l{padding-left: 10px;} .product-right .product-buttons a:last-child{margin-left: 6px;} .product-form-box .timer span{width: 47px;} .product-form-box .timer span .padding-l{padding-left: 9px;} .product-form-box .product-buttons .btn-solid, .product-form-box .product-buttons .btn-outline{padding: 5px 5px;} .product-form-box .timer span, .border-product .timer span{width: 45px;} .product-form-box .timer span .padding-l, .border-product .timer span .padding-l{padding-right: 5px;} .d-none-frm-xs{display: none;} .gradient-category .gradient-border{height: 130px;} .sticky-bottom-cart .selection-section .form-group{width: 80px;}} @media (max-width: 320px){.home-slider .slider-details{top: 16%;} .footer-theme .footer-logo{margin-bottom: 20px;} .footer-theme2 .col{padding: 10px 5px;} .white-layout .footer-theme2 .col{padding: 0 15px;} .white-layout .footer-theme2 .footer-block .footer-container{max-width: 290px;} .dark-layout .footer-theme2 .subscribe-wrapper .subscribe-block .form-group .form-control{letter-spacing: 1px;} .footer-theme2.section-light .footer-block .subscribe-white .form-control{letter-spacing: 1px;} .collection-banner .contain-banner.banner-3{padding-left: 25px; padding-right: 25px;} .collection-banner .contain-banner.banner-3 h2{font-size: 15px;} .collection-banner .contain-banner.banner-4{padding-left: 35px; padding-right: 35px;} .collection-banner .contain-banner.banner-4 h2{font-size: 15px;} .gradient-category .gradient-border{height: 120px;}} body.rtl{direction: rtl;} .rtl .ms-5{margin-right: 3rem !important; margin-left: 0 !important;} .rtl .shop-sidebar-demo .shop-main{margin-right: 320px; margin-left: 0;} .rtl .shop-sidebar-demo .shop-sidebar{right: 0; left: unset; border-left: 1px solid #ddd; border-right: none;} .rtl .sidebar-shop-footer{margin-left: 0; margin-right: 320px;} .rtl .shop-sidebar-demo .shop-main .small-slider .home .slider-contain{direction: ltr;} .rtl .slick-slider{direction: ltr;} .rtl .slick-slider .basic-product{direction: rtl;} .rtl .slick-slide{float: left;} .rtl ul{-webkit-padding-start: 0;} .rtl .pre-2, .rtl .px-2{padding-right: unset !important; padding-left: 0.5rem !important;} .rtl .me-1, .rtl .mx-1{margin-left: 0.25rem !important; margin-right: unset !important;} .rtl .me-2, .rtl .mx-2{margin-right: unset !important; margin-left: 0.5rem !important;} .rtl .ms-2, .rtl .mx-2{margin-left: unset !important; margin-right: 0.5rem !important;} .rtl .me-3, .rtl .mx-3{margin-right: unset !important; margin-left: 1rem !important;} .rtl .ms-3, .rtl .mx-3{margin-left: unset !important; margin-right: 1rem !important;} .rtl .ms-auto, .rtl .mx-auto{margin-left: unset !important; margin-right: auto !important;} .rtl .pe-0, .rtl .px-0{padding-right: unset !important; padding-left: 0 !important;} .rtl .pe-2{padding-left: 0.5rem !important; padding-right: unset !important;} .rtl .text-end{text-align: left !important;} .rtl .text-start{text-align: right !important;} .rtl .theme-form .form-group{text-align: right;} .rtl .form-check{padding-left: 0; padding-right: 1.5em;} .rtl .form-check .form-check-input{float: right; margin-right: -1.5em; margin-left: 0;} .rtl .pixelstrap ul a{text-align: right;} .rtl .pixelstrap a .sub-arrow{right: auto; left: 10px;} @media (max-width: 1199px){.rtl .pixelstrap a .sub-arrow{margin-left: unset; margin-right: auto;}} .rtl .pixelstrap .clothing-menu .link-section{text-align: right;} .rtl .pixelstrap li .lable-nav{left: unset; right: 28px;} .rtl .pixelstrap .link-section h5::before{left: unset; right: 0;} .rtl .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left: unset; margin-right: calc(var(--bs-border-width) * -1);} .rtl .sm, .rtl .sm ul, .rtl .sm li{direction: rtl;} .rtl .onhover-dropdown .onhover-show-div{right: unset; left: 0; text-align: right;} .rtl .modal .btn-close{margin-right: auto; margin-left: 0;} .rtl .form-select{background-position: left 0.75rem center; padding-right: 0.75rem; padding-left: 2.25rem;} .rtl .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .media .media-body{text-align: right;} .rtl .main-menu .menu-right .icon-nav .delivery-area i{margin-right: 0; margin-left: 5px;} .rtl .main-menu .menu-left.category-nav-right .navbar{padding: 40px 45px 40px 0;} .rtl .header-options{text-align: left;} .rtl .snow-slider .slick-slide img{width: 100%;} .rtl .effect-cls:before, .rtl .effect-cls:after{right: 0;} .rtl .left-header .sidenav .pixelstrap > li > a{text-align: right;} .rtl .left-header .sidenav .pixelstrap li ul li a{text-align: right;} .rtl .top-header .header-contact li{padding-right: 0; padding-left: 25px;} .rtl .header-compact .menu-row .delivery-area{margin-right: 0; margin-left: 25px;} .rtl .top-panel-adv .delivery-area{margin-left: 0; margin-right: 20px;} .rtl .onhover-dropdown:before{left: 3px; right: unset;} .rtl .top-header .header-dropdown > li:nth-child(2){padding: 0 25px; padding-left: 0;} .rtl .top-header .header-dropdown li i{padding-left: 0; padding-right: 5px;} @media (max-width: 577px){.rtl .top-header .header-dropdown li i{padding: 0;}} .rtl .top-header .header-dropdown li:first-child{padding-right: 20px; padding-left: 0;} .rtl .top-header .header-dropdown .onhover-dropdown .onhover-show-div li{padding-inline: 0;} .rtl .top-header .header-contact{text-align: right;} .rtl .top-header .header-contact li i{-webkit-transform: rotateY(0deg); transform: rotateY(0deg);} .rtl .svg-icon-menu.wo-bg .pixelstrap > li > a svg, .rtl .svg-icon-menu.wo-bg .pixelstrap > li > a img{margin-right: unset; margin-left: 10px;} .rtl .watch-banner .timer .timer span .padding-l{right: -1px; left: unset;} .rtl .basic-product.theme-product-2 .cart-detail li + li{border-left: unset; border-right: 1px solid #eee;} .rtl .basic-product.theme-product-2 .cart-detail li i{margin-right: unset; margin-left: 6px;} .rtl .basic-product.theme-product-2 .product-detail .add-wish{right: unset; left: calc(10px + (18 - 10) * ((100vw - 320px) / (1920 - 320)));} .rtl .basic-product.theme-product-6 .cart-info a + a::after{left: unset; right: 0;} .rtl .basic-product.theme-product-8 .add-round-btn{right: unset; left: calc(8px + (14 - 8) * ((100vw - 320px) / (1920 - 320)));} .rtl .main-menu .menu-left .navbar{padding: 40px 0 40px 45px;} .rtl .main-menu .menu-right{float: left;} .rtl .main-menu .menu-right .icon-nav li{padding-left: 0; padding-right: 20px;} .rtl .main-menu .menu-right .icon-nav .onhover-div .show-div.setting{right: unset; left: 0;} .rtl .main-menu .menu-right .icon-nav .onhover-div .show-div.setting h6{text-align: right;} .rtl .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart{right: unset; left: 0;} .rtl .pixelstrap .full-mega-menu ul a:before{right: 0;} .rtl .cart_qty_cls{right: unset; left: -8px;} .rtl .timer span .padding-l{right: unset; left: -1px;} .rtl header .main-navbar .nav-menu > li{float: right;} .rtl header .main-navbar .nav-menu > li > a{padding-right: 0; padding-left: 45px;} .rtl header .main-navbar .nav-menu > li > a .sub-arrow{right: auto; left: 7px;} .rtl header .main-navbar .nav-menu > li .mega-menu-container .mega-box{text-align: right;} .rtl header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .menu-content ul li a:before{right: 0;} .rtl header .main-navbar .nav-menu > li .nav-submenu{text-align: right;} .rtl header .main-navbar .nav-menu > li .nav-submenu li a i{float: left;} .rtl header .main-navbar .nav-menu > li .nav-submenu li .nav-sub-childmenu{left: -203px; right: unset;} .rtl header .sidenav .sidebar-menu li{direction: rtl; text-align: right;} .rtl header.left-header .sidenav{right: 0;} .rtl header.left-header .sidenav .pixelstrap li .mega-menu-container{right: 0px; margin-right: 270px; left: unset; margin-left: unset;} .rtl header.left-header .sidenav .pixelstrap li .nav-submenu{right: 0px; margin-right: 270px; margin-left: 0; left: unset;} .rtl header.left-header .sidenav .pixelstrap li .nav-submenu li .nav-sub-childmenu{left: unset; margin-left: 0; right: 0px; margin-right: 228px;} .rtl header.left-header .sidenav .pixelstrap li .nav-submenu li a i{float: left;} .rtl header.left-header .sidenav .left-sidebar_center{padding: 40px 30px 30px 0;} .rtl header.left-header .sidenav .left-sidebar_center .pixelstrap li a .sub-arrow{left: 7px; right: unset;} .rtl header.left-header.left-header-sm .sidenav .left-sidebar_center{padding: 0;} .rtl header.left-header.left-header-sm .sidenav .left-sidebar_center .pixelstrap > li > a img{margin-left: auto !important;} .rtl header.left-header.left-header-relative .main-menu{-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;} .rtl header.left-header.left-header-relative .sidenav .left-sidebar_center{padding: 0;} .rtl header .layout3-menu .main-navbar .nav-menu > li > a{padding-left: 34px;} .rtl header .layout3-menu .main-navbar .nav-menu > li > a .sub-arrow{left: -5px;} .rtl header.header-christmas .main-menu .menu-left .navbar{padding: 20px 0 20px 45px;} .rtl header.header-tools .main-menu .menu-left .navbar{padding: 25px 0 25px 45px;} .rtl .header-style-5 .bottom-part .category-menu .toggle-sidebar i{margin-right: 0; margin-left: 10px;} .rtl .header-compact .delivery-area svg{margin-left: 10px; margin-right: 0;} .rtl .header-compact .delivery-area div h6{margin-left: 5px; margin-right: 0;} .rtl .header-compact .top-header .header-dropdown li:nth-child(2){padding: 10px 25px;} .rtl .header-compact .top-header .header-dropdown li:last-child{padding-left: 0;} .rtl .addcart_btm_popup{left: 0; right: unset; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px;} .rtl .addcart_btm_popup .fixed_cart{padding-right: 8px; padding-left: 0;} .rtl .dark-light{right: unset; left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px;} .rtl .blog-left .blog-details{text-align: right;} .rtl .sidenav{right: -300px; left: unset;} .rtl .sidenav.open-side{right: 0;} .rtl .sidenav.marketplace-sidebar{right: unset;} .rtl .bg-title .theme-tab .bg-title-part .tab-title{margin-right: auto; margin-left: unset;} .rtl .product-left-title .slick-custom-arrow li.left-arrow{margin-left: 16px; margin-right: 0;} .rtl .setting-box{right: unset; left: -660px;} .rtl .setting-box.open-setting{right: unset; left: -4px;} .rtl .full-slider{direction: ltr;} .rtl .full-banner .santa-img{left: unset; right: 28px;} .rtl .full-banner.feature-banner .feature-object, .rtl .full-banner.feature-banner .feature-object-right{text-align: left;} .rtl .full-banner.feature-banner .feature-object li, .rtl .full-banner.feature-banner .feature-object-right li{margin-right: 0; margin-left: 50px;} .rtl .full-banner.feature-banner .feature-object li .media img, .rtl .full-banner.feature-banner .feature-object-right li .media img{margin-left: 0; margin-right: 15px;} .rtl .full-banner.feature-banner .feature-object li .media .media-body, .rtl .full-banner.feature-banner .feature-object-right li .media .media-body{text-align: left;} .rtl .full-banner.feature-banner .feature-object li:nth-child(2), .rtl .full-banner.feature-banner .feature-object-right li:nth-child(2){padding-right: 0; padding-left: 30px;} .rtl .full-banner.feature-banner .feature-object li:nth-child(3), .rtl .full-banner.feature-banner .feature-object-right li:nth-child(3){padding-right: 0; padding-left: 60px;} .rtl .full-banner.feature-banner .feature-object-right{text-align: right; margin-left: 0; margin-right: 50px;} .rtl .full-banner.feature-banner .feature-object-right li .media img{margin-left: 15px; margin-right: 0;} .rtl .full-banner.feature-banner .feature-object-right li .media .media-body{text-align: right;} .rtl .full-banner.feature-banner .feature-object-right li:nth-child(2){padding-right: 30px; padding-left: 0;} .rtl .full-banner.feature-banner .feature-object-right li:nth-child(3){padding-right: 60px; padding-left: 0;} .rtl .blog-section .review-box .santa-img{-webkit-transform: scaleX(-1); transform: scaleX(-1); left: -116px; right: unset;} .rtl .home-slider{direction: ltr;} .rtl .beauty-about{text-align: right;} .rtl .beauty-about .about-text p{text-align: right;} .rtl .form_search button{left: 5px; right: unset;} .rtl .cart-qty-cls{right: unset; left: -8px;} .rtl .search-overlay > div .overlay-content button{left: 10px; right: unset;} .rtl .search-overlay > div .closebtn{right: unset; left: 25px;} .rtl .collection-banner .contain-banner{-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;} .rtl .collection-banner.p-right .contain-banner{-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;} .rtl .collection-banner.p-left .contain-banner{-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;} .rtl .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .btn-close{right: unset; left: 17px;} .rtl .cart_counter .cart_checkout{margin-left: 0; margin-right: 10px;} .rtl .product-box .product-detail, .rtl .product-box .product-info, .rtl .product-wrap .product-detail, .rtl .product-wrap .product-info{text-align: right; padding-left: 0; padding-right: 5px;} .rtl .product-box .img-wrapper .product-thumb-list, .rtl .product-wrap .img-wrapper .product-thumb-list{right: 0; left: unset;} .rtl .product-box .cart-info.cart-wrap, .rtl .product-box .cart-wrap.cart-wrap, .rtl .product-wrap .cart-info.cart-wrap, .rtl .product-wrap .cart-wrap.cart-wrap{text-align: left; left: 0; right: unset;} .rtl .product-style-4.product-box .product-info{text-align: right;} .rtl .product-style-4.product-box .addtocart_btn .add_cart{right: unset; left: 0;} .rtl .product-style-5.product-box{text-align: right;} .rtl .product-style-5.product-box .img-wrapper{margin-left: auto; margin-right: unset;} .rtl .product-style-5.product-box .addtocart_btn .cart_qty.qty-box .input-group{margin-right: auto; margin-left: 12px;} .rtl .product-style-5.product-box .addtocart_btn .cart_qty.qty-box .input-group button{border-radius: 10px !important;} .rtl .product-style-5.product-box .addtocart_btn .cart_qty.qty-box .input-group button.quantity-right-plus{left: 0; right: unset;} .rtl .product-style-5.product-box .addtocart_btn .cart_qty.qty-box .input-group button.quantity-left-minus{right: 0; left: unset;} .rtl .product-style-5.product-box .addtocart_btn .add_cart{left: 15px; right: unset;} .rtl .card .card-body .notification-list li{padding-left: calc(12px + (18 - 12) * ((100vw - 320px) / (1920 - 320))); padding-right: calc(33px + (46 - 33) * ((100vw - 320px) / (1920 - 320)));} .rtl .card .card-body .notification-list li::after{left: unset; right: calc(18px + (30 - 18) * ((100vw - 320px) / (1920 - 320)));} .rtl .product-box .product-info, .rtl .product-wrap .product-info{text-align: center;} .rtl .product-box .cart-detail, .rtl .product-wrap .cart-detail{right: unset; left: 20px;} .rtl .product-box .back, .rtl .product-wrap .back{right: 0; left: unset; -webkit-transform: translateX(100px); transform: translateX(100px);} .rtl .j-box .product-box .img-wrapper .cart-info{width: 100%;} .rtl .j-box.style-box .product-box .cart-info a{border: none;} .rtl .portfolio-section.metro-section .product-box .cart-wrap{left: 7px;} .rtl .tools-grey .product-box .img-wrapper .cart-info{width: 100%;} .rtl .tools-parallax-product .tools-description{text-align: right;} .rtl .service-block1 + .service-block1{border-left: 1px solid #eee; border-right: unset;} .rtl .service-block + .service-block{border-right: 1px solid #ddd; border-left: none;} .rtl .service-block svg{margin-right: 0; margin-left: 12px;} .rtl .service-block .media .media-body{text-align: right;} .rtl .footer-light .subscribe{border-right: none; border-left: 1px solid #ddd; text-align: right;} .rtl .footer-theme{text-align: right;} .rtl .footer-theme .sub-title .contact-list li{padding-left: 0; padding-right: 25px;} .rtl .footer-theme .sub-title .contact-list i{left: unset; right: 0;} .rtl .footer-social li, .rtl .social-white li{padding-left: 45px; padding-right: 0;} .rtl .social-white li{padding-left: 22px; padding-right: 22px;} .rtl .sub-footer{text-align: right;} .rtl .product-right .product-buttons a:last-child, .rtl .product-right .product-buttons button:last-child{margin-left: 0; margin-right: 10px;} .rtl .theme-modal.modal-dialog .modal-content .modal-body .modal-bg .close{left: 36px; right: unset;} .rtl .theme-card .slick-next{right: unset; left: 25px;} .rtl .theme-card .slick-prev{left: 0; right: unset;} .rtl .theme-card h5.title-border{text-align: right;} .rtl .theme-card .offer-slider .media{direction: rtl;} .rtl .theme-card .offer-slider .media .media-body{text-align: right;} .rtl .theme-card .offer-slider .media .media-body a h6{margin-right: 0; margin-left: 0;} .rtl .theme-card .offer-slider img{padding: 15px 0 15px 15px;} .rtl .theme-card.card-border .offer-slider img{padding: 15px 30px 15px 15px;} .rtl .theme-card.card-border h5{padding-right: 30px; padding-left: 0;} .rtl .theme-card.card-border .slick-prev{left: 30px;} .rtl .theme-card.card-border .slick-next{left: 50px;} .rtl .theme-tab .tab-content .product-tab .tab-box{text-align: right;} .rtl .theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body a h6{margin-left: 35px; margin-right: 0;} .rtl .full-box .theme-card .offer-slider .product-box2 .media .media-body a h6{margin-right: 0; margin-left: 20px;} .rtl .game-product .product-box .cart-info{left: 10px;} .rtl .game-product .product-box .product-detail{text-align: center;} .rtl .gym-product .product-box .img-wrapper .cart-info{width: 100%;} .rtl .gym-product .product-box .product-detail{text-align: center;} .rtl .gym-blog .blog-details{text-align: right;} .rtl .pets-box .product-box .product-detail{text-align: center;} .rtl .blog.blog_box .blog-details{text-align: right;} .rtl .tab-left .theme-tab .left-side{text-align: right;} .rtl .tab-left .theme-tab .left-side .tab-title{margin-right: 0; margin-left: 100px; text-align: right;} .rtl .left-sidebar_space{padding-left: 0; padding-right: 300px;} .rtl .left-header .top-header{padding-left: 0; padding-right: 300px;} .rtl .absolute-product .product-box .product-detail{text-align: center;} .rtl .box-product .full-box .theme-card .offer-slider .product-box2 .media{padding-right: 0; padding-left: 15px;} .rtl .box-product .full-box .theme-card .offer-slider .product-box2 .media img{padding: 0 0 0 15px;} .rtl .layout3-menu .main-menu .menu-left .main-menu-right .toggle-nav{left: unset; right: 35px;} .rtl .breadcrumb-item + .breadcrumb-item{padding-left: 0; padding-right: 0.5rem;} .rtl .breadcrumb-item + .breadcrumb-item:before{padding-left: 0.5rem; padding-right: 0; float: right;} .rtl .custom-control{padding-left: 0; padding-right: 1.5rem; text-align: right;} .rtl .custom-control-input{right: 0; left: unset;} .rtl .custom-control-label:after{left: unset; right: -1.5rem;} .rtl .custom-control-label:before{right: -1.5rem; left: unset;} .rtl .collection-collapse-block .collapse-block-title{text-align: right;} .rtl .collection-collapse-block .collapse-block-title:after{right: unset; left: -3px;} .rtl .collection-collapse-block .collection-collapse-block-content .color-selector ul{text-align: right;} .rtl .collection-collapse-block .collection-collapse-block-content .collection-brand-filter .collection-filter-checkbox label{padding-left: 0; padding-right: 10px;} .rtl .collection-collapse-block .collection-accordion .accordion-item .accordion-header .accordion-button::after{margin-left: unset; margin-right: auto;} .rtl .top-banner-wrapper .top-banner-content{text-align: right;} .rtl .banner-timer{direction: ltr;} .rtl .banner-timer .banner-text .text-start{text-align: left !important;} .rtl .product-filter-tags{text-align: right;} .rtl .product-filter-tags li a i{margin-left: 0; margin-right: 5px;} .rtl .collection-product-wrapper .product-top-filter .product-filter-content .search-count, .rtl .collection-product-wrapper .product-top-filter .product-filter-content .sidebar-popup, .rtl .collection-product-wrapper .product-top-filter .popup-filter .search-count, .rtl .collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup{text-align: right;} .rtl .collection-product-wrapper .product-top-filter .product-filter-content .collection-view ul li:first-child, .rtl .collection-product-wrapper .product-top-filter .popup-filter .collection-view ul li:first-child{margin-right: 0; margin-left: 14px;} .rtl .collection-product-wrapper .product-top-filter .product-filter-content .collection-grid-view, .rtl .collection-product-wrapper .product-top-filter .popup-filter .collection-grid-view{margin-left: unset; margin-right: auto;} .rtl .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view select, .rtl .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter select, .rtl .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view select, .rtl .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter select{background-position: 5%; border-right: none; border-left: 1px solid #ddd;} .rtl .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter select, .rtl .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter select{border-left: none;} .rtl .collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup{background: url(../images/dropdown.png) no-repeat 5%;} .rtl .collection-product-wrapper .product-top-filter .popup-filter .open-popup{left: unset; right: 0;} .rtl .product-pagination .product-search-count-bottom{padding-left: 15px; padding-right: 0;} .rtl .details-sidebar-accordion .accordion-item .accordion-header .accordion-button::after{margin-left: unset; margin-right: auto;} .rtl .collection-filter-block .product-service .media .media-body{padding-right: 10px; padding-left: 0; text-align: right;} .rtl .product-service{padding: 20px;} .rtl .product-service .media .media-body{padding-left: unset; padding-right: 10px;} .rtl .product-right{text-align: right;} .rtl .product-right h4 span{padding-left: 0; padding-right: 5px;} .rtl .product-right .product-description h6 span{float: left;} .rtl .product-right .size-box ul li{margin-right: 0; margin-left: 10px;} .rtl .product-right .product-buttons a:last-child{margin-left: 0; margin-right: 10px;} .rtl .product-right .product-icon .product-social li{padding-right: 0; padding-left: 30px;} .rtl .product-right .product-icon .product-social li:last-child{padding-left: 0;} .rtl .product-right .product-icon .wishlist-btn span{padding-left: 0; padding-right: 10px;} .rtl .product-right .product-icon .wishlist-btn i{padding-left: 0; margin-left: 0; padding-right: 10px; margin-right: 5px; border-left: none; border-right: 1px solid #ddd;} .rtl .product-right.product-form-box{text-align: center;} .rtl .product-right.product-form-box .timer p{text-align: right;} .rtl .product-right.product-form-box .product-description{text-align: center;} .rtl .product-right .product-count img{margin-right: 0; margin-left: 6px;} .rtl .product-right .product-count ul li:first-child{margin-right: 0; margin-left: 14px;} .rtl .product-right .rating-section h6{margin-left: 0; margin-right: 10px;} .rtl .product-right .label-section .label-text{padding-left: 0; padding-right: 5px;} .rtl .recently-purchase{text-align: right;} .rtl .recently-purchase .close-popup{left: 7px; right: unset;} .rtl .sticky-bottom-cart .product-image .content{margin-left: 0; margin-right: 12px;} .rtl .sticky-bottom-cart .product-image .content h6 del{margin-left: 0; margin-right: 7px;} .rtl .sticky-bottom-cart .product-image .content h6 span{margin-left: 0; margin-right: 5px;} .rtl .sticky-bottom-cart .selection-section .form-group:nth-child(2){margin-left: 0; margin-right: 40px;} .rtl .add_to_cart .cart-inner .cart_media li .buttons .checkout{float: left;} .rtl .add_to_cart .cart-inner .cart_media li .media .media-body{text-align: right;} .rtl .add_to_cart .cart-inner .cart_media .close-circle{left: 0; right: unset;} .rtl .add_to_cart .cart-inner .cart_top .close-cart{margin-right: auto; margin-left: unset;} .rtl .add_to_cart.top .cart_media .cart_product li, .rtl .add_to_cart.bottom .cart_media .cart_product li{margin-left: 18px; margin-right: 0;} .rtl .tab-product .tab-content.nav-material p, .rtl .product-full-tab .tab-content.nav-material p{text-align: right;} .rtl .product-related h2{text-align: right;} .rtl .border-product{text-align: right;} .rtl .border-product .bundle .bundle-image-box .bundle-box .form-check{right: unset; left: 12px;} .rtl .theme_checkbox label{padding-left: 0; padding-right: 30px;} .rtl .theme_checkbox .checkmark{left: unset; right: 0;} .rtl .element-detail{text-align: right;} .rtl .dashboard-section .radio_animated{margin: 0 0 0 1rem;} .rtl .dashboard-section .dashboard-box .dashboard-title span{margin-left: 0; margin-right: 30px;} .rtl .dashboard-section .top-sec .btn{margin-left: unset; margin-right: auto;} .rtl .dashboard-section .counter-section .box-account .box .box-content{padding-left: unset; padding-right: 22px;} .rtl .dashboard-section .counter-section .counter-box{text-align: right; border-left: none; border-right: 3px solid var(--theme-color);} .rtl .dashboard-section .counter-section .counter-box img{margin-right: 0; margin-left: 20px;} .rtl .dashboard-section .faq-content .card{text-align: right;} .rtl .dashboard-section .dashboard-sidebar .faq-tab .nav-tabs{text-align: right;} .rtl .offer-box{display: none;} .rtl .theme-modal-2 .modal-body .form-box .form-select{padding-right: calc(13px + (19 - 13) * ((100vw - 320px) / (1920 - 320))); padding-left: 2.25rem;} .rtl .user-dashboard-section .address-book-section .select-box .address-box .top h6 span{float: left;} .rtl .modal-header .close{margin: -1rem auto -1rem -1rem;} .rtl .modal-dialog .modal-content .modal-body{text-align: right;} .rtl .vendor-profile .profile-left .profile-detail, .rtl .vendor-profile .profile-left .vendor-contact{border-left: none; padding-left: 0; margin-left: 0; border-right: 1px solid #efefef; padding-right: 20px; margin-right: 20px;} .rtl .vendor-profile .profile-left .profile-detail{text-align: right;} .rtl .vendor-profile .profile-left .profile-image img{margin: 0 auto;} .rtl .about-page{text-align: right;} .rtl .become-vendor{text-align: right;} .rtl .start-selling{text-align: right;} .rtl .wishlist-section tbody tr td, .rtl .cart-section tbody tr td{text-align: center;} .rtl .cart-section .wishlist-buttons, .rtl .wishlist-section .wishlist-buttons{text-align: left;} .rtl .cart-section tfoot tr td, .rtl .wishlist-section tfoot tr td{text-align: left; padding-right: 0; padding-left: 63px;} .rtl .cart-section tfoot tr td:first-child, .rtl .wishlist-section tfoot tr td:first-child{padding-right: 0; padding-left: 10px;} .rtl .cart-section .cart-buttons > div:first-child, .rtl .wishlist-section .cart-buttons > div:first-child{text-align: right;} .rtl .cart-section .cart-buttons > div:nth-child(2), .rtl .wishlist-section .cart-buttons > div:nth-child(2){text-align: left;} .rtl .dashboard-right{text-align: right;} .rtl .dashboard .box .box-title > a{right: unset; left: 0;} .rtl .dashboard-left .block-content ul li{-webkit-box-pack: end; -ms-flex-pack: end; justify-content: end;} .rtl .review-people{padding-right: 23px; padding-left: unset; border-left: unset; border-right: 1px solid #eee;} .rtl .login-page{text-align: right;} .rtl .register-page{text-align: right;} .rtl .contact-page .theme-form{text-align: right;} .rtl .contact-page .contact-right{text-align: right;} .rtl .contact-page .contact-right ul li{padding-left: 0; padding-right: 150px;} .rtl .contact-page .contact-right ul li .contact-icon{right: 0; left: unset; border-right: none; border-left: 1px solid #ddd;} .rtl .checkout-page{text-align: right;} .rtl .order-box .title-box span{float: left;} .rtl .order-box .qty li span{float: left;} .rtl .order-box .sub-total .shipping{float: left;} .rtl .order-box .sub-total li:last-child .count{text-align: left;} .rtl .order-box .sub-total li .check-it{margin-left: unset; margin-right: 14px;} .rtl .order-box .sub-total li .count{float: left; text-align: left;} .rtl .order-box .sub-total .shopping-option label{padding-right: 10px; padding-left: 0;} .rtl .order-box .total li span{float: left; text-align: left;} .rtl .payment-box .payment-options li .radio-option input[type="radio"]{left: unset; right: 0;} .rtl .payment-box .payment-options li .radio-option label{padding-left: 0; padding-right: 30px;} .rtl .about-page{text-align: right;} .rtl .testimonial .testimonial-slider .slick-track .slick-slide:nth-child(even) .media{padding-left: 0; padding-right: 50px;} .rtl .testimonial .testimonial-slider .slick-track .slick-slide:nth-child(even) .media .media{padding-right: 0;} .rtl .testimonial .testimonial-slider .slick-track .slick-slide:nth-child(odd) .media{padding-right: 50px;} .rtl .testimonial .testimonial-slider .slick-track .slick-slide:nth-child(odd) .media .media{padding-right: 0;} .rtl .testimonial .testimonial-slider .media{direction: rtl;} .rtl .testimonial .testimonial-slider .media .media-body{padding: 30px 30px 30px 75px; text-align: right;} .rtl .typography_section{text-align: right;} .rtl .typography_section .typography-box .typo-content.input_button label{padding-left: 0; padding-right: 5px;} .rtl .review-page .comment-section .media{text-align: right;} .rtl .review-page .comnt-sec li{margin-right: 0; margin-left: 15px;} .rtl .comnt-sec li a i{margin-right: 0; margin-left: 5px;} .rtl .modern-box .modern-content .modern-bottom .right{margin-left: 0; margin-right: auto;} .rtl .modern-box .absolute-img img{margin-left: unset; margin-right: 30px;} .rtl footer .subscribe-form.rounded-input .form-control{border-radius: 0 25px 25px 0;} .rtl footer .subscribe-form.rounded-input .btn-solid{border-radius: 25px 0 0 25px;} .rtl .subscribe-form.classic-form .form-control{margin-left: 0; margin-right: 15px;} .rtl .blog-detail-page .comment-section li img{margin-right: 0; margin-left: 20px;} .rtl .blog-detail-page .comment-section li h6 span{margin-left: 0; margin-right: 20px;} .rtl .blog-detail-page .blog-detail-contain p{color: #ddd;} .rtl .product-order{text-align: right;} .rtl .product-order .product-order-table tfoot tr td{text-align: right;} .rtl .product-order .product-order-table tfoot tr td:nth-child(2){text-align: left;} .rtl .product-order .total-sec ul li span{float: left;} .rtl .product-order .final-total h3 span{float: left;} .rtl .order-success-sec{text-align: right;} .rtl .compare-section .compare-part{text-align: right;} .rtl .compare-section .compare-part .close-btn{right: unset; left: 0;} .rtl .sitemap_page{text-align: right;} .rtl .sitemap_page ul{padding-left: unset; padding-right: 10px;} .rtl .faq-section{text-align: right;} .rtl .faq-section .theme-accordion .accordion-item .accordion-header .accordion-button::after{margin-left: unset; margin-right: auto;} .rtl .blog-sidebar{text-align: right;} .rtl .blog-sidebar .theme-card .recent-blog li .media img{margin-right: 0; margin-left: 10px;} .rtl .blog-page .blog-media .blog-right{text-align: right;} .rtl .blog-page .blog-media .blog-right ul li + li{padding-left: 0; margin-left: 0; border-left: none; padding-right: 15px; margin-right: 15px; border-right: 1px solid #ddd;} .rtl .blog-page .blog-sidebar .theme-card .popular-blog li .blog-date{margin: 0 0 0 15px;} .rtl .blog-page .blog-box .blog-contain .blog-label > span + span{margin-left: unset; padding-left: unset; border-left: unset; margin-right: 10px; padding-right: 10px; border-right: 1px solid #eee;} .rtl .blog-detail-page{text-align: right;} .rtl .blog-detail-page .blog-detail .post-social{text-align: right;} .rtl .blog-detail-page .blog-detail .post-social li + li{padding-left: 0; margin-left: 0; border-left: none; padding-right: 15px; margin-right: 15px; border-right: 1px solid #ddd;} .rtl .product-christmas .product-box .cart-wrap{width: 100%;} .rtl .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .close-circle{left: 0; right: unset;} .rtl footer.footer-black.footer-light .subscribe{border-right: none; border-left: 1px solid rgba(0, 0, 0, 0.8);} .rtl .product-wrapper-grid.list-view .product-box .product-detail{padding-right: 15px; padding-left: 0; text-align: right !important;} .rtl .dashboard-section .apexcharts-svg{direction: ltr;} .rtl .theme-settings{left: 0; right: unset;} .rtl .theme-settings ul li{border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 0; border-bottom-left-radius: 0; margin-right: auto; margin-left: 0;} .rtl .search-section select.form-control{background: url(../images/dropdown.png) no-repeat 5%;} .rtl .cycle-box{direction: rtl;} .rtl .cycle-box .product-detail .add-wish{right: unset; left: 22px;} .rtl .cycle-box .product-detail .details li + li{margin-left: 0; margin-right: 12px;} .rtl .cycle-box .cart-detail li svg{margin-right: 0; margin-left: 6px;} .rtl .cycle-box .cart-detail li + li{border-left: none; border-right: 1px solid rgba(0, 0, 0, 0.2);} .rtl .filter-bottom-title:after{right: unset; left: -3px;} .rtl .pixelstrap .link-section{color: #fff;} .rtl .color-w-name ul li span{margin-right: 0; margin-left: 10px;} .rtl .checkout-page .checkout-form select{background: url(../images/dropdown.png) no-repeat 5%;} .rtl.christmas{overflow-x: hidden !important;} .rtl .compare-page .table-wrapper .table thead .th-compare th .remove-compare{float: right;} .rtl .sale-box{right: -2px; left: unset;} .rtl .sale-box .heading-right h3{left: -250px; right: unset; -webkit-transform: translate(50%, -50%) rotate(90deg); transform: translate(50%, -50%) rotate(90deg);} .rtl.modal-open{overflow-x: hidden !important;} .rtl .blackfriday-modal .btn-close{left: 20px; right: unset;} .rtl.dark .service-block + .service-block{border-color: #404040;} .rtl .cookie-bar .btn{margin-left: 0; margin-right: 20px;} .rtl .product-box .img-wrapper .lable-block .lable3, .rtl .product-wrap .img-wrapper .lable-block .lable3{right: 7px; left: unset;} .rtl .product-box .img-wrapper .lable-block .lable4, .rtl .product-wrap .img-wrapper .lable-block .lable4{left: 7px; right: unset;} .rtl .j-box .product-box{direction: rtl;} .rtl .j-box .product-box .cart-info a{border-right: 1px solid #ddd; border-left: unset;} .rtl .service-w-bg .service-block + .service-block{border: none;} .rtl .service-style-border .service-block .media-body{border-right: 1px solid #ddd; padding-right: 20px; border-left: none; padding-left: 0;} .rtl .service-style-border .service-block + .service-block{border-right: none;} .rtl .ajax-search .typeahead{text-align: right;} .rtl .product-vertical .theme-card.center-align .offer-slider .product-box2 .media .media-body{text-align: right;} .rtl .footer-style-1 .footer-social li{padding-left: 15px;} .rtl .title-basic .timer{margin-right: 15px; margin-left: 0;} .rtl .tracking-page .wrapper{margin-left: 0; margin-right: -5px;} .rtl .tracking-page .wrapper .arrow-steps .step{padding: 12px 30px 12px 10px; float: right;} .rtl .tracking-page .wrapper .arrow-steps .step span:before{left: unset; right: -20px;} .rtl .tracking-page .wrapper .arrow-steps .step:before, .rtl .tracking-page .wrapper .arrow-steps .step:after{right: unset; left: -17px; border-left: 0; border-right: 17px solid #f8f8f8;} .rtl .tracking-page .wrapper .arrow-steps .step:before{right: 0; left: auto; border-left: 0; border-right: 17px solid #fff;} .rtl .tracking-page .wrapper .arrow-steps .step.current:after{border-left: 0; border-right: 17px solid var(--theme-color);} .rtl .theme-tab .tab-title.border-title li, .rtl .theme-tab .tab-title2.border-title li{border-left: 0; border-right: 1px solid #bbbbbb;} .rtl .theme-tab .tab-title.border-title li:first-child, .rtl .theme-tab .tab-title2.border-title li:first-child{border-right: 0;} .rtl .product-left-title.right-content .slick-custom-arrow{-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;} .rtl .added-notification{right: unset; left: 30px;} .rtl .image-360{right: unset; left: 20px;} .rtl .deal-section .sidenav nav > .pixelstrap > li > .has-submenu .sub-arrow, .rtl .deal-section .sidenav nav > .pixelstrap > li > a .sub-arrow{margin-left: unset; margin-right: auto;} .rtl .tab-border .nav-border{border-left: 1px solid #ddd; border-right: none;} .rtl .search-block .form-header .input-group input{border-color: #404040;} .rtl .space_sm{padding-left: 0; padding-right: 240px;} .rtl .lable-gradient{right: 7px; left: unset;} .rtl .detail-inline h4{margin-left: unset; margin-right: auto;} .rtl .gradient-slider .product-box{direction: rtl;} .rtl .variation-modal .btn-close{right: unset; left: 10px; margin: 0;} .rtl .quick-view-modal .modal-body .right-sidebar-modal .price-text h3 .discounted-price{margin-left: unset; margin-right: 7px;} .rtl .offcanvas.cart-offcanvas{right: unset; left: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%);} .rtl .offcanvas.cart-offcanvas.show:not(.hiding), .rtl .offcanvas.cart-offcanvas.showing{-webkit-transform: none; transform: none;} .rtl .offcanvas.cart-offcanvas .offcanvas-header .btn-close{margin-left: unset; margin-right: auto;} .rtl .offcanvas.cart-offcanvas .offcanvas-body .sidebar-title{text-align: left;} .rtl .offcanvas.cart-offcanvas .offcanvas-body .cart-product .media .media-body .close-circle, .rtl .offcanvas.cart-offcanvas .offcanvas-body .cart-product .media .media-body .qty-box{right: unset; left: 0;} .rtl .offcanvas.cart-offcanvas .offcanvas-body .pre-text-box .progress .progress-bar i{right: unset; left: -16px;} .rtl .alert .btn-close{margin-left: unset; margin-right: auto;} .rtl .loader_skeleton .theme-card .product-box .img-wrapper{margin-right: unset; margin-left: 15px;} .rtl .loader_skeleton .blog-page .order-sec .product-box .img-wrapper{margin-right: unset; margin-left: 25px;} .custom-theme{position: fixed; right: 0; width: 40px; height: 38px; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 14px; text-decoration: none; border-radius: 5px; border-top-right-radius: 0; border-bottom-right-radius: 0; background-color: #f7f7f7; -webkit-box-shadow: 0px 0px 5px 0px rgba(154, 154, 154, 0.54); box-shadow: 0px 0px 5px 0px rgba(154, 154, 154, 0.54); top: calc(50% + 34px); cursor: pointer;} body.rtl .m-r-15{margin-left: 15px; margin-right: unset;} body.rtl .me-2, body.rtl .mx-2{margin-left: 0.5rem !important; margin-right: unset !important;} body.rtl .custom-select{padding: 0.375rem 0.75rem 0.375rem 1.75rem;} body.rtl .ps-0, body.rtl .px-0{padding-right: 0 !important; padding-left: unset !important;} body.rtl .m-r-10{margin-left: 10px; margin-right: unset;} body.rtl .radio_animated, body.rtl .checkbox_animated{margin: 0 0 0 1rem;} body.rtl .digital-add .form-group .radio_animated{margin-left: 8px; margin-right: unset;} body.rtl .needs-validation .form-group{text-align: right;} body.rtl .needs-validation .form-group .checkbox{padding-right: 0; padding-left: unset;} body.rtl .needs-validation .permission-block .attribute-blocks{padding-right: 15px; padding-left: unset; text-align: right;} body.rtl .needs-validation .permission-block .attribute-blocks .row{padding-right: 20px; padding-left: unset;} body.rtl .needs-validation .checkbox{right: 0; margin-left: -16px;} body.rtl .needs-validation .checkbox label{padding-right: 16px; padding-left: unset;} body.rtl .needs-validation .checkbox label::before{right: 0; left: unset; margin-left: unset; margin-right: -16px;} body.rtl .needs-validation .radio-animated label{margin-left: 20px; margin-right: unset;} body.rtl .modal-footer > :not(:last-child){margin-left: 0.25rem; margin-right: unset;} body.rtl .jsgrid-button + .jsgrid-button{margin-right: 5px; margin-left: unset;} body.rtl .custom-theme{left: 0; right: unset; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px;} body.rtl .text-right{text-align: left !important;} body.rtl .br-wrapper{text-align: right;} body.rtl .card .card-header .card-header-right{left: 20px; right: unset;} body.rtl .card .card-header .card-header-right .card-option{text-align: left;} body.rtl .card .card-header .card-header-right .card-option.list-unstyled{padding-right: 0; padding-left: unset;} body.rtl code[class*="language-"], body.rtl pre[class*="language-"]{text-align: right;} body.rtl .code-box-copy__btn{right: unset; left: 11px;} body.rtl table thead tr th, body.rtl table thead tr td, body.rtl table tbody tr th, body.rtl table tbody tr td{text-align: right;} body.rtl .pull-right{float: left;} body.rtl .status-circle{right: 40px; left: unset;} body.rtl .right-sidebar.show{left: 0; right: unset;} body.rtl .right-sidebar .friend-list-search .fa{left: 35px; right: unset;} body.rtl .right-sidebar .chat-box .about{float: right; padding-right: 10px; padding-left: unset; text-align: right;} body.rtl .right-sidebar .chat-box .friend-list{text-align: right;} body.rtl .right-sidebar .chat-box .user-image{float: right; margin-left: 5px; margin-right: 0;} body.rtl .nav-menus .search-form input{padding: 10px 70px 10px 10px;} body.rtl ul.notification-dropdown.onhover-show-div li{text-align: right;} body.rtl .page-wrapper .page-body-wrapper .page-sidebar .sidebar-user h6, body.rtl .page-wrapper .page-body-wrapper .page-sidebar .sidebar-user p{text-align: center;} body.rtl .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu li{text-align: right;} body.rtl .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu li.active > .sidebar-submenu{margin-right: 15px; margin-left: unset;} body.rtl .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-submenu > li > a{padding-right: 10px; padding-left: unset;} body.rtl .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-submenu > li > a > .fa-circle{right: 0; left: unset;} body.rtl .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-header svg{margin-right: unset; margin-left: 14px;} body.rtl .page-wrapper .page-body-wrapper .page-sidebar ~ .page-body{margin-right: 255px; margin-left: unset;} body.rtl .page-wrapper .page-body-wrapper .page-sidebar.open{margin-right: calc(-260px); margin-left: unset;} body.rtl .page-wrapper .page-body-wrapper .page-sidebar.open ~ .page-body, body.rtl .page-wrapper .page-body-wrapper .page-sidebar.open ~ footer{margin-right: 0;} body.rtl .page-wrapper .page-body-wrapper .page-header .row h3{text-align: right;} body.rtl .page-wrapper .page-body-wrapper footer{margin-right: 255px; margin-left: unset;} body.rtl .page-wrapper .page-body-wrapper footer p i{margin-right: 5px; margin-left: unset;} body.rtl .page-main-header{margin-right: 255px; margin-left: unset;} body.rtl .page-main-header .main-header-right .nav-right{text-align: left;} body.rtl .page-main-header .main-header-right .nav-right .profile-dropdown li svg{margin-right: unset; margin-left: 10px;} body.rtl .page-main-header .main-header-right .nav-right > ul > li{text-align: right;} body.rtl .page-main-header .main-header-right .nav-right > ul > li:before{right: 0; left: unset;} body.rtl .page-main-header .main-header-right .nav-right > ul > li .dot{left: 17px; right: unset;} body.rtl .page-main-header .main-header-right .nav-right > ul > li .media .dotted-animation{left: -3px; right: unset;} body.rtl .page-main-header .main-header-right .nav-right > ul > li .media .dotted-animation .main-circle{left: 6px; right: unset;} body.rtl .page-main-header .main-header-right .nav-right > ul > li .media .dotted-animation .animate-circle{left: -4px; right: unset;} body.rtl .page-main-header .main-header-right .nav-right > ul > li.onhover-dropdown:hover .onhover-show-div:before{right: 10px; left: unset;} body.rtl .page-main-header .main-header-right .nav-right > ul > li.onhover-dropdown:hover .onhover-show-div:after{right: 10px; left: unset;} body.rtl .page-main-header .main-header-right .nav-right > ul > li.onhover-dropdown:last-child{padding-left: 0; padding-right: 20px; border-right: none;} body.rtl .page-main-header .main-header-right .nav-right > ul > li:first-child{border-right: none;} body.rtl .page-main-header .main-header-right .nav-right > ul > li:first-child .search-form .form-group:after{right: 22px; left: unset;} body.rtl .page-main-header .main-header-right .nav-right > ul > li:first-child .search-form .form-group:before{right: 51px; left: unset;} body.rtl .page-main-header .main-header-right .nav-right > ul > li:last-child{padding-right: 20px; padding-left: 0;} body.rtl .page-main-header .main-header-right .nav-right > ul > li i.ml-2{margin-right: 0.5rem !important; margin-left: unset !important;} body.rtl .page-main-header .main-header-right .nav-right .language-dropdown{text-align: right;} body.rtl .page-main-header .main-header-right .nav-right .language-dropdown li a i{margin-left: 10px;} body.rtl .page-main-header .main-header-right .nav-right .profile-dropdown li a svg{margin-right: unset; margin-left: 10px;} body.rtl .page-main-header .main-header-right .mobile-sidebar{padding-right: 20px;} body.rtl .page-main-header.open{margin-right: 0;} body.rtl ul.notification-dropdown.onhover-show-div{right: initial; left: -30px; padding: 0;} body.rtl ul.notification-dropdown.onhover-show-div:before{right: inherit !important; left: 35px !important;} body.rtl ul.notification-dropdown.onhover-show-div:after{right: inherit !important; left: 35px !important;} body.rtl ul.notification-dropdown.onhover-show-div li{margin-right: 0 !important;} body.rtl ul.notification-dropdown.onhover-show-div li span.badge{margin-left: unset !important;} body.rtl ul.notification-dropdown.onhover-show-div li span svg{margin-right: unset; margin-left: 10px;} body.rtl ul.notification-dropdown.onhover-show-div li .notification-icon{margin-left: 20px; margin-right: unset;} body.rtl .media .media-body{text-align: right;} body.rtl .order-graph .order-graph-bottom h6{margin-right: 15px !important; margin-left: 30px;} body.rtl .latest-order-table .btn{float: right;} body.rtl .product-physical table tr th:nth-child(2), body.rtl .product-physical table tr td:nth-child(2){text-align: right;} body.rtl .product-page-details .shipping-info{padding-left: unset; padding-right: 20px;} body.rtl .product-page-details .size-delivery-info a i{margin-right: unset; margin-left: 10px;} body.rtl .product-page-details .price-text .discounted-price{margin-left: unset; margin-right: 12px;} body.rtl .product-page-details .color-variant, body.rtl .product-page-details .size-box, body.rtl .product-right .color-variant, body.rtl .product-right .size-box{text-align: right;} body.rtl .add-product-form .qty-box .input-group .input-group-append .btn{border-right: none !important; border-left: 1px solid #ddd !important;} body.rtl .add-product-form .qty-box .input-group .btn-primary.bootstrap-touchspin-down{border-left: none !important; border-right: 1px solid #ddd !important;} body.rtl .add-product-form .offset-sm-4{text-align: right;} body.rtl .product-list table tr td, body.rtl .product-list table tr th, body.rtl .report-table table tr td, body.rtl .report-table table tr th{text-align: right !important;} body.rtl .product-list table tr td:last-child, body.rtl .product-list table tr th:last-child, body.rtl .report-table table tr td:last-child, body.rtl .report-table table tr th:last-child{text-align: center !important;} body.rtl .dropzone .dz-preview .dz-error-mark, body.rtl .dropzone .dz-preview .dz-success-mark{left: unset; right: 48%; margin-right: -27px; margin-left: unset;} body.rtl .dropzone.dz-clickable .dz-message *{text-align: center;} body.rtl .digital-add .col-form-label{display: block; text-align: right;} body.rtl .dataTables_wrapper .dataTables_filter input[type="search"]{margin-right: 10px; margin-left: unset;} body.rtl .dataTables_wrapper table.dataTable .vendor-list img{margin-left: 20px; margin-right: unset;} body.rtl .category-table table tr td:nth-child(3), body.rtl .category-table table tr th:nth-child(3){text-align: right;} body.rtl .media-table table tr td:last-child, body.rtl .media-table table tr th:last-child{text-align: right !important;} body.rtl .profile-details h5{text-align: center;} body.rtl .account-setting{text-align: right;} @media only screen and (max-width: 991px){body.rtl .page-wrapper .page-main-header{margin-right: 0;} body.rtl .page-wrapper .page-body-wrapper .page-sidebar ~ .page-body, body.rtl .page-wrapper .page-body-wrapper .page-sidebar ~ footer{margin-right: 0;}} @media only screen and (max-width: 767px){body.rtl .needs-validation .form-group .checkbox{padding-right: 15px; padding-left: unset;} body.rtl .page-wrapper .page-body-wrapper footer p{text-align: center;}} @media (min-width: 1200px){body.rtl .offset-xl-3{margin-right: 25%; margin-left: unset;}} @media (min-width: 576px){.rtl .me-sm-3{margin-left: 1rem !important; margin-right: 0 !important;}} @media (min-width: 768px){.rtl .offset-md-2{margin-left: 0; margin-right: 16.66667%;}} @media (min-width: 992px){.rtl .offset-lg-2{margin-right: 16.66667%; margin-left: unset;} .rtl .offset-lg-4{margin-left: unset; margin-right: 33.3333333333%;} .rtl .offset-lg-3{margin-right: 25%; margin-left: 0;} .rtl .service_slide .service-home .offset-lg-2{margin-right: 16.6666666667%; margin-left: 0;}} @media (min-width: 1200px){.rtl .offset-xl-1{margin-right: 8.33333%; margin-left: 0;} .rtl header .main-navbar .nav-menu > li .nav-submenu li a:before{right: 35px;} .rtl .sm-vertical a{text-align: right;} .rtl .layout3-menu .pixelstrap > li > a, .rtl .layout3-menu .pixelstrap > li > a:hover, .rtl .layout3-menu .pixelstrap > li > a:focus{padding-left: 28px;} .rtl .layout3-menu .pixelstrap .sub-arrow{left: -6px;} .rtl .layout3-menu .pixelstrap > li ul a{padding-right: 35px; padding-left: 35px;} .rtl .layout3-menu .pixelstrap .full-mega-menu li a{padding-right: 0; padding-left: 0;} .rtl .sm-horizontal > li{float: right;} .rtl .sm-horizontal > li > a, .rtl .sm-horizontal > li > a:hover, .rtl .sm-horizontal > li > a:active{padding-left: 45px; padding-right: 0;} .rtl .pixelstrap ul a:before{right: 35px;} .rtl .pixelstrap .full-mega-menu .mega-box{text-align: right;} .rtl .pixelstrap .mega ul{margin-left: auto !important;} .rtl .pixelstrap.sm-vertical .mega-menu ul a:before{right: 0;} .rtl .center-margin{margin-left: -30px; margin-right: 0;}} @media (min-width: 1367px){.rtl .layout3-menu .pixelstrap > li > a, .rtl .layout3-menu .pixelstrap > li > a:hover, .rtl .layout3-menu .pixelstrap > li > a:focus{padding-left: 34px;} .rtl .layout3-menu .pixelstrap .sub-arrow{left: 0px;}} @media (min-width: 1400px){.offset-xxl-1{margin-left: 0; margin-right: 8.33%;}} @media (max-width: 1430px) and (min-width: 1200px){.rtl .layout3-menu .main-menu .menu-left .navbar{padding: 40px 0 40px 35px;}} @media (max-width: 1430px){.rtl .left-sidebar_space{padding-right: 0;} .rtl header.left-header .top-header{padding-right: 0;} .rtl header.left-header .sidenav{left: unset; right: -300px;} .rtl header.left-header .sidenav.open-side{right: 0;} .rtl header.left-header.left-header-sm .sidenav{right: 0;} .rtl .collection-product-wrapper .product-top-filter .product-filter-content .collection-view{border-right: 1px solid #ddd; border-left: none; padding-right: 20px !important; padding-left: 0 !important; text-align: right;} .rtl .collection-product-wrapper .product-top-filter .product-filter-content .search-count{border-right: 1px solid #ddd;} .rtl .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter{border-left: 1px solid #ddd; border-right: none;} .rtl .collection-product-wrapper .product-top-filter .product-filter-content .collection-grid-view ul, .rtl .collection-product-wrapper .product-top-filter .popup-filter .collection-grid-view ul{-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;} .rtl .product-right .product-icon .product-social li{padding-left: 10px;} .rtl .product-form-box .timer{padding-right: 17px;} .rtl .cart-section tfoot tr td{padding-left: 41px;}} @media (max-width: 1400px){.rtl .theme-card .offer-slider img{padding: 8px;}} @media (max-width: 1367px){.rtl .timer span .padding-l{padding-right: 5px;}} @media (max-width: 1199px){.rtl .main-menu .menu-left .navbar{padding: 30px 0 30px 25px;} .rtl .pixelstrap li ul li a:hover{color: var(--theme-color);} .rtl .pixelstrap li > ul > li > ul{margin-right: 27px; margin-left: unset;} .rtl .pixelstrap li > ul > li > ul > li a{padding-right: 13px; padding-left: unset; margin-right: 11px; margin-left: unset;} .rtl .pixelstrap li > ul > li > ul > li a::before{left: unset; right: -4px;} .rtl .pixelstrap .link-section .menu-title .according-menu:before{left: -18px; right: unset;} .rtl .pixelstrap .link-section .menu-title.active .according-menu:before{left: -18px; right: unset;} .rtl .pixelstrap .link-section .menu-content a{padding-right: 13px; padding-left: unset; margin-right: 11px; margin-left: unset;} .rtl .pixelstrap .link-section .menu-content a::before{left: unset; right: -4px;} .rtl .pixelstrap li a{text-align: right;} .rtl .pixelstrap li .lable-nav{right: 15px; left: unset;} .rtl .pixelstrap .full-mega-menu .mega-box{text-align: right;} .rtl .pixelstrap .clothing-menu{padding: 0 18px 0 30px !important;} .rtl .pixelstrap .clothing-menu .link-section > ul > li > a{margin-left: unset; margin-right: 11px; padding-left: unset !important; padding-right: 13px !important;} .rtl .pixelstrap .clothing-menu .link-section > ul > li > a:before{left: unset; right: -4px;} .rtl .sidenav.marketplace-sidebar{right: -300px;} .rtl .sidenav.marketplace-sidebar.open-side{right: 0;} .rtl .sidenav .pixelstrap li > ul > li > a{padding-right: 13px !important; padding-left: 35px !important; margin-right: 11px; margin-left: unset;} .rtl .sidenav .pixelstrap li > ul > li > ul{margin-left: unset; margin-right: 14px;} .rtl .sidenav .pixelstrap li > ul > li > ul > li a::before{left: unset; right: -4px;} .rtl .space_sm{padding-right: 0;} .rtl header .main-navbar .nav-menu li{text-align: right;} .rtl header .main-navbar .nav-menu > li a .sub-arrow{left: 0; right: unset;} .rtl header .main-navbar .nav-menu > li .nav-submenu li .nav-sub-childmenu{left: 0;} .rtl header.left-header .sidenav .pixelstrap li .nav-submenu{margin-right: 0;} .rtl header.left-header .sidenav .pixelstrap li .nav-submenu li .nav-sub-childmenu{margin-right: 0;} .rtl header.left-header.left-header-relative .sidenav .left-sidebar_center{padding: 0 0 25px 25px;} .rtl header.left-header.left-header-sm .sidenav{right: -300px;} .rtl header.left-header.left-header-sm .sidenav .left-sidebar_center{padding: 0;} .rtl header.left-header.left-header-sm .sidenav .left-sidebar_center .pixelstrap > li > a img{margin-left: 12px !important; margin-right: 0 !important;} .rtl header.left-header.left-header-sm.open-side .sidenav{right: 0;} .rtl header.video-header #main-nav{right: unset; left: 0;} .rtl header.video-header .main-menu .menu-right .icon-nav{padding-left: 40px; padding-right: 0;} .rtl .sidenav .sidebar-menu li{direction: rtl; text-align: right;} .rtl .sidenav .sidebar-menu li a .sub-arrow{right: auto; left: 15px;} .rtl .service-block + .service-block{border: none;} .rtl .main-nav-center .toggle-nav{left: 175px; right: unset;} .rtl .product-right .product-icon .product-social li{padding-left: 4px;} .rtl .product-right .product-icon .wishlist-btn span{padding-right: 4px;} .rtl .cart-section tfoot tr td{padding-left: 25px;} .rtl .full-banner.feature-banner .feature-object li, .rtl .full-banner.feature-banner .feature-object-right li{margin-left: 0;} .rtl .add_to_cart.top .cart_media .cart_product li, .rtl .add_to_cart.bottom .cart_media .cart_product li{margin-left: 0; margin-right: 0;} .rtl .cart-section .cart-buttons > div:last-child, .rtl .wishlist-section .cart-buttons > div:last-child{padding-left: 17px;} .rtl .tab-border .nav-border{border-left: none;} .rtl .collection-product-wrapper .product-filter-content .collection-view{padding-right: 20px !important;} .rtl .footer-social li{padding-right: 0; padding-left: 38px;} .rtl .footer-theme2 .social-white li{padding-left: 12px; padding-right: 12px;} .rtl .tab-left .theme-tab .left-side .tab-title{text-align: center; margin-left: 0;} .rtl .product-form-box.product-right .timer{padding-left: 0;}} @media (max-width: 991px){.rtl .sidebar-shop-footer{margin-right: 0;} .rtl .footer-light .subscribe{border: none;} .rtl .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view select{border-right: 1px solid #dddddd !important;} .rtl .filter-main-btn{text-align: right;} .rtl .product-right{text-align: center;} .rtl .product-right .size-text{text-align: right;} .rtl .product-right .timer{text-align: right;} .rtl .product-right .product-icon .product-social li{padding-left: 20px;} .rtl .border-product{text-align: center;} .rtl .faq-tab{text-align: right;} .rtl .faq-tab .nav-tabs .nav-item .nav-link.active, .rtl .faq-tab .nav-tabs .nav-item .nav-link:hover{border-left: none;} .rtl .vendor-profile .profile-left .profile-detail, .rtl .vendor-profile .profile-left .vendor-contact{margin-right: 0; padding-right: 0; border-right: none;} .rtl .vendor-profile .profile-left .profile-detail{text-align: center;} .rtl .cart-section tfoot tr td{padding-left: 0;} .rtl .contact-page .contact-right ul li{padding-right: 0;} .rtl .contact-page .contact-right ul li .contact-icon{border-left: none;} .rtl .collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup{text-align: center; background: none var(--theme-color); border: none;} .rtl .testimonial .testimonial-slider .media .media-body{padding: 0 30px;} .rtl .testimonial .testimonial-slider .slick-track .slick-slide:nth-child(even) .media{padding-left: 0; padding-right: 0;} .rtl .beauty-about .about-text p{text-align: center;} .rtl .full-banner.feature-banner .feature-object li:nth-child(2), .rtl .full-banner.feature-banner .feature-object-right li:nth-child(2){padding-right: 0; padding-left: 0;} .rtl .full-banner.feature-banner .feature-object li:nth-child(3), .rtl .full-banner.feature-banner .feature-object-right li:nth-child(3){padding-right: 0; padding-left: 0;} .rtl .full-banner.feature-banner .feature-object-right{margin-right: 0;} .rtl footer.footer-black.footer-light .subscribe{border-left: none;} .rtl .product-left-title.right-content{text-align: right;} .rtl .shop-sidebar-demo .shop-sidebar{left: unset; right: -300px;} .rtl .shop-sidebar-demo .shop-sidebar.show{right: 0;} .rtl .shop-sidebar-demo .shop-main{margin-right: 0;} .rtl .theme-card .offer-slider img{padding: 10px 0 10px 10px;} .rtl .collection-filter{right: -350px; left: unset;} .rtl .collection-filter.show{left: unset; right: 0;}} @media (max-width: 767px){.rtl header.left-header .main-menu .menu-right .icon-nav li{padding-left: 0; padding-right: 15px;} .rtl .footer-title h4{text-align: right;} .rtl .footer-title .according-menu:before{left: 2px; right: unset;} .rtl .footer-title.active .according-menu:before{left: 2px; right: unset;} .rtl .footer-content{text-align: right;} .rtl .footer-theme .sub-title li{text-align: right;} .rtl .footer-theme .sub-title .contact-list li{padding-right: 0;} .rtl .footer-theme .sub-title .contact-list i{margin-right: 0; margin-left: 10px;} .rtl .service-block .media .media-body{text-align: center;} .rtl .service-block + .service-block{border: none;} .rtl .footer-theme2 .contact-details li{text-align: right;} .rtl .social-white li:first-child{padding-right: 0;} .rtl .product-box .cart-detail, .rtl .product-wrap .cart-detail{left: 10px; right: unset;} .rtl .footer-theme2 .footer-link li, .rtl .footer-theme2 .footer-link-b li{padding-left: 0; padding-right: 20px;} .rtl .layout2-logo{padding-left: 70px; padding-right: 0;} .rtl .testimonial .testimonial-slider .media .media-body{padding: 30px 30px 30px 30px;} .rtl .footer-social li{padding: 0 15px;} .rtl .service-block svg{margin-left: 0; margin-bottom: 20px;} .rtl .service-style-border .service-block .media-body{border-right: none; padding-right: 0;} .rtl .tracking-page .wrapper .arrow-steps .step:after{right: unset; left: 50%; border-right: 17px solid #f8f8f8; -webkit-transform: rotate(-90deg) translateY(-50%); transform: rotate(-90deg) translateY(-50%);} .rtl .sticky-bottom-cart .selection-section .form-group:nth-child(2){margin-right: 10px;}} @media (max-width: 577px){.rtl header.left-header .main-menu .menu-left .mobile-logo{left: unset; right: 15px;} .rtl header.left-header .main-menu .menu-left .navbar{right: unset; left: 15px;} .rtl header.header-5 .main-menu .brand-logo{left: unset; right: 0;} .rtl header.header-5.left-sidebar-header .main-menu .menu-left .navbar{left: 0px; right: unset;} .rtl header.header-6 .main-menu .brand-logo{margin-right: 0;} .rtl header.header-style .brand-logo{right: 0; left: unset;} .rtl header.header-christmas .main-menu .brand-logo{margin-right: 0;} .rtl header.header-gym .main-menu .brand-logo{left: unset; right: 0; margin: 0;} .rtl header.left-header .main-menu .menu-right .icon-nav li{padding: 0;} .rtl .header-style-7 .main-menu .menu-left .navbar{padding: 25px 0 25px 15px !important;} .rtl .header-style-7 .main-menu .menu-right .icon-nav li{padding-right: 10px;} .rtl .header-style-7 .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart{right: unset; left: 0 !important;} .rtl .header-style-7 .main-menu .menu-right .icon-nav .mobile-setting .setting{right: unset; left: 0 !important;} .rtl .top-header .header-dropdown .mobile-account, .rtl .top-header .header-dropdown .mobile-wishlist{padding: 0;} .rtl .top-header .header-dropdown > li:nth-child(2){padding: 0;} .rtl .top-header .header-dropdown li{padding: 0 !important;} .rtl .main-menu .menu-left .navbar{padding: 30px 0 20px 45px !important;} .rtl .main-menu .menu-right .icon-nav li{padding-right: 0;} .rtl .main-menu .menu-right .icon-nav .mobile-cart{right: unset; left: 48%;} .rtl .main-nav-center .toggle-nav{right: unset; left: 15px;} .rtl .layout2-logo{padding-left: 0;} .rtl .layout3-menu .main-menu .menu-left .menu-right .toggle-nav{left: 15px; right: unset;} .rtl .layout3-menu .main-menu .menu-left .main-menu-right .toggle-nav{top: 3px; left: 0; right: unset;} .rtl .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view{border-right: none !important;} .rtl .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter{border-right: 1px solid #dddddd !important;} .rtl .blog-detail-page .blog-detail .post-social li + li{padding-right: 0; margin-right: 0; border-right: none;} .rtl .full-banner.feature-banner .feature-object{text-align: right;} .rtl .full-banner.feature-banner .feature-object li .media img{margin-left: 15px; margin-right: 0;} .rtl .full-banner.feature-banner .feature-object li .media .media-body{text-align: right;} .rtl footer .subscribe-form.rounded-input .form-control{border-radius: 20px;} .rtl footer .subscribe-form.rounded-input .btn-solid{border-radius: 20px;}} @media (max-width: 480px){.rtl .testimonial .testimonial-slider .media .media-body{text-align: center; padding: 6px;} .rtl .review-page .comment-section .media{text-align: center;} .rtl .blog-detail-page .comment-section li img{margin-left: 0;} .rtl .blog-page .blog-media .blog-right ul li + li{padding-right: 0; margin-right: 0; border-right: none;} .rtl .cart_counter .cart_checkout{margin-right: 0;}} @media (max-width: 420px){.rtl .full-box .center-slider .offer-slider .product-box{direction: rtl;} .rtl .full-box .center-slider .offer-slider .product-box .img-wrapper img{padding: 0 0 0 15px;} .rtl .product-right .product-icon .product-social li{padding-left: 5px;} .rtl .timer span .padding-l{padding-right: 5px;} .rtl .order-box .sub-total .shipping .shopping-option:last-child{padding-left: 0; padding-right: 20px;} .rtl .center-slider .offer-slider .product-box .product-detail{text-align: right !important;}} @media (max-width: 360px){.rtl .timer span .padding-l{padding-right: 10px;}} body.dark{background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; color: #cfd4da;} .dark.rtl .tracking-panel ul li.active::after{border-right-color: #404040;} .dark.rtl .tracking-panel ul li::after{border-right-color: #232323;} .dark.rtl .tracking-panel ul li::before{border-right-color: #2b2b2b;} .dark h1{color: #fff;} .dark h2{color: #f1f3f5;} .dark h3{color: #eaedef;} .dark h4{color: #e7eaec;} .dark h5{color: #dee2e6;} .dark h6{color: #cfd4da;} .dark p{color: #cfd4da;} .dark li{color: #cfd4da;} .dark a{color: #cbcbcb;} .dark .no-data-added{background-color: #404040; background-color: #2b2b2b;} .dark .btn-animation:before{background-color: #232323;} .dark .btn-outline{color: var(--theme-color);} .dark .brand-section .brand-box h2{border-color: #404040; background-color: #232323;} .dark .dropdown-item:hover, .dark .dropdown-item:focus{color: #fff; background-color: #2b2b2b;} .dark .form-control::-webkit-input-placeholder{color: #757575;} .dark .form-control::-moz-placeholder{color: #757575;} .dark .form-control:-ms-input-placeholder{color: #757575;} .dark .form-control::-ms-input-placeholder{color: #757575;} .dark .form-control::placeholder{color: #757575;} .dark .search-suggestion-box{-webkit-box-shadow: 0 0 8px #6060602b; box-shadow: 0 0 8px #6060602b; border-color: #404040; background-color: #2b2b2b;} .dark .search-suggestion-box .not-found-box h5{color: #a7a7a7;} .dark .search-suggestion-box .not-found-box h5 span{color: #ddd;} .dark .search-suggestion-box ul > li .suggestion-category a{color: #fff !important;} .dark .search-suggestion-box ul > li .suggestion-category p{color: #cbcbcb;} .dark .search-suggestion-box ul > li .suggestion-category p + p::before{color: rgba(206, 206, 206, 0.3);} .dark .search-suggestion-box .recent-search-section .filter-row > a{background-color: #232323; color: #fff !important;} .dark .search-suggestion-box .recent-search-section .filter-row > a:hover{background-color: var(--theme-color); color: #fff !important;} .dark .modal .btn-close span{color: #fff;} .dark .form-select{background-color: #2b2b2b; border-color: #404040; background-image: url(../images/form-select-icon.svg); background-size: 11px 12px;} .dark .border-bottom-grey, .dark .border-top-grey{border-color: #404040;} .dark .quick-view-modal .modal-body .view-main-slider .slick-arrow{color: #ddd; background-color: #232323; -webkit-box-shadow: 0 0 8px rgba(64, 64, 64, 0.6); box-shadow: 0 0 8px rgba(64, 64, 64, 0.6); border-color: #404040;} .dark .quick-view-modal .modal-body .view-main-slider .slick-arrow::before{color: #ddd;} .dark .quick-view-modal .modal-body .view-thumbnail-slider .slider-image{background-color: #232323; border-color: #404040;} .dark .quick-view-modal .modal-body .right-sidebar-modal .qty-box .input-group{background-color: #232323; border-color: #404040;} .dark .quick-view-modal .modal-body .right-sidebar-modal .qty-box .input-group input{background-color: #232323;} .dark .quick-view-modal .modal-body .right-sidebar-modal .qty-box .input-group .btn{background-color: #2b2b2b;} .dark .quick-view-modal .modal-body .right-sidebar-modal .qty-box .input-group .btn i{color: #ddd;} .dark .quick-view-modal .modal-body .right-sidebar-modal .name{color: #cfd4da;} .dark .quick-view-modal .modal-body .right-sidebar-modal .description-text{color: #ddd;} .dark .quick-view-modal .modal-body .right-sidebar-modal .price-text span{color: #cfd4da;} .dark .quick-view-modal .modal-body .right-sidebar-modal .price-text h3 .discounted-price{color: var(--theme-color);} .dark .quick-view-modal .modal-body .right-sidebar-modal .buy-box a{color: #ddd;} .dark .quick-view-modal .modal-body .right-sidebar-modal .product-rating .divider{color: #404040;} .dark .quick-view-modal .modal-body .quantity-variant{background-color: #232323; border-color: #404040;} .dark .quick-view-modal .modal-body .quantity-variant li{background-color: transparent;} .dark .quick-view-modal .modal-body .quantity-variant li.active{background-color: #2b2b2b;} .dark .quick-view-modal .modal-body .quantity-variant li.active button{background-color: #2b2b2b;} .dark .quick-view-modal .modal-body .quantity-variant li button{background-color: #232323;} .dark .share-modal .modal-body .product-social .nav-link{background-color: #232323; border-color: #404040; color: #ddd;} .dark .share-modal .modal-body .product-social .nav-link.active{background-color: var(--theme-color); color: #fff; border-color: transparent;} .dark .tab-border{border-color: #404040;} .dark .product-page-details .buy-box a{color: #ddd;} .dark .product-page-details .price-text .discounted-price{color: var(--theme-color);} .dark .product-page-details .price-text span, .dark .product-page-details .price-text del{color: #ddd;} .dark .product-page-details .product-offer.delivery-details li i{color: #ddd;} .dark .product-page-details .product-accordion .accordion-item .accordion-header .accordion-button{color: #ddd; border-color: #404040; background-color: #232323;} .dark .product-page-details .product-accordion .accordion-item .accordion-body p{color: #ddd;} .dark .product-page-details .product-accordion .accordion-item .accordion-body .bordered-box .delivery-details li{color: #ddd;} .dark .product-page-details .product-buttons .btn.disabled{border-color: var(--theme-color);} .dark .product-page-details .quantity-variant.radio .digital-size .form-check .form-check-input{border-color: #404040; background-color: #232323;} .dark.digital-download header.header-5.overlay-style.sticky{background-color: #232323;} .dark.digital-download header.header-5.overlay-style.sticky .main-menu .menu-right .icon-nav i{color: #fff;} .dark.digital-download header.header-5.overlay-style.sticky .navbar-nav > li > a{color: #fff;} .dark.digital-download header.header-5.overlay-style.sticky .navbar.navbar-expand-xl .navbar-nav .nav-item.dropdown > a{color: #fff;} .dark .skeleton-basic-product .img-wrapper .product-image-box{background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(64, 64, 64, 0.85)), color-stop(18%, #404040), color-stop(33%, rgba(64, 64, 64, 0.85))); background: linear-gradient(90deg, rgba(64, 64, 64, 0.85) 8%, #404040 18%, rgba(64, 64, 64, 0.85) 33%);} .dark .skeleton-basic-product .product-detail .product-title, .dark .skeleton-basic-product .product-detail h6, .dark .skeleton-basic-product .product-detail .price{background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(64, 64, 64, 0.85)), color-stop(18%, #404040), color-stop(33%, rgba(64, 64, 64, 0.85))); background: linear-gradient(90deg, rgba(64, 64, 64, 0.85) 8%, #404040 18%, rgba(64, 64, 64, 0.85) 33%);} .dark .service-style-border .service-block .media-body{border-color: #404040;} .dark .footer-background .light-layout, .dark .footer-background .sub-footer{background-color: transparent;} .dark .bg_cls{background-color: #232323;} .dark .white-bg{background-color: #2b2b2b !important;} .dark .grey-bg{background-color: #232323;} .dark .border-top{border-color: #404040 !important;} .dark .bg-light{background-color: #232323 !important;} .dark .product-details-box .theme-card .offer-slider > div .media:last-child img{background-color: #232323; border-color: #404040;} .dark .blog-section .blog-details p{color: #cfd4da;} .dark .blog-section .review-box{background-color: #2b2b2b;} .dark .blog-section .review-box .slick-prev:after{background-color: #404040;} .dark .blog-section .review-box .review-content h6{color: #cfd4da;} .dark .page-link{background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border-color: #404040;} .dark .breadcrumb-section{background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark .light-layout{background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark .form-control{color: #cfd4da; background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border: 1px solid #404040;} .dark mark, .dark .mark{background-color: #232323; color: #fff;} .dark .product-review-form .product-rating .price-number{color: #ddd;} .dark .product-review-form .product-wrapper{background-color: #232323; border-color: #404040;} .dark .product-review-form .product-wrapper .product-image{background-color: #2b2b2b;} .dark .product-review-form .product-wrapper .product-content .product-review-rating .price-number{color: #ddd;} .dark .btn-solid{color: #fff !important;} .dark .btn-solid:hover{color: var(--theme-color) !important; background-color: transparent;} .dark .variation-box .radio .form-check .form-check-input{background-color: #2b2b2b; border-color: #404040;} .dark .variation-box .radio .form-check .form-check-input:checked{background-color: var(--theme-color); border-color: var(--theme-color);} .dark .quantity-variant li, .dark .image-box li{background-color: #232323; border-color: #404040;} .dark .quantity-variant{background-color: #232323; border-color: #404040;} .dark .quantity-variant li{background-color: #232323; border-color: transparent;} .dark .quantity-variant li.active{background-color: #2b2b2b; -webkit-box-shadow: unset; box-shadow: unset; border-color: var(--theme-color);} .dark .quantity-variant li.active button{background-color: #2b2b2b !important; color: var(--theme-color);} .dark .quantity-variant li button{color: #ddd;} .dark .quantity-variant.color li{border-color: transparent;} .dark .quantity-variant.color li.active{border-color: var(--theme-color);} .dark .quantity-variant.circle li{border-color: transparent;} .dark select{color: #cfd4da;} .dark option{background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark .demo-section .demo-effects > div .demo-text span{color: #fff;} .dark .setting_box_body{background-color: #2b2b2b;} .dark .setting-box{background-color: #2b2b2b;} .dark .setting-box ::-webkit-scrollbar-track{background: #3c3c3c;} .dark .setting-box .setting-section{border-color: #3c3c3c;} .dark .setting-box .demo-effects > div .layout-container{border-color: #3c3c3c;} .dark .setting-box .accordion-button{color: #ddd; border-bottom-color: #3c3c3c;} .dark .setting-box .accordion-button::after{color: #ddd;} .dark .setting-box .accordion-button .setting-description-text .setting-title-content{color: #fff;} .dark .setting-box .sidebar-back{color: #fff; background-color: rgba(35, 35, 35, 0.8);} .dark .setting-box .close-icon{background-color: #2b2b2b; border-color: #3c3c3c;} .dark .setting-box .setting-inner-title a{color: #fff;} .dark .setting-box .form-switch .form-check-input{border-color: #3c3c3c;} .dark .setting-box .setting-contant::-webkit-scrollbar-thumb{background: var(--theme-color);} .dark .setting-box .setting-title{border-color: #404040; background-color: #232323;} .dark .setting-box .setting-title h4{color: #ddd;} .dark .setting-box .setting-title .close-icon i{color: #ddd;} .dark .top-header .right-nav-about .right-nav-list .theme-form-select .dropdown-menu{border-color: #404040; background-color: #232323;} .dark .top-header .right-nav-about .right-nav-list .theme-form-select .dropdown-menu:hover, .dark .top-header .right-nav-about .right-nav-list .theme-form-select .dropdown-menu:focus{color: #cbcbcb;} .dark .blog-left .blog-details h4{color: #e7eaec;} .dark .blog-left .blog-details h6{color: #cfd4da;} .dark header{background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark header .offcanvas{background-color: #2b2b2b;} .dark header .offcanvas .offcanvas-header{background-color: #232323;} .dark header .search-full .input-group{border-color: #404040;} .dark header .navbar.navbar-expand-xl .navbar-nav .nav-item.dropdown > a:hover{color: var(--theme-color);} .dark header.header-5 .pixelstrap a, .dark header.header-5 .pixelstrap:hover, .dark header.header-5 .pixelstrap:active{color: #cfd4da;} .dark header.header-5 .main-menu .menu-right .icon-nav li i{color: #cfd4da;} .dark header.header-5 .top-header .header-dropdown > li i{color: #cfd4da !important;} .dark header.header-5.left-sidebar-header{background-color: #2b2b2b;} .dark header.header-5.left-sidebar-header .top-header .header-dropdown > li img{-webkit-filter: invert(1); filter: invert(1);} .dark header.header-5.left-sidebar-header .form_search{-webkit-box-shadow: 0 0 0 1px #545454; box-shadow: 0 0 0 1px #545454;} .dark header.header-5.left-sidebar-header .onhover-div > div img{-webkit-filter: invert(1); filter: invert(1);} .dark header.header-tools{background-color: transparent; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark header.header-tools.sticky{background-color: #2b2b2b;} .dark header.header-tools .main-menu .menu-right .icon-nav i{color: #cbcbcb;} .dark header.header-tools .top-header .header-dropdown li i{color: #cbcbcb;} .dark header.header-tools .logo-menu-part > .container{background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border-color: #404040;} .dark header.header-tools.header-style.top-relative{background-color: #2b2b2b;} .dark header.left-header .top-header{background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark header.left-header .top-header .header-contact li{color: #ddd;} .dark header.left-header .top-header .header-dropdown li i{color: #ddd;} .dark header.left-header .main-menu .menu-right .header-dropdown > li img{-webkit-filter: invert(100); filter: invert(100);} .dark header.left-header .onhover-div > div img{-webkit-filter: invert(100); filter: invert(100);} .dark header.left-header .sidenav nav{background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark header.left-header .sidenav .left-sidebar_center{background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark header.left-header .sidenav .pixelstrap > li > a{background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark header.left-header.left-header-sm .sidenav .left-sidebar_center .pixelstrap > li{border-color: #404040;} .dark header.left-header.left-header-sm .sidenav .left-sidebar_center .pixelstrap > li > a img{background-color: transparent; -webkit-filter: invert(1); filter: invert(1);} .dark header.header-style .top-header .header-dropdown > li img{-webkit-filter: invert(1); filter: invert(1);} .dark header.header-style .onhover-div > div img{-webkit-filter: invert(1); filter: invert(1);} .dark header.left-header.left-header-relative .pixelstrap > li > a{color: #fff; background-color: #2b2b2b;} .dark header.left-header .main-menu .brand-logo{border-color: #404040;} .dark header.left-header .sidenav .leftside_social{border-color: #404040;} .dark header.header-metro .metro{background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark header.header-metro .top-header .header-contact li{color: #999;} .dark header.header-metro .top-header .header-dropdown li{color: #999;} .dark header.header-metro .top-header .header-dropdown li a i{color: #999;} .dark header.header-christmas{background-color: #c1272d;} .dark .search-modal .modal-body .search-category li{color: #ddd;} .dark .search-modal .modal-body .search-input-box i{border-color: #404040; color: #ddd;} .dark .search-modal .modal-body .search-input-box .form-control{border-color: #404040;} .dark .offcanvas.cart-offcanvas{background-color: #2b2b2b;} .dark .offcanvas.cart-offcanvas .offcanvas-header{border-color: #404040;} .dark .offcanvas.cart-offcanvas .offcanvas-header h3{color: #eaedef;} .dark .offcanvas.cart-offcanvas .offcanvas-header .btn-close{background-color: #232323; border-color: #404040;} .dark .offcanvas.cart-offcanvas .offcanvas-header .btn-close i{color: #cecece;} .dark .offcanvas.cart-offcanvas .offcanvas-body .pre-text-box{border-color: #404040;} .dark .offcanvas.cart-offcanvas .offcanvas-body .pre-text-box .progress{background-color: #232323;} .dark .offcanvas.cart-offcanvas .offcanvas-body .cart-product li + li{border-color: #404040;} .dark .offcanvas.cart-offcanvas .offcanvas-body .cart-product .media img{background-color: #232323; border-color: #404040;} .dark .offcanvas.cart-offcanvas .offcanvas-body .cart-product .media .media-body .qty-box{background-color: #232323; border-color: #404040;} .dark .offcanvas.cart-offcanvas .offcanvas-body .cart-product .media .media-body .qty-box .input-group button i{color: #cecece;} .dark .offcanvas.cart-offcanvas .offcanvas-body .cart-product .media .media-body a h4{color: #e7eaec;} .dark .offcanvas.cart-offcanvas .offcanvas-body .cart-product .media .media-body .quantity{color: #e7eaec;} .dark .offcanvas.cart-offcanvas .offcanvas-body .cart-product .media .media-body .close-circle .close_button{background-color: #232323; border-color: #404040;} .dark .offcanvas.cart-offcanvas .offcanvas-body .cart-product .media .media-body .close-circle .close_button i{color: #cecece;} .dark .offcanvas.cart-offcanvas .offcanvas-body .cart-media::-webkit-scrollbar-thumb{background: #404040;} .dark .offcanvas.cart-offcanvas .offcanvas-body .cart-media::-webkit-scrollbar-track{background: #232323;} .dark .offcanvas.cart-offcanvas .offcanvas-body .cart_total{border-color: #404040; background-color: #232323;} .dark .offcanvas.cart-offcanvas .offcanvas-body .cart_total li + li{border-color: #404040;} .dark .offcanvas.cart-offcanvas .offcanvas-body .cart_total li .total h5{color: #ddd;} .dark .slider-nav .slider-image{border-color: #404040; background-color: #232323;} .dark .checkbox_animated::after{background-color: #232323; border-color: #404040;} .dark .border-product{border-color: #404040;} .dark .border-product .product-title{color: #fff;} .dark .review-people::-webkit-scrollbar-thumb{background-color: #888;} .dark .review-people::-webkit-scrollbar{background-color: #404040;} .dark .review-people .review-list li .people-box{background-color: #262626; border-color: #404040;} .dark .review-people .review-list li .people-box .people-comment .people-name .name{color: #fff;} .dark .review-people .review-list li .people-box .people-text .user-round{background-color: #2b2b2b;} .dark .review-people .review-list li .people-box .people-text .user-round h4{color: #fff;} .dark .review-title-2, .dark .review-people{border-color: #404040;} .dark .product-rating-box .product-main-rating{border-color: #404040;} .dark .product-rating-box .rating-count{color: #ddd;} .dark .product-rating-box .product-rating-list li .rating-product .progress{background-color: #404040;} .dark .product-rating-box .product-rating-list li .rating-product .total{color: rgba(221, 221, 221, 0.78);} .dark .product-rating-box .product-rating-list li .rating-product h5 i{color: #ddd;} .dark .product-rating-box .rating-box h4{color: #ddd;} .dark .outer-border{border-color: #404040;} .dark .tracking-panel .panel-content .icon img{-webkit-filter: invert(1) brightness(100); filter: invert(1) brightness(100);} .dark .tracking-panel ul li{background-color: #232323;} .dark .tracking-panel ul li.active{background-color: #404040;} .dark .tracking-panel ul li.active::after{border-left-color: #404040;} .dark .tracking-panel ul li::after{border-left-color: #232323;} .dark .tracking-panel ul li:before{border-left-color: #2b2b2b;} .dark .ckeditor-content p{color: #cfd4da !important;} .dark .post-question-box h4 a{background-color: #262626; color: #ddd;} .dark .tab-product.product-details-contain .nav-tabs{border-color: #404040; background-color: #262626;} .dark .tab-product.product-details-contain .nav-tabs .nav-item .nav-link{border-color: #404040; background-color: #2b2b2b;} .dark .tab-product.product-details-contain .nav-tabs .nav-item .nav-link.active{color: var(--theme-color); font-weight: 600; background-color: rgba(236, 137, 81, 0.07); border-color: rgba(236, 137, 81, 0.588235);} .dark .tab-product .nav-material.nav-tabs, .dark .product-full-tab .nav-material.nav-tabs{background-color: #232323; border-color: #404040;} .dark .tab-product .nav-material.nav-tabs .nav-item .nav-link, .dark .product-full-tab .nav-material.nav-tabs .nav-item .nav-link{background-color: #2b2b2b; border-color: #404040;} .dark .tab-product .nav-material.nav-tabs .nav-item .nav-link.active, .dark .product-full-tab .nav-material.nav-tabs .nav-item .nav-link.active{background-color: var(--theme-color); color: #fff;} .dark .tab-product .tab-content.nav-material, .dark .product-full-tab .tab-content.nav-material{border-color: #404040;} .dark .clock{border-color: #ddd;} .dark .clock::after, .dark .clock::before{background-color: #ddd;} .dark .pwd-page .theme-form input{border-color: #404040;} .dark .login-page .theme-card{border-color: #404040; background-color: #232323;} .dark .login-page .theme-card .theme-form input{border-color: #404040;} .dark .login-page .theme-card .theme-form label{color: #929292;} .dark .login-page .authentication-right h6, .dark .login-page .authentication-right p{color: #cfd4da;} .dark .delivery-sec a{color: var(--theme-color);} .dark .tracking-page .tacking-table{border-color: #404040;} .dark .tracking-page .tacking-table tr th{border-color: #404040; color: #ddd; background-color: #232323;} .dark .tracking-page .tacking-table tr td{border-color: #404040;} .dark .tracking-page .tacking-table tr td h6{color: #ddd;} .dark .tracking-page .summary-details .details-box{border-color: #404040; background-color: #232323;} .dark .tracking-page .summary-details .tracking-total li:last-child{border-color: #404040;} .dark .tracking-page .summary-details .order-title{border-color: #404040; color: #fff;} .dark .tracking-page .summary-details .customer-detail h4{color: #ddd;} .dark .order-success-sec{background-color: #232323; border-color: #404040;} .dark .order-success-sec .order-detail li{color: #ddd;} .dark .product-order .product-order-table{border-color: #404040;} .dark .product-order .product-order-table thead tr th{background-color: #232323; color: #fff;} .dark .product-order .product-order-table tbody tr td{color: #ddd; border-color: #404040;} .dark .product-order .product-order-table tfoot tr:last-child{border-color: #404040; color: #fff;} .dark .product-order .product-order-table tfoot tr td{border-color: #404040; color: #ddd;} .dark .product-order .product-order-table tfoot tr td:nth-child(2){color: #fff; border-color: #404040;} .dark .theme-modal-2 .modal-header h3{color: #fff;} .dark .theme-modal-2 .modal-body .form-box .form-select{border-color: #404040;} .dark .theme-modal-2 .modal-body .form-box .custom-select .select2-dropdown{border-color: #404040;} .dark .theme-modal-2 .modal-body .form-box .custom-select .select2-dropdown .select2-search .select2-search__field{color: #fff;} .dark .theme-modal-2 .modal-body .form-box .custom-select .select2 .selection{border-color: #404040;} .dark .theme-modal-2 .modal-body .form-box .custom-select .select2-selection .select2-selection__rendered{color: #ddd;} .dark .theme-modal-2 .modal-body .form-box .custom-select .select2-selection.select2-selection--single{border-color: #404040; background-color: #232323;} .dark .theme-modal-2 .modal-body .form-box .custom-select .select2-selection.select2-selection--single .select2-selection__placeholder{color: #ddd;} .dark .theme-modal-2 .modal-body .form-box .custom-select .select2-selection.select2-selection--single .select2-selection__arrow::before{color: #ddd;} .dark .theme-modal-2 .modal-body .form-box .custom-select .select2-results .select2-results__options .select2-results__option--highlighted{background-color: var(--theme-color);} .dark .theme-modal-2 .modal-body .form-box .custom-select .select2-results .select2-results__options .select2-results__option{background-color: #2b2b2b; color: #ddd;} .dark .theme-modal-2 .modal-body .form-box .form-label{color: #ddd;} .dark .theme-modal-2 .modal-body .form-box .form-control{border-color: #404040; background-color: #2b2b2b;} .dark .review-modal .modal-body .product-wrapper{background-color: #232323; border-color: #404040;} .dark .review-modal .modal-body .product-wrapper .product-image{background-color: #2b2b2b;} .dark .review-modal .modal-body .product-wrapper .product-content .product-review-rating label{color: #ddd;} .dark .review-modal .modal-body .product-wrapper .product-content .product-review-rating .product-rating .rating-number{color: rgba(221, 221, 221, 0.6);} .dark .review-modal .modal-body .form-box .form-label{color: #ddd;} .dark .review-modal .modal-body .form-box .form-control{border-color: #404040;} .dark .review-modal .modal-body .review-box .product-review-rating label{color: #ddd;} .dark .sticky-bottom-cart .product-image img{background-color: #262626;} .dark .sticky-bottom-cart .cart-content .middle-value .qty-box input{background-color: #232323; border-color: #404040;} .dark .sticky-bottom-cart .cart-content .middle-value .qty-box .input-group span button{background: #232323 !important; border-color: #404040;} .dark .bundle .bundle-title{color: #fff;} .dark .bundle .bundle-image-box .bundle-box{border-color: #404040; background-color: #232323;} .dark .bundle .bundle-image-box .bundle-box .bundle-content h4{color: #ddd;} .dark .bundle .bundle-image-box .bundle-box .bundle-content select{color: #ddd; background-image: url(../../svg/dropdown.svg);} .dark .bundle .bundle-image-box .bundle-box .bundle-image{background-color: #2b2b2b;} .dark .bundle .bundle-image-box .bundle-box .checkbox_animated::after{background-color: #2b2b2b; border-color: #404040;} .dark .product-page-details .compare-box a{color: #cbcbcb;} .dark .product-page-details .progress{background-color: #232323;} .dark .product-page-details .left-progressbar h6{color: #ddd;} .dark .product-page-details .product-offer li{color: #ddd;} .dark .product-page-details .dashed-border-box{border-color: #404040;} .dark .product-page-details .dashed-border-box h4{background-color: #2b2b2b;} .dark .product-page-details .shipping-info li{color: #cfd4da;} .dark .product-page-details .bordered-box{border-color: #404040;} .dark .product-page-details .qty-section .qty-box .input-group{background-color: #232323; border-color: #404040;} .dark .product-page-details .qty-section .qty-box .input-group button{background-color: #2b2b2b !important; -webkit-box-shadow: unset; box-shadow: unset;} .dark .product-page-details .qty-section .qty-box .input-group input{background-color: #232323;} .dark .product-page-details .description-text{color: #ddd;} .dark .product-page-details .price-text span.text-dark{color: #fff !important;} .dark .product-page-details .product-rating .divider{color: #404040;} .dark .product-page-details .rating span, .dark .product-page-details .product-rating span{color: #ff9800;} .dark .product-page-details .size-delivery-info{border-color: #404040;} .dark .product-page-details .size-delivery-info a{color: #ddd;} .dark .product-page-details .quantity-variant li{background-color: transparent;} .dark .product-page-details .quantity-variant li.active{border-color: var(--theme-color); background-color: #2b2b2b;} .dark .product-page-details .quantity-variant li button{background-color: transparent;} .dark .product-page-details .select-dropdown{background-color: #232323; background-image: url("../images/form-select-icon.svg");} .dark .product-page-details .timer p span{color: #fff;} .dark .product-page-details.product-form-box{border-color: #404040;} .dark .four-image-sec{background-color: #232323;} .dark .phone-field .custom-select .select2 .selection{border-color: #404040;} .dark .phone-field .custom-select .select2 .selection .select2-selection .select2-selection__rendered{color: #ddd;} .dark .phone-field .custom-select .select2-dropdown .select2-search .select2-search__field{color: #ddd;} .dark .form-box .form-label, .dark .form-box label{color: #ddd;} .dark .form-box .custom-select .select2-results .select2-results__options::-webkit-scrollbar{background-color: #404040;} .dark .form-box .custom-select .select2-results .select2-results__options .select2-results__option{background-color: #232323;} .dark .form-box .custom-select .select2-dropdown{border-color: #404040; background-color: #232323;} .dark .form-box .custom-select .select2-dropdown .select2-search .select2-search__field{border-color: #404040 !important; background: #2b2b2b !important;} .dark .auth-modal .create a{color: #fff;} .dark .auth-modal .divider::before{border-color: #404040;} .dark .auth-modal .divider span{background-color: #2b2b2b; color: #ddd;} .dark .auth-modal .modal-content{background-color: transparent;} .dark .auth-modal .modal-content .right-content{background-color: #2b2b2b;} .dark .auth-modal .modal-content .right-content .modal-back{color: #ddd;} .dark .auth-modal .auth-form-box .auth-box .form-control{border-color: #404040;} .dark .auth-modal .auth-form-box .auth-box .form-label{color: #ddd;} .dark .auth-modal .auth-form-box .forgot{color: #ddd;} .dark .auth-modal .auth-title h3{color: #fff;} .dark .header-compact .main-menu .menu-right .icon-nav li.mobile-cart > div img{-webkit-filter: invert(1); filter: invert(1);} .dark .wishlist-section tbody .table-price h2 del, .dark .cart-section tbody .table-price h2 del{color: #ddd;} .dark .wishlist-section tbody .qty-box .input-group button, .dark .cart-section tbody .qty-box .input-group button{border-color: #404040;} .dark .wishlist-section tbody .qty-box .input-group button i, .dark .cart-section tbody .qty-box .input-group button i{-webkit-columns: #ddd; -moz-columns: #ddd; columns: #ddd;} .dark .wishlist-section tfoot tr td, .dark .cart-section tfoot tr td{color: #ddd;} .dark .header-style-1 .border-top-cls{border-color: #404040;} .dark .header-style-1 .navbar .nav-link{color: #cbcbcb;} .dark .vector-category .category-slide .slick-prev, .dark .vector-category .category-slide .slick-next{color: #ddd; background-color: #232323; -webkit-box-shadow: 0 0 8px rgba(64, 64, 64, 0.6); box-shadow: 0 0 8px rgba(64, 64, 64, 0.6); border-color: #404040;} .dark .vector-category .category-slide .slick-prev::before, .dark .vector-category .category-slide .slick-next::before{color: #ddd;} .dark .special-product-section .title2 h4{color: #777;} .dark .special-product-section .title2 h2{color: #222;} .dark.header-style-light .header-style-5 .bottom-part .category-menu .toggle-sidebar{color: #ddd; background-color: #232323; border-color: #404040;} .dark.header-style-light .header-style-5 .bottom-part .category-menu .toggle-sidebar h5{color: #cfd4da;} .dark .header-style-5 .bottom-part{background-color: #232323;} .dark .header-style-5 .bottom-part.bottom-light{border-color: #404040; background-color: transparent;} .dark .header-style-5 .bottom-part.bottom-light .pixelstrap > li > a{color: #cfd4da;} .dark .header-style-5 .bottom-part.bottom-light .pixelstrap > li > a:hover, .dark .header-style-5 .bottom-part.bottom-light .pixelstrap > li > a:focus{color: #cfd4da;} .dark .header-style-5.color-style{background-color: #2b2b2b;} .dark .header-style-5.color-style .form_search.ajax-search .typeahead{background-color: #232323 !important;} .dark .header-style-5.color-style .bottom-part .pixelstrap.sm-vertical > li > a{color: #cbcbcb;} .dark .header-style-5.color-style .bottom-part .pixelstrap.sm-vertical > li > a:hover, .dark .header-style-5.color-style .bottom-part .pixelstrap.sm-vertical > li > a:focus, .dark .header-style-5.color-style .bottom-part .pixelstrap.sm-vertical > li > a:active{color: #cbcbcb;} .dark .header-style-5.color-style.style-classic .bottom-part .pixelstrap > li > a{color: #cbcbcb;} .dark .header-style-5.color-style.style-classic .bottom-part .pixelstrap > li > a:hover, .dark .header-style-5.color-style.style-classic .bottom-part .pixelstrap > li > a:focus, .dark .header-style-5.color-style.style-classic .bottom-part .pixelstrap > li > a:active{color: #cbcbcb;} .dark .header-style-5.color-style.style-classic .bottom-part .container{background-color: #232323;} .dark .header-style-5.style-light .bottom-part .category-menu .toggle-sidebar{color: #ddd; background-color: #232323; border-color: #404040;} .dark .header-style-5.style-light .bottom-part .category-menu .toggle-sidebar h5{color: #ddd;} .dark .bg-theme{background-color: #232323;} .dark .marketplace-sidebar.sidenav.fixed-sidebar .sm-vertical{background-color: #2b2b2b; border-color: #404040;} .dark .marketplace-sidebar.sidenav .sm-vertical{background-color: #232323;} .dark .marketplace-sidebar.sidenav ul li a{background-color: #232323; color: #fff;} .dark .svg-icon-menu.wo-bg .pixelstrap > li > a svg{fill: #fff;} .dark .svg-icon-menu .pixelstrap > li > a img{background-color: #2b2b2b; border-color: #404040;} .dark .ajax-search .typeahead{background-color: #2b2b2b !important;} .dark .ajax-search .tt-menu{background-color: #2b2b2b;} .dark .ajax-search .description-section h4{color: #e7eaec;} .dark .deal-product-space{background-color: #232323;} .dark.section-white section{background-color: #2b2b2b;} .dark .search-section select.form-control{background-color: #2b2b2b;} .dark .vegetables-category .category-boxes{background-color: #232323;} .dark .vegetables-category .category-boxes h4{color: #e7eaec;} .dark .product-vertical .full-box .theme-card .offer-slider{background-color: #2b2b2b;} .dark .top-header{background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark .banner-timer .banner-text h2{color: #222;} .dark .sub-footer{background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark .sub-footer.black-subfooter p{color: #ddd;} .dark .border-section{border-color: #404040;} .dark .pixelstrap a, .dark .pixelstrap:hover, .dark .pixelstrap:active{color: #cecece;} .dark .sm-vertical{background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark .sidenav nav{background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark .sidenav .sidebar-back{color: #f1f3f5; border-color: #404040;} .dark .deal-section .sidenav .pixelstrap li .clothing-menu li a{background-color: #2b2b2b;} .dark .pixelstrap ul{background: #2b2b2b; -webkit-box-shadow: none; box-shadow: none;} .dark .pixelstrap ul a{color: #e7eaec;} .dark .pixelstrap ul a:hover, .dark .pixelstrap ul a:focus, .dark .pixelstrap ul a:active, .dark .pixelstrap ul a.highlighted{color: #e7eaec;} .dark .pixelstrap .link-section h5{color: #fff;} .dark .pixelstrap .mega ul{background: #2b2b2b;} .dark .pixelstrap .home-menu, .dark .pixelstrap .feature-menu, .dark .pixelstrap .category-menu, .dark .pixelstrap .full-mega-menu, .dark .pixelstrap .clothing-menu{-webkit-box-shadow: 0 0 1px 0 #2b2b2b; box-shadow: 0 0 1px 0 #2b2b2b;} .dark .onhover-div > div img{-webkit-filter: brightness(100); filter: brightness(100);} .dark .onhover-div .show-div{background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-shadow: none; box-shadow: none;} .dark .error-section h1{color: #e6e6e6;} .dark .breadcrumb-section{-webkit-box-shadow: unset; box-shadow: unset;} .dark .breadcrumb-section .breadcrumb a{color: #f7f7f7;} .dark .breadcrumb-section .breadcrumb-item{-webkit-box-shadow: unset; box-shadow: unset;} .dark .breadcrumb-section .breadcrumb-item + .breadcrumb-item::before{color: #fff;} .dark .breadcrumb-section .breadcrumb-item.active{color: #e7eaec;} .dark .main-menu .menu-left .navbar i{color: #f7f7f7;} .dark .main-menu .menu-right .icon-nav li i{color: #cecece;} .dark .main-menu .menu-right .icon-nav .onhover-div .empty-cart-box i{background-color: #232323;} .dark .main-menu .menu-right .icon-nav .onhover-div .show-div.setting h6{color: #cfd4da;} .dark .main-menu .menu-right .icon-nav .onhover-div .show-div.setting ul li a{color: #cfd4da;} .dark .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li{border-color: #404040;} .dark .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .media .media-body .qty-box .input-group span button i{color: #ddd;} .dark .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .media .media-body h4{color: #e7eaec;} .dark .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .media .media-body h4 span{color: #dee2e6;} .dark .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .form-control{border-color: #404040 !important;} .dark .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .close-circle i:hover{color: #fff;} .dark .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .total{border-color: #404040;} .dark .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .total h5{color: #dee2e6;} .dark .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .buttons a{color: #fff;} .dark .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .buttons a:hover{color: var(--theme-color);} .dark .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart .cart_product::-webkit-scrollbar-track{background: #404040;} .dark .compare-fix a, .dark .compare-fix h5{color: #fff;} .dark .footer-theme .sub-title li{color: #cfd4da;} .dark .footer-theme .sub-title li a{color: #cfd4da;} .dark .footer-theme .sub-title h4{color: #e7eaec;} .dark .footer-theme .sub-title .contact-list i{color: #ddd;} .dark .footer-social i{color: #cfd4da;} .dark .footer-light .subscribe{border-color: #404040;} .dark .border-b{border-color: #404040;} .dark .footer-theme2 .contact-details li{color: #cfd4da;} .dark .footer-theme2 .contact-details li a{color: #e7eaec;} .dark .footer-theme2 .subscribe-block{border-color: #404040;} .dark .footer-theme2 .footer-link a, .dark .footer-theme2 .footer-link-b a{color: #cbcbcb;} .dark .footer-theme2 .footer-link a:hover, .dark .footer-theme2 .footer-link-b a:hover{color: #fff;} .dark .top-header .header-contact li{color: #cfd4da;} .dark .top-header .header-dropdown li{color: #cfd4da;} .dark .top-header .header-dropdown li a i{color: #cfd4da !important;} .dark .top-header .header-dropdown .onhover-dropdown .onhover-show-div li a{color: #cbcbcb;} .dark .top-header.top-header-dark .header-dropdown li a{color: #cbcbcb;} .dark .top-header.top-header-dark .header-contact li i{color: #cbcbcb;} .dark .top-header.top-header-dark2 .header-dropdown li a{color: #cfd4da;} .dark .top-header.top-header-dark2 .header-contact li i{color: #cfd4da;} .dark .top-header.top-header-dark3 .header-dropdown li a{color: #cbcbcb;} .dark .top-header.top-header-dark3 .header-contact li i{color: #cbcbcb;} .dark .onhover-dropdown .onhover-show-div{background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-shadow: none; box-shadow: none;} .dark .testimonial{background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark .testimonial .testimonial-slider .media img{border-color: #404040;} .dark .team img{border-color: #232323;} .dark .team h6{background-color: #232323;} .dark .team h4{background-color: #232323; color: var(--theme-color);} .dark .service-block + .service-block{border-color: #404040;} .dark .pixelstrap.light-font-menu li > a{color: #f1f3f5;} .dark .about-section .service-block1{background-color: #232323;} .dark .theme-tab .tab-title a, .dark .theme-tab .tab-title2 a{color: #cbcbcb;} .dark .theme-tab .tab-title .current a, .dark .theme-tab .tab-title2 .current a{color: var(--theme-color);} .dark .theme-tab .tab-title2:after{border-color: #404040;} .dark .theme-tab .tab-title2 .current{background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark .theme-tab .tab-title2 .current a{background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark .product-box .cart-info.bg-color-cls button{background-color: #2b2b2b;} .dark .product-box .cart-info.bg-color-cls a i{background-color: #2b2b2b;} .dark .product-box .product-detail h4, .dark .product-box .product-info h4, .dark .product-wrap .product-detail h4, .dark .product-wrap .product-info h4{color: #e7eaec;} .dark .theme-card.product-card .card-title{border-color: #404040;} .dark .theme-card.product-card .media-list .media .product-sm{background-color: #232323; border-color: #404040;} .dark .theme-card.product-card .media-list .media .media-body h4{color: #fff;} .dark .theme-card.product-card .media-list .media .media-body a h6{color: #ddd;} .dark .theme-card .offer-slider .media .media-body h4{color: #e7eaec;} .dark .theme-card .offer-slider .media .media-body .rating i:last-child{color: #777;} .dark .theme-card h5.title-border{border-color: #404040;} .dark .theme-card.card-border{border-color: #404040;} .dark .dark-layout{background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark .sub-footer.darker-subfooter{background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark .sub-footer.darker-subfooter p{color: #cfd4da;} .dark .compare-page .table-wrapper .table{color: #f1f3f5; border-color: #404040;} .dark .compare-page .table-wrapper .table thead .th-compare td{background: #232323; border-color: #404040; color: #fff;} .dark .compare-page .table-wrapper .table thead .th-compare th{border-color: #404040;} .dark .compare-page .table-wrapper .table thead .th-compare th .remove-compare{color: #cfd4da;} .dark .compare-page .table-wrapper .table tbody tr th{border-color: #404040; color: #fff; background: #232323;} .dark .compare-page .table-wrapper .table tbody tr td{border-color: #404040; color: #ddd;} .dark .compare-page .table-wrapper .table tbody tr .product_price{color: #ddd;} .dark .compare-page .table-wrapper .table tbody tr p{color: #cfd4da;} .dark .lookbook .lookbook-block .lookbook-dot:before{background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark .lookbook .lookbook-block .lookbook-dot .dot-showbox .dot-info{background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark .sitemap_page ul li a{color: #cbcbcb;} .dark .sitemap_page ul li a:hover{color: var(--theme-color);} .dark .sitemap_page ul ul li a{color: #dee2e6;} .dark .sitemap_page .row > div:nth-child(odd){background-color: #232323;} .dark .compare-padding .compare-table{border-color: #404040;} .dark .compare-padding .compare-table tr:nth-child(even){background-color: #232323;} .dark .compare-padding .compare-table tr td{border-color: #404040; color: #fff;} .dark .compare-padding .compare-table tr td .img-section a{color: #fff;} .dark .compare-padding .compare-table tr td .compare-rating span{color: #ddd;} .dark .compare-padding .compare-table tr td .close-btn{color: #fff; border-color: #404040; background-color: #232323;} .dark .compare-padding .compare-table tr td.title-detail{border-color: #404040;} .dark .review-page .comnt-sec li a{color: #cbcbcb;} .dark .blog-detail-page .blog-detail h3{color: #fff;} .dark .blog-detail-page .blog-detail .post-social li{color: #ddd;} .dark .blog-detail-page .blog-detail .post-social li + li{border-color: #404040;} .dark .blog-detail-page .comment-section li{border-color: #404040;} .dark .blog-detail-page .comment-section li h6{color: #fff;} .dark .blog-detail-page .comment-section li h6 span{color: #ddd;} .dark .blog-page .blog-box .blog-contain .blog-label > span{color: #ddd;} .dark .blog-page .blog-box .blog-contain .blog-label > span + span{border-color: #404040;} .dark .blog-page .blog-box .blog-contain a h3{color: #fff;} .dark .blog-page .blog-list{border-color: #404040;} .dark .blog-page .blog-list .blog-contain p{color: #ddd;} .dark .blog-page .blog-list .blog-contain .blog-label > span{color: #ddd;} .dark .blog-page .blog-list .blog-contain .blog-label > span + span{border-color: #404040;} .dark .blog-page .blog-list .blog-contain a h3{color: #fff;} .dark .blog-page .blog-media .blog-right h4{color: #e7eaec;} .dark .blog-page .blog-media .blog-right ul{color: #cfd4da;} .dark .blog-page .blog-media .blog-right ul li + li{border-color: #404040;} .dark .blog-page .blog-sidebar .categories li a span{color: #ddd;} .dark .blog-page .blog-sidebar .theme-card{background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border-color: #404040;} .dark .blog-page .blog-sidebar .theme-card .tags li{background-color: #2b2b2b; border-color: #404040;} .dark .blog-page .blog-sidebar .theme-card .tags li:hover{background-color: var(--theme-color); border-color: var(--theme-color);} .dark .blog-page .blog-sidebar .theme-card .tags li:hover a{color: #fff;} .dark .blog-page .blog-sidebar .theme-card .tags li a{color: #ddd;} .dark .blog-page .blog-sidebar .theme-card .recent-blog li .blog-box .blog-content h6{color: #ddd;} .dark .blog-page .blog-sidebar .left-skelton-box{background-color: #232323;} .dark .blog-page .blog-sidebar .left-skelton-box ul li{background-color: #1d1d22; background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(rgba(44, 44, 44, 0.5)), to(rgba(255, 255, 255, 0))); background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(44, 44, 44, 0.5), rgba(255, 255, 255, 0));} .dark .blog-page .blog-sidebar h4{border-color: #404040; color: #e7eaec;} .dark .blog-page .blog-sidebar h6{color: #cfd4da;} .dark .blog-page .blog-sidebar p{color: #cfd4da;} .dark .form_search{background-color: #232323; -webkit-box-shadow: none; box-shadow: none;} .dark .img-category:hover .img-sec{border-color: var(--theme-color);} .dark .img-category .img-sec{background-color: #232323; border-color: #404040;} .dark .img-category h4 a{color: #ddd;} .dark .vector-category .container{background-color: #2b2b2b; -webkit-box-shadow: 0 0 8px #0a0a0a; box-shadow: 0 0 8px #0a0a0a;} .dark .vector-category .category-slide .img-category .img-sec{background-color: #232323;} .dark .vector-category .category-slide .img-category .img-sec img{-webkit-filter: invert(0.6); filter: invert(0.6);} .dark .cart-section .cart-table thead th, .dark .wishlist-section .cart-table thead th{color: #f1f3f5;} .dark .cart-section tbody tr td, .dark .wishlist-section tbody tr td{border-color: #404040 !important;} .dark .cart-section tbody tr td a, .dark .wishlist-section tbody tr td a{color: #cbcbcb;} .dark .cart-section tbody tr td h2, .dark .wishlist-section tbody tr td h2{color: #f1f3f5;} .dark .table tbody + tbody{border-color: #404040;} .dark .table thead th{border-color: #404040 !important;} .dark .top-banner-wrapper .top-banner-content h4{color: #e7eaec;} .dark .top-banner-wrapper .top-banner-content h5{color: #dee2e6;} .dark .top-banner-wrapper .top-banner-content p{color: #cfd4da;} .dark .top-filter ::-webkit-scrollbar-track{background: #404040;} .dark .category-box{background-color: #232323; border-color: #404040;} .dark .category-box.active{background-color: var(--theme-color); border-color: transparent;} .dark .irs-line{background: #232323;} .dark .category-shop-section .nav{background-color: #232323;} .dark .category-shop-section .nav .sidebar-back{border-color: #404040;} .dark .category-shop-section .nav .nav-link{color: #ddd;} .dark .category-shop-section .nav .nav-link.active{color: var(--theme-color2);} .dark .popular-search-section{border-color: #404040;} .dark .popular-search-section ul li::after{background-color: #404040;} .dark .popular-search-section ul li a{color: #ddd;} .dark .product-style-5.product-box{background-color: #232323;} .dark .product-style-5.product-box h5{color: #ddd;} .dark .product-style-5.product-box h6{color: #fff;} .dark .category-slider-section .product-category-slider .category-box{background-color: #232323; border-color: #404040;} .dark .category-slider-section .product-category-slider .category-box:hover, .dark .category-slider-section .product-category-slider .category-box.selected{background-color: var(--theme-color); border-color: var(--theme-color);} .dark .category-slider-section .product-category-slider .category-box:hover h5, .dark .category-slider-section .product-category-slider .category-box.selected h5{color: #fff;} .dark .category-slider-section .product-category-slider .category-box img{-webkit-filter: invert(1) brightness(100); filter: invert(1) brightness(100);} .dark .category-slider-section .product-category-slider .category-box h5{color: #ddd;} .dark .collection-collapse-block .collection-accordion{background-color: transparent;} .dark .collection-collapse-block .collection-accordion .accordion-item .accordion-header .accordion-button{background-color: #232323; color: #ddd;} .dark .collection-collapse-block .collection-accordion .accordion-item .accordion-body{background-color: #232323;} .dark .collection-collapse-block .collection-accordion .accordion-item .accordion-body::-webkit-scrollbar-track{background: #2b2b2b;} .dark .collection-collapse-block .collection-accordion .accordion-item .accordion-body .collection-listing li .form-check .form-check-input::after{background-color: #2b2b2b; border-color: #404040;} .dark .collection-collapse-block .collection-accordion .accordion-item .accordion-body .collection-listing li .form-check .form-check-label{color: #ddd;} .dark .modern-box{background-color: #232323;} .dark .collection-product-wrapper .product-top-filter{border-color: #404040; background-color: #232323;} .dark .collection-product-wrapper .product-top-filter .product-filter-content .form-select, .dark .collection-product-wrapper .product-top-filter .popup-filter .form-select{color: #ddd; background-color: #2b2b2b; border-color: #404040;} .dark .collection-product-wrapper .product-top-filter .product-filter-content .search-count, .dark .collection-product-wrapper .product-top-filter .product-filter-content .sidebar-popup, .dark .collection-product-wrapper .product-top-filter .popup-filter .search-count, .dark .collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup{border-color: #404040; background-color: #2b2b2b;} .dark .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view .select2 .selection .select2-selection, .dark .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter .select2 .selection .select2-selection, .dark .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view .select2 .selection .select2-selection, .dark .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter .select2 .selection .select2-selection{background: #2b2b2b; border-color: #404040 !important;} .dark .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view .select2 .select2-container--default .select2-dropdown, .dark .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter .select2 .select2-container--default .select2-dropdown, .dark .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view .select2 .select2-container--default .select2-dropdown, .dark .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter .select2 .select2-container--default .select2-dropdown{border-color: #404040; background: #2b2b2b;} .dark .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view .select2 .select2-container--default .select2-results .select2-results__options::-webkit-scrollbar, .dark .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter .select2 .select2-container--default .select2-results .select2-results__options::-webkit-scrollbar, .dark .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view .select2 .select2-container--default .select2-results .select2-results__options::-webkit-scrollbar, .dark .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter .select2 .select2-container--default .select2-results .select2-results__options::-webkit-scrollbar{background-color: #404040;} .dark .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view .select2 .select2-container--default .select2-results .select2-results__options .select2-results__option, .dark .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter .select2 .select2-container--default .select2-results .select2-results__options .select2-results__option, .dark .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view .select2 .select2-container--default .select2-results .select2-results__options .select2-results__option, .dark .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter .select2 .select2-container--default .select2-results .select2-results__options .select2-results__option{color: #ddd;} .dark .collection-product-wrapper .product-top-filter .product-filter-content .collection-grid-view, .dark .collection-product-wrapper .product-top-filter .popup-filter .collection-grid-view{border-color: #404040;} .dark .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view select, .dark .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view select{border-color: #404040;} .dark .collection-product-wrapper .product-top-filter .product-filter-content .collection-grid-view ul li, .dark .collection-product-wrapper .product-top-filter .popup-filter .collection-grid-view ul li{background-color: #2b2b2b; border-color: #404040;} .dark .collection-product-wrapper .product-top-filter .product-filter-content .collection-grid-view ul li.active, .dark .collection-product-wrapper .product-top-filter .popup-filter .collection-grid-view ul li.active{background-color: var(--theme-color);} .dark .collection-product-wrapper .product-top-filter .popup-filter ::-webkit-scrollbar-track{background: #2b2b2b;} .dark .collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup a{background: #2b2b2b; border-color: #404040; color: #cbcbcb;} .dark .collection-product-wrapper .product-top-filter .popup-filter .open-popup{border-color: #404040; -webkit-box-shadow: none; box-shadow: none;} .dark .collection-product-wrapper .product-top-filter.sidebar-top-filter .collection-top-filter .top-filter-card-body{background-color: #232323; border-color: #404040;} .dark .product-slick .slick-next:before, .dark .product-slick .slick-prev:before, .dark .rtl-product-slick .slick-next:before, .dark .rtl-product-slick .slick-prev:before, .dark .product-right-slick .slick-next:before, .dark .product-right-slick .slick-prev:before, .dark .rtl-product-right-slick .slick-next:before, .dark .rtl-product-right-slick .slick-prev:before{color: #ddd; background-color: #232323; -webkit-box-shadow: 0 0 8px rgba(64, 64, 64, 0.6); box-shadow: 0 0 8px rgba(64, 64, 64, 0.6); border-color: #404040;} .dark .product-pagination{border-color: #404040;} .dark .product-pagination .pagination li.active a{background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border-color: #404040;} .dark .product-pagination .pagination li a{border-color: #404040; background-color: #232323; color: #ddd;} .dark .product-pagination .product-search-count-bottom{border-color: #404040;} .dark .product-pagination .product-search-count-bottom h5{color: #dee2e6;} .dark .portfolio-section #form1{border-color: #404040; background-color: #232323;} .dark .portfolio-section .isotopeSelector .overlay{border-color: #404040;} .dark .portfolio-section .filter-button{color: #fff; border-color: #404040; background-color: #2b2b2b;} .dark .portfolio-section .filter-button.active{color: var(--theme-color); background-color: rgba(236, 137, 81, 0.071); border-color: rgba(236, 137, 81, 0.588);} .dark .portfolio-section.metro-section .product-box .product-detail{background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark .portfolio-section.metro-section .product-box .product-detail h4{color: #e7eaec;} .dark .portfolio-section.metro-section .product-box .product-detail h6{color: #cfd4da;} .dark .collection-filter-block{border-color: #404040; background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark .collection-filter-block .accordion-item + .accordion-item{border-color: #404040;} .dark .collection-filter-block .accordion-item .accordion-button{color: #fff;} .dark .collection-filter-block .accordion-item .accordion-button:not(.collapsed){color: #fff;} .dark .collection-filter-block .accordion-item .accordion-body .search-not-found-box{background-color: #2b2b2b;} .dark .collection-filter-block .accordion-item .accordion-body .search-box::after{border-color: #404040;} .dark .collection-filter-block .accordion-item .accordion-body .search-box .form-control{border-color: #404040;} .dark .collection-filter-block .accordion-item .accordion-body .collection-filter-checkbox .form-check-input::after{background-color: #2b2b2b; border-color: #404040;} .dark .collection-filter-block .accordion-item .accordion-body .collection-filter-checkbox .form-check-label{color: #ddd;} .dark .custom-sidebar-height::-webkit-scrollbar{background-color: #2b2b2b;} .dark .load-more-sec a{border-color: #404040;} .dark .coupon-modal .coupon-box{background-color: #232323;} .dark .coupon-modal .coupon-box .coupon-content p{color: rgba(221, 221, 221, 0.678);} .dark .coupon-modal .coupon-box .coupon-content .coupon-apply{border-color: #404040;} .dark .coupon-modal .coupon-box .coupon-content .coupon-apply h6{color: #fff;} .dark .checkout-page .checkout-title h3{color: #eaedef;} .dark .checkout-page .coupon-content .coupon-apply{border-color: #404040;} .dark .checkout-page .coupon-content .coupon-apply h6{color: #ddd;} .dark .checkout-page .checkout-form .form-group .field-label{color: #cfd4da;} .dark .checkout-page .checkout-form input[type="text"], .dark .checkout-page .checkout-form input[type="email"], .dark .checkout-page .checkout-form input[type="password"], .dark .checkout-page .checkout-form input[type="tel"], .dark .checkout-page .checkout-form input[type="number"], .dark .checkout-page .checkout-form input[type="url"]{background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border-color: #404040;} .dark .checkout-page .checkout-form select, .dark .checkout-page .checkout-form textarea{border-color: #404040;} .dark .checkout-page .checkout-form .checkout-details{background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border: 1px solid #404040;} .dark .checkout-page .checkout-form .checkout-details .coupon-box{border-color: #404040; background-color: #2b2b2b;} .dark .checkout-page .checkout-form .checkout-details .order-box .title-box h4{color: #fff;} .dark .checkout-page .checkout-form .checkout-details .promo-code-box h5{color: #ddd;} .dark .checkout-page .checkout-form .checkout-details .promo-code-box .form-control{border-color: #404040;} .dark .wishlist-section tbody tr td .icon-box a{border-color: #404040; background-color: #232323;} .dark .coupon-box{background: #232323;} .dark .coupon-box .coupon-content p{color: #ddd;} .dark .coupon-box .coupon-content .coupon-apply{border-color: #404040;} .dark .coupon-box .coupon-content .coupon-apply h6{color: #fff;} .dark .intl-tel-input .flag-box{margin-left: 6px; margin-right: unset;} .dark .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box{background-color: #232323; border-color: #404040;} .dark .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-title{border-color: #404040;} .dark .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-address-box{background-color: #2b2b2b;} .dark .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-address-box .form-check-input::before{background-color: #232323; border-color: #404040;} .dark .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-address-box .form-check-input:checked::before{border-color: var(--theme-color);} .dark .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-address-box .form-check-label .address{color: #fff;} .dark .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-address-box .form-check-label .address span{color: #fff;} .dark .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-address-box > div .form-check .form-check-input::before{background-color: #232323; border-color: #404040;} .dark .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-address-box > div .delivery-address-detail h6, .dark .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-address-box > div .delivery-address-detail p{color: #ddd;} .dark .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-address-box > div .delivery-address-detail h6 span, .dark .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-address-box > div .delivery-address-detail p span{color: #ddd;} .dark .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-option, .dark .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .payment-option{background-color: #2b2b2b;} .dark .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-option .delivery-category .form-check .form-check-input::before, .dark .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .delivery-option .payment-category .form-check .form-check-input::before, .dark .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .payment-option .delivery-category .form-check .form-check-input::before, .dark .checkout-section-2 .left-sidebar-checkout .checkout-detail-box > ul > li .checkout-box .checkout-detail .payment-option .payment-category .form-check .form-check-input::before{background-color: #232323; border-color: #404040;} .dark .checkout-section-2 .checkout-right-box .checkout-details .order-box .title-box{border-color: #404040; color: #ddd;} .dark .order-box .title-box{color: #eaedef; border-color: #404040;} .dark .order-box .qty{border-color: #404040;} .dark .order-box .qty li{color: #cfd4da;} .dark .order-box .qty li .cart-image{background-color: #2b2b2b;} .dark .order-box .qty li span{color: #dee2e6;} .dark .order-box .sub-total{border-color: #404040;} .dark .order-box .sub-total li{color: #cfd4da;} .dark .order-box .sub-total li .check-it::after{background-color: #2b2b2b; border-color: #404040;} .dark .order-box .sub-total li h4{color: #ddd;} .dark .order-box .sub-total .shopping-option label{color: #929292;} .dark .order-box .total{border-color: #404040;} .dark .order-box .total li{color: #cfd4da;} .dark .order-box .box-loader .loader-wrapper{background-color: #2b2b2b;} .dark .collection .collection-block .collection-content h4{color: #e7eaec;} .dark .collection .collection-block .collection-content h3{color: #eaedef;} .dark .table th, .dark .table td{border-color: #404040;} .dark .dashboard .box-head h2{color: #f1f3f5;} .dark .dashboard .box .box-title{border-color: #404040;} .dark .dashboard .box .box-title h3{color: #eaedef;} .dark .white-bg{background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark .card{background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark .card .card-header{background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark .card .card-body .notification-list h4{color: #fff;} .dark .card .card-body .notification-list h5{color: #ddd;} .dark .card .card-body .notification-list li{border-color: #404040; background-color: #2b2b2b;} .dark .cart-section .cart-table, .dark .wishlist-section .cart-table{border-color: #404040;} .dark .cart-section thead th, .dark .wishlist-section thead th{background-color: #232323;} .dark .cart-section tbody tr td, .dark .wishlist-section tbody tr td{background-color: transparent;} .dark .cart-section tbody .remove-btn, .dark .wishlist-section tbody .remove-btn{border-color: #404040; background-color: #232323;} .dark .cart-section .qty-box .input-group .form-control, .dark .wishlist-section .qty-box .input-group .form-control{border-color: #404040;} .dark .cart-section tfoot tr td, .dark .wishlist-section tfoot tr td{background-color: transparent;} .dark .cart-section tfoot tr td:first-child, .dark .wishlist-section tfoot tr td:first-child{color: #ddd;} .dark .compare-section .compare-box{border-color: #404040;} .dark .compare-section .compare-part .close-btn{background-color: #232323; color: #ddd; border-color: #404040;} .dark .compare-section .compare-part .detail-part .title-detail{border-color: #404040;} .dark .compare-section .compare-part .img-section{border-color: #404040;} .dark .compare-section .compare-part .img-section a h5{color: #fff;} .dark .compare-section .compare-part .detail-part .title-detail{background-color: #232323;} .dark .faq-section .theme-accordion .accordion-item{border-color: #404040;} .dark .faq-section .theme-accordion .accordion-item .accordion-header{background-color: #232323;} .dark .faq-section .theme-accordion .accordion-item .accordion-header .accordion-button{color: #fff; background-color: #232323;} .dark .faq-section .theme-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed){color: var(--theme-color);} .dark .faq-section .theme-accordion .accordion-item .accordion-body p{color: #ddd;} .dark.box-layout-body .box-layout-header{background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark.box-layout-body .box-layout.bg-image{background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background-image: none; -webkit-box-shadow: none; box-shadow: none;} .dark.box-layout-body .light-layout{background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark.box-layout-body .sub-footer{background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark.box-layout-body .brand-slider-box .logo-block{background-color: #2b2b2b;} .dark.box-layout-body .general-variant .active{border-color: #404040;} .dark.box-layout-body .basic-product .img-wrapper{background-color: #2b2b2b;} .dark.box-layout-body .basic-product .cart-info a, .dark.box-layout-body .basic-product .cart-info button{background-color: #232323;} .dark .bg-title.wo-bg .theme-tab .bg-title-part{border-color: #404040;} .dark .bg-title.wo-bg .theme-tab .bg-title-part .title-border{color: #fff;} .dark .bg-title.wo-bg .theme-tab .tab-title a{color: #cfd4da;} .dark .full-box .theme-card .offer-slider .product-box2 + .product-box2{border-top: none;} .dark .center-slider{border-color: #404040;} .dark .bg-block{background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background-image: none;} .dark .theme-tab .tab-content .product-tab .tab-box{background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark .theme-tab .tab-content .product-tab .tab-box .product-box2{background-color: #2b2b2b;} .dark .theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body h4{color: #e7eaec;} .dark .flower-bg{background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background-image: none;} .dark header.full-scroll-menu{background-color: transparent; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark.tools-bg .basic-product{background-color: #232323;} .dark.tools-bg .basic-product .img-wrapper{background-color: #2b2b2b;} .dark.tools-bg .basic-product .img-wrapper .rating-label{background-color: #232323;} .dark.tools-bg .basic-product .cart-info a, .dark.tools-bg .basic-product .cart-info button{background-color: #232323;} .dark .category-m.w-bg .category-wrapper{background-color: #2b2b2b;} .dark .category-m .category-wrapper h4 a{color: #cbcbcb;} .dark .category-block:hover .category-image.svg-image{background-color: var(--theme-color);} .dark .category-block .category-image{border-color: #404040;} .dark .category-block .category-image.svg-image{background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark .white-layout{background-color: #232323;} .dark .footer-theme2.footer-border{border-color: #404040;} .dark .footer-theme2.footer-border > div:first-child, .dark .footer-theme2.footer-border > div:last-child{background-color: #232323;} .dark .footer-theme2.section-light .footer-social i, .dark .footer-theme2.section-light .social-white i{color: #ddd;} .dark .footer-theme2.section-light .footer-block .subscribe-white{border-color: #404040;} .dark .footer-theme2.section-light .footer-block h4{color: #e7eaec;} .dark .footer-theme2.section-light .footer-block .contact-details li a{color: #e7eaec;} .dark .footer-theme2 .footer-link.link-white h4{color: #e7eaec;} .dark .absolute-banner .absolute-bg{background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-shadow: none; box-shadow: none;} .dark footer .dark-layout{background-color: #232323;} .dark footer.pet-layout-footer .white-layout{background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark footer.pet-layout-footer .sub-footer.black-subfooter{background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark footer.pet-layout-footer .footer-social i, .dark footer.pet-layout-footer .social-white i{color: #ddd;} .dark .logo-block img{-webkit-filter: invert(100); filter: invert(100);} .dark .logo-block img:hover{-webkit-filter: invert(100); filter: invert(100);} .dark .bg-white{background-color: #2b2b2b !important; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark .product-box .img-wrapper .cart-box, .dark .product-wrap .img-wrapper .cart-box{background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-shadow: none; box-shadow: none;} .dark .tab-bg.tab-grey-bg{background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark .blog.blog_box .blog-details p{color: #cfd4da;} .dark .blog.blog_box .blog-details a p{color: #cfd4da;} .dark .blog.blog_box .blog-details .read-cls{color: #cbcbcb;} .dark .btn-close{color: #fff;} .dark .sticky-bottom-cart .cart-content{background-color: #232323;} .dark .sticky-bottom-cart .selection-section .form-control{background-color: #2b2b2b; border-color: #404040; background-image: url("../images/form-select-icon.svg");} .dark .sticky-bottom-cart .product-image .content h6{color: #cfd4da;} .dark .recently-purchase{background: #2b2b2b; -webkit-box-shadow: 0 0 7px 0px #7c7c7c47; box-shadow: 0 0 7px 0px #7c7c7c47;} .dark .recently-purchase img{background-color: #252525;} .dark .recently-purchase .close-popup{color: #fff;} .dark .product-slider-image, .dark .sticky-product-height{background-color: #232323; border-color: #404040;} .dark .product-social li{background-color: #232323; border-color: #404040;} .dark .product-social li a{color: #fff;} .dark .product-right .product-title{color: #cfd4da;} .dark .product-right .border-product{border-color: #404040;} .dark .product-right .product-icon .product-social li a{color: #cbcbcb;} .dark .product-right .product-icon .wishlist-btn{color: #cbcbcb;} .dark .product-right .product-icon .wishlist-btn i{border-color: #404040;} .dark .product-right.product-form-box{border-color: #404040;} .dark .product-right.product-form-box .timer{background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark .product-right .timer{background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark .product-right .timer p{color: #cfd4da;} .dark .product-right .size-box ul li{background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border-color: #404040;} .dark .product-right .size-box ul li.active{background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark .product-right .size-box ul li a{color: #cbcbcb;} .dark .product-right h4 del{color: #929292;} .dark .timer span .timer-cal{color: #929292;} .dark .qty-box .input-group span button{background: #2b2b2b !important; border-color: #404040;} .dark .qty-box .input-group button i{color: #ddd;} .dark .nav-tabs{border-color: #404040;} .dark .nav-tabs .nav-link.active{background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark .tab-product .nav-material.nav-tabs .nav-item .nav-link{color: #cbcbcb;} .dark .tab-product .nav-material.nav-tabs .nav-link.active{color: var(--theme-color);} .dark .tab-product .theme-form input, .dark .tab-product .theme-form textarea{border-color: #404040;} .dark .product-related h2{border-color: #404040;} .dark .product-accordion .btn-link{color: #e7eaec;} .dark .product-accordion .card-header{border-color: rgba(64, 64, 64, 0.125);} .dark .product-accordion .accordion .accordion-item{background-color: transparent;} .dark .product-accordion .accordion .accordion-item .accordion-header .accordion-button{color: #ddd; border-color: #404040; background-color: #232323;} .dark .product-accordion .accordion .accordion-item .accordion-body p{color: #ddd;} .dark .bundle .bundle_detail .price_product{color: #fff;} .dark .product-detail-label li.soldout{color: #cbcbcb;} .dark .product-detail-label li.featured{background-color: #2b2b2b;} .dark .modal-content{background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark button.close{color: #fff;} .dark .modal-header{border-color: #404040;} .dark .collection-filter-block .product-service .media{border-color: #404040;} .dark .collection-filter-block .accordion-item .accordion-body .shop-category-list > li > a{color: #ddd;} .dark .category-border{background-color: #404040; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark .category-border div .category-banner .category-box{background-color: #232323; border-color: #404040;} .dark .category-border div .category-banner .category-box h2{background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark .background{background-color: #404040; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark .background .contain-bg{background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark .background .contain-bg h4{color: #e7eaec;} .dark .background .contain-bg:hover h4{color: var(--theme-color);} .dark .blog-bg{background-color: #404040; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark .sub-footer.black-subfooter{background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark.tools-bg{background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark.tools-bg section{background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark .category-tools .category-m .category-wrapper{background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark .category-m .category-wrapper{border-color: #404040;} .dark .category-m .category-wrapper h4{color: #e7eaec;} .dark .category-m .category-wrapper .category-link li a{color: #cbcbcb;} .dark .tools-brand .row{background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-shadow: none; box-shadow: none;} .dark .absolute_banner .collection-banner .absolute-contain{background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-shadow: none; box-shadow: none;} .dark .absolute_banner .collection-banner .absolute-contain h4{color: #e7eaec;} .dark .absolute-product .product-box{background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark .absolute-product .product-box .product-detail .cart-bottom{border-color: #404040;} .dark .absolute-product .product-box .product-detail .cart-bottom i{color: #cbcbcb;} .dark .absolute-product .product-box .product-detail .cart-bottom i:hover{color: #fff;} .dark .seller-grid-box{background-color: #232323; border-color: #404040;} .dark .seller-grid-box .grid-contain .seller-contact-details ul li i{color: #ddd;} .dark .seller-grid-box .grid-contain .seller-contact-details ul li h5{color: #ddd;} .dark .seller-grid-box .grid-contain .seller-contact-details ul li h5 a{color: #ddd;} .dark .seller-grid-box .grid-contain .seller-category .product-image li{background: #2b2b2b; color: #ddd;} .dark .seller-grid-box .grid-contain .seller-category .btn{background-color: #2b2b2b !important;} .dark .seller-grid-box .grid-image .image{background-color: #2b2b2b;} .dark .seller-grid-box .grid-image .contain-name h3{color: #fff;} .dark .service-block1{background-color: #232323; border-color: #404040;} .dark .service-block1 + .service-block1{border-color: #404040;} .dark .service-block1 .service-svg{background-color: #2b2b2b;} .dark .box-product .full-box .theme-card .offer-slider .product-box2{-webkit-box-shadow: none; box-shadow: none; border-color: #404040; background-color: #232323;} .dark .box-product .full-box .theme-card .offer-slider .product-box2 .media{background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark .box-product .full-box .theme-card .offer-slider .product-box2 .cart-bottom{border-color: #404040;} .dark .pets-box .product-box .img-wrapper .cart-info i{background-color: #2b2b2b;} .dark .tab-bg{background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark .darken-layout{background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark .darken-layout p{color: #cfd4da;} .dark .darken-layout .sub-title .contact-list li{color: #cfd4da;} .dark .darken-layout .sub-title .contact-list i{color: #cfd4da;} .dark .darken-layout .footer-social i{color: #cfd4da;} .dark .sub-footer.dark-subfooter p{color: #cfd4da;} .dark .cart-section tbody tr td a, .dark .cart-section tbody tr td p, .dark .wishlist-section tbody tr td a, .dark .wishlist-section tbody tr td p{color: #cbcbcb;} .dark .footer-title{border-color: #404040;} .dark .category-bg{background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark .category-bg .contain-block{background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark .category-bg .contain-block h2{color: #f1f3f5;} .dark .category-bg .contain-block h6 span{color: #929292;} .dark .service_slide .service-home .row > div:nth-child(even) .service-block1{background-color: rgba(43, 43, 43, 0.85);} .dark .service_slide .service-home .service-block1{background-color: rgba(35, 35, 35, 0.9); -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark .service_slide .service-home .service-block1:nth-child(even){background-color: rgba(35, 35, 35, 0.7); -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark .service_slide .service-home .service-block1 svg path{fill: #fff;} .dark .bg-grey{background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark .detail-cannabis .detail_section > div{background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-shadow: none; box-shadow: none;} .dark .detail-cannabis .detail_section svg{fill: #fff;} .dark .demo-card.theme-card{background-color: #232323;} .dark .theme-modal .modal-dialog .modal-content .modal-body{background-image: linear-gradient( 135deg, var(--theme-color) 5.77%, #232323 5.77%, #232323 25%, #f1f3f5 25%, #f1f3f5 30.77%, #232323 30.77%, #232323 50%, var(--theme-color) 50%, var(--theme-color) 55.77%, #232323 55.77%, #232323 75%, #f1f3f5 75%, #f1f3f5 80.77%, #232323 80.77%, #232323 100% );} .dark .theme-modal .modal-dialog .modal-content .modal-body .modal-bg{background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .age-content h4{color: #e7eaec;} .dark .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .btn-close span{color: #fff;} .dark .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .offer-content h2{color: #f1f3f5;} .dark .theme-modal.demo-modal .modal-dialog .modal-content .modal-body{background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark .theme-modal.demo-modal .modal-dialog .modal-content .modal-body .demo-section .demo-effects > div .layout-container{-webkit-box-shadow: none; box-shadow: none;} .dark .theme-modal.demo-modal .modal-dialog .modal-content .modal-body .demo-section .demo-effects > div .demo-text h4{color: #e7eaec;} .dark .theme-modal.demo-modal .modal-dialog .modal-content .modal-body .demo-section .demo-effects > div .demo-text .demo-btn .btn{border-color: #404040; background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; color: #cbcbcb;} .dark .theme-modal.demo-modal .modal-dialog .modal-content .modal-body .demo-section .title-text h3{color: #eaedef;} .dark .theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg.addtocart #upsell_product .product-box .product-detail h6 a{color: #cbcbcb;} .dark .theme-modal.exit-modal .media .media-body h5{color: #dee2e6;} .dark #quick-view .modal-dialog .modal-content .modal-body{background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark .effect-cls:before, .dark .effect-cls:after{-webkit-filter: invert(0.83); filter: invert(0.83);} .dark .contact-page .contact-form{background-color: #232323; border-color: #404040;} .dark .contact-page .contact-form .form-box label{color: #ddd;} .dark .contact-page .contact-right ul li{border-color: #404040; background-color: #232323;} .dark .contact-page .contact-right ul li .contact-icon i{background-color: #2b2b2b;} .dark .contact-page .contact-right ul li .media-body h6{color: #fff;} .dark .setting-box .setting-title h4{color: #fff;} .dark .vendor-profile .profile-left{background-color: #232323; border-color: #404040;} .dark .vendor-profile .profile-left .profile-image h3{color: #e7eaec;} .dark .vendor-profile .profile-left .profile-image a{background-color: #2b2b2b;} .dark .vendor-profile .profile-left .profile-image img{background-color: #2b2b2b;} .dark .vendor-profile .profile-left .profile-detail{border-color: #404040;} .dark .vendor-profile .profile-left .vendor-contact{border-color: #404040;} .dark .vendor-profile .profile-left .vendor-contact .vendor-details li i, .dark .vendor-profile .profile-left .vendor-contact .vendor-details li h5{color: #ddd;} .dark .vendor-profile .profile-left .vendor-contact .vendor-details li i a, .dark .vendor-profile .profile-left .vendor-contact .vendor-details li h5 a{color: #ddd;} .dark .vendor-profile .profile-left .vendor-contact h6{color: #cfd4da;} .dark .vendor-profile .collection-product-wrapper .product-top-filter{background-color: #232323;} .dark .vendor-profile .product-pagination{background-color: #232323;} .dark .vendor-profile .page-link{background-color: #232323;} .dark .vendor-profile .profile-title h3{color: #eaedef;} .dark .vendor-profile .profile-title h4{color: #e7eaec;} .dark .vendor-profile .collection-filter-block{border-color: transparent; background-color: #232323;} .dark .become-vendor{background-color: #232323;} .dark .become-vendor .step-bg .step-box{background-color: #2b2b2b; border-color: #404040;} .dark .become-vendor .step-bg .step-box .steps{background-color: #232323;} .dark .user-dashboard-section .wallet-point-box{border-color: #404040; background-color: #232323;} .dark .user-dashboard-section .wallet-point-box .total-detail .point-ratio{background-color: #2b2b2b;} .dark .user-dashboard-section .wallet-point-box .total-detail .point-ratio .counter{color: #fff;} .dark .user-dashboard-section .welcome-msg h4{color: #fff;} .dark .user-dashboard-section .faq-content .box-loader .loader-wrapper{background-color: #232323; border-color: #404040;} .dark .notification-list li{border-color: #404040; background-color: #2b2b2b;} .dark .notification-list li.unread{border: 1px solid var(--theme-color);} .dark .notification-list li.unread h5{color: #ddd;} .dark .notification-list li h5{color: #dee2e6;} .dark .dashboard-section .title-header h5 i{color: #fff;} .dark .dashboard-section .wallet-table .table-responsive{border-color: #404040;} .dark .dashboard-section .wallet-table .order-table td h6{color: #fff;} .dark .dashboard-section .wallet-table .order-table tr a{color: #ddd;} .dark .dashboard-section .wallet-table .order-table td, .dark .dashboard-section .wallet-table .order-table th{border-color: #404040;} .dark .dashboard-section .wallet-point-box .total-image{background-color: #2b2b2b;} .dark .dashboard-section .wallet-point-box .total-detail .total-box h5{color: #eaedef;} .dark .dashboard-section .wallet-point-box .total-detail .total-box h3{color: #fff;} .dark .dashboard-section .top-sec-2{border-color: #404040;} .dark .dashboard-section .themeform-auth .form-label{color: #ddd;} .dark .dashboard-section .themeform-auth .form-control{border-color: #404040;} .dark .dashboard-section .top-sec h3{color: #fff;} .dark .dashboard-section .counter-section{background-color: #232323; border-color: #404040;} .dark .dashboard-section .dashboard-sidebar{background-color: #232323; border-color: #404040;} .dark .dashboard-section .dashboard-sidebar .profile-top{border-color: #404040;} .dark .dashboard-section .dashboard-sidebar .profile-top .profile-image .user-round{background-color: #2b2b2b;} .dark .dashboard-section .dashboard-sidebar .profile-top .profile-image .user-icon{background-color: #404040; border-color: rgba(119, 119, 119, 0.36);} .dark .dashboard-section .dashboard-sidebar .profile-top .profile-detail{border-color: #404040;} .dark .dashboard-section .dashboard-sidebar .profile-top .profile-detail h6{color: #ddd;} .dark .dashboard-section .dashboard-sidebar .faq-tab .nav-tabs{background-color: #232323;} .dark .dashboard-section .address-book-section .select-box .address-box{background-color: #2b2b2b;} .dark .dashboard-section .address-book-section .select-box .address-box .top h6{color: #ddd;} .dark .dashboard-section .address-book-section .select-box .address-box .middle .address p, .dark .dashboard-section .address-book-section .select-box .address-box .middle .number p{color: #fff;} .dark .dashboard-section .address-book-section .select-box .address-box .bottom{border-color: #404040;} .dark .dashboard-section .address-book-section .select-box .address-box .bottom .bottom_btn{background-color: #232323; color: #fff;} .dark .dashboard-section .radio_animated::after{background: #2b2b2b; border-color: #404040;} .dark .dashboard-section .faq-content .card{background-color: #232323; border-color: #404040;} .dark .dashboard-section .faq-content .dashboard-table{background-color: transparent;} .dark .dashboard-section .faq-content .dashboard-table .table thead th{background-color: #232323;} .dark .dashboard-section .faq-content .download-detail{border-color: #404040; background-color: #232323;} .dark .dashboard-section .faq-content .download-detail form .input-group .form-control{border-color: #404040;} .dark .dashboard-section .faq-content .download-table{border-color: #404040;} .dark .dashboard-section .faq-content .download-table .user-download-table .dropdown .dropdown-toggle{background-color: #232323; border-color: #404040; color: #ddd;} .dark .dashboard-section .faq-content .download-table .user-download-table tbody td{border-color: #404040;} .dark .dashboard-section .faq-content .tab-pane .card-body .tracking-total ul li:last-child{border-color: #404040;} .dark .dashboard-section .faq-content .tab-pane .card-body .customer-detail ul li h4{color: #ddd;} .dark .dashboard-section .faq-content .tab-pane .card-body .order-title{color: #fff; border-color: #404040;} .dark .dashboard-section .counter-section .counter-box{background-color: #2b2b2b;} .dark .dashboard-section .counter-section .counter-box h5{color: #ddd;} .dark .dashboard-section .box-head h4{color: #fff;} .dark .dashboard-section .dashboard-table h3{color: #eaedef;} .dark .dashboard-section .dashboard-table .table th, .dark .dashboard-section .dashboard-table .table td{color: #fff;} .dark .dashboard-section .dashboard-box{background-color: #232323; border-color: #404040;} .dark .dashboard-section .dashboard-box .dashboard-title{border-color: #404040;} .dark .dashboard-section .dashboard-box .dashboard-detail ul li .details .left h6{color: #9c9c9c;} .dark .dashboard-section .dashboard-box .dashboard-detail ul li.details h5{color: #fff;} .dark .dashboard-section .dashboard-box .dashboard-detail ul li.details h5 span{color: #ddd;} .dark .faq-tab .nav-tabs .nav-item .nav-link{background-color: #232323; color: #cfd4da;} .dark .faq-tab .nav-tabs .nav-item .nav-link:hover{color: var(--theme-color);} .dark .faq-tab .nav-tabs .nav-item .nav-link.active{background-color: #232323;} .dark .faq-tab .nav-tabs .nav-item .nav-link.active i{background-color: var(--theme-color);} .dark .faq-tab .nav-tabs .nav-item .nav-link i{background-color: #2b2b2b;} .dark .faq-tab .nav-tabs .logout-cls{border-color: #404040;} .dark .category-img-wrapper .category-wrap .category-content h3{color: #eaedef;} .dark .add_to_cart{background-color: #2b2b2b;} .dark .add_to_cart ::-webkit-scrollbar-thumb{background: #404040;} .dark .add_to_cart ::-webkit-scrollbar-track{background: #2b2b2b;} .dark .add_to_cart .cart-inner{background-color: #2b2b2b;} .dark .add_to_cart .cart-inner .pere-text-box{border-color: #404040;} .dark .add_to_cart .cart-inner .pere-text-box .progress{background-color: #232323;} .dark .add_to_cart .cart-inner .cart_top{border-color: #404040;} .dark .add_to_cart .cart-inner .cart_top h3{color: #eaedef;} .dark .add_to_cart .cart-inner .cart_top .close-cart{background-color: #232323; border-color: #404040;} .dark .add_to_cart .cart-inner .cart_top .close-cart i{color: #cbcbcb !important;} .dark .add_to_cart .cart-inner .cart_media li + li{border-color: #404040;} .dark .add_to_cart .cart-inner .cart_media li .total{border-color: #404040;} .dark .add_to_cart .cart-inner .cart_media li .media .media-body .gram{color: #dee2e6;} .dark .add_to_cart .cart-inner .cart_media li .media .media-body h4{color: #e7eaec;} .dark .add_to_cart .cart-inner .cart_media li .media img{background-color: #232323; border-color: #404040;} .dark .add_to_cart .cart-inner .cart_media li .total h5{color: #ddd;} .dark .add_to_cart .cart-inner .cart_media .close-circle button{background-color: #232323; border-color: #404040;} .dark .add_to_cart .cart-inner .cart_media .close-circle .close_button i{color: #cbcbcb !important;} .dark .add_to_cart .cart-inner .cart_media .cart_total{border-color: #404040; background-color: #232323;} .dark .add_to_cart .cart-inner .qty-box{background-color: #232323; border-color: #404040;} .dark .add_to_cart .cart-inner .qty-box .input-group .input-group-prepend .btn i{color: #cbcbcb !important;} .dark .add_to_cart.top .cart-inner .cart_top, .dark .add_to_cart.bottom .cart-inner .cart_top{background-color: #232323;} .dark .theme-settings ul li{background-color: #232323; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.54); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.54); color: #fff;} .dark .theme-settings ul li a{color: #fff;} .dark .theme-settings ul li .backend-btn a{color: #fff;} .dark .cookie-bar.left-bottom{-webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.12), 0 15px 12px rgba(0, 0, 0, 0.13); box-shadow: 0 19px 38px rgba(0, 0, 0, 0.12), 0 15px 12px rgba(0, 0, 0, 0.13); background-color: #2b2b2b;} .dark .cookie-bar.left-bottom p{color: #cfd4da;} .dark .cookie-bar.left-bottom .btn-close i{color: #cbcbcb;} .dark .service-w-bg .service-block .media{background-color: #232323;} .dark .title-basic .timer{background-color: #232323;} .dark .title-basic .timer p{color: #cfd4da;} .dark .title-basic .timer span{color: #fff;} .dark .loader-wrapper{background-color: #2b2b2b;} .dark .loader-wrapper .loader:after{border-color: #2b2b2b;} .dark .product-parallax .theme-card .offer-slider > div .media{background-color: #2b2b2b;} .dark .product-parallax .theme-card .offer-slider .media{background-color: #2b2b2b;} .dark .load-more-button .btn.loading{border-color: #404040 #404040 #404040 #999; background: #2b2b2b;} .dark .footer-style-1 .footer-social i{background-color: #2b2b2b; border-color: #404040;} .dark .category-width .category-block .category-image img{-webkit-filter: invert(0.6); filter: invert(0.6);} .dark .category-width .category-block:hover .category-image img{-webkit-filter: invert(1); filter: invert(1);} .dark .image-swatch li img{border-color: #404040;} .dark .image-swatch li.active img{border-color: var(--theme-color);} .dark .gradient-category .gradient-border .img-sec{background-color: #232323;} .dark .gradient-category .gradient-border .img-sec:after{-webkit-filter: invert(0.9); filter: invert(0.9);} .dark .deal-category .deal-content{background-color: #2b2b2b;} .dark .mobile-menu{background-color: #232323;} .dark .mobile-menu ul li.active i, .dark .mobile-menu ul li.active span{color: #fff;} .dark .mobile-menu ul li a i{color: #ddd;} .dark .mobile-menu ul li a span{color: rgba(221, 221, 221, 0.8);} .dark .header-style-7{border-color: #404040;} .dark .header-style-7 .main-menu .menu-left .navbar .bar-style img{-webkit-filter: invert(1); filter: invert(1);} .dark .shop-sidebar-demo .shop-sidebar{background-color: #232323; border-color: #404040;} .dark .shop-sidebar-demo .shop-sidebar .pixelstrap.sm-vertical a img{-webkit-filter: invert(1); filter: invert(1);} .dark .shop-sidebar-demo .shop-main .small-slider .home .slider-contain h4, .dark .shop-sidebar-demo .shop-main .small-slider .home .slider-contain h2{color: #222;} .dark .top-panel-adv .delivery-area h5{color: #222;} .dark .top-panel-adv .panel-left-content h4{color: #222;} .dark.bg_cls .basic-product.theme-product-11{background-color: #2b2b2b;} .dark.bg_cls .service-block1{background-color: #232323; border-color: #404040;} .dark .title1.title5 hr[role="tournament6"]::before{background-color: #2b2b2b;} .dark .brand-slider-box .logo-block{background-color: #232323; border-color: #404040;} .dark .brand-slider-box .logo-block h4{color: #fff;} .dark .left-header .menu-left ul li a{color: #ddd;} .dark .blog-wo-bg .brand-slider-box .logo-block{background-color: transparent;} .dark .full-banner.feature-banner.feature-banner .feature-object-right li:hover .media img, .dark .full-banner.feature-banner.feature-banner .feature-object li:hover .media img, .dark .full-banner.feature-banner .feature-object-right li:hover .media img, .dark .full-banner.feature-banner .feature-object li:hover .media img{background-color: #232323;} .dark .full-banner.feature-banner.feature-banner .feature-object-right li .media img, .dark .full-banner.feature-banner.feature-banner .feature-object li .media img, .dark .full-banner.feature-banner .feature-object-right li .media img, .dark .full-banner.feature-banner .feature-object li .media img{border-color: #404040;} .dark.christmas header.sticky{background-color: #232323;} .dark.christmas .main-menu .menu-right .icon-nav li i{color: #fff;} .dark .basic-product .price{color: #fff;} .dark .basic-product .product-title{color: #fff;} .dark .basic-product .cart-info button, .dark .basic-product .cart-info a{background-color: #2b2b2b;} .dark .basic-product .cart-info button i, .dark .basic-product .cart-info a i{color: #ddd;} .dark .basic-product .timer{background-color: rgba(43, 43, 43, 0.92);} .dark .basic-product .img-wrapper{background-color: #232323;} .dark .basic-product .img-wrapper .rating-label{background-color: #2b2b2b; color: #fff;} .dark .basic-product .img-wrapper .addto-cart-bottom{background-color: #2b2b2b; border: 1px solid #404040; color: #ddd;} .dark .basic-product .img-wrapper .trending-label li:nth-child(2){background-color: #2b2b2b;} .dark .basic-product .img-wrapper .unit-label{background-color: #2b2b2b;} .dark .basic-product .img-wrapper .quick-option{background-color: #232323;} .dark .basic-product .product-right .form-select{background-color: #232323; border-color: #404040; color: #ddd; background-image: url(../../../assets/svg/dropdown.svg);} .dark .basic-product .theme-bg-service.service-w-bg .service-block .media{background-color: var(--theme-color);} .dark .basic-product .add-cart-btn{color: #ddd; background-color: #404040;} .dark .basic-product .product-action{border-color: #404040;} .dark .basic-product .product-action button{color: #ddd; background-color: #404040;} .dark .basic-product .general-variant li{background-color: #2b2b2b; border-color: #404040;} .dark .basic-product .general-variant li button{color: #fff;} .dark .basic-product .general-variant .active{border-color: #232323;} .dark .basic-product .product-detail .digital-price .form-check .form-check-input{background-color: #232323; border-color: #404040;} .dark .basic-product .product-detail .digital-price .form-check .form-check-input:checked{background-color: var(--theme-color); border-color: var(--theme-color);} .dark .basic-product .addtocart_btn .qty-box .input-group{background-color: #232323;} .dark .basic-product .addtocart_btn .qty-box .input-group button{border-color: #404040; background-color: #2b2b2b;} .dark .basic-product .addtocart_btn .qty-box .input-group button i{color: #ddd;} .dark .basic-product.theme-product-1{border-color: #404040; background-color: #2b2b2b;} .dark .basic-product.theme-product-1 .product-detail > div{border-color: #404040;} .dark .basic-product.theme-product-2{background-color: #232323; border-color: #404040;} .dark .basic-product.theme-product-2 .cart-detail{border-color: #404040;} .dark .basic-product.theme-product-2 .cart-detail li + li{border-color: #404040;} .dark .basic-product.theme-product-2 .cart-detail li button, .dark .basic-product.theme-product-2 .cart-detail li a{color: #ddd;} .dark .basic-product.theme-product-2 .img-wrapper{background-color: #2b2b2b;} .dark .basic-product.theme-product-2 .img-wrapper::after{background-color: rgba(34, 34, 34, 0.77);} .dark .basic-product.theme-product-2 .product-detail .details li{color: #ddd;} .dark .basic-product.theme-product-2 .product-detail .add-wish{background-color: #404040;} .dark .basic-product.theme-product-3{border-color: #404040;} .dark .basic-product.theme-product-5 .cart-info{background-color: #404040;} .dark .basic-product.theme-product-5 .cart-info a, .dark .basic-product.theme-product-5 .cart-info button{background-color: transparent; -webkit-box-shadow: unset; box-shadow: unset;} .dark .basic-product.theme-product-6{border-color: #404040;} .dark .basic-product.theme-product-6 .cart-info{background-color: #2b2b2b;} .dark .basic-product.theme-product-6 .cart-info a + a::after{background-color: #404040;} .dark .basic-product.theme-product-6 .hover-action li a{background-color: transparent;} .dark .basic-product.theme-product-7{background-color: #232323; border-color: #404040;} .dark .basic-product.theme-product-7 .img-wrapper{background-color: #2b2b2b;} .dark .basic-product.theme-product-8{background-color: #2b2b2b; border-color: #404040;} .dark .basic-product.theme-product-8 .cart-info a i{color: var(--theme-color);} .dark .basic-product.theme-product-9{background-color: #232323; border-color: #404040;} .dark .basic-product.theme-product-9 .img-wrapper{background-color: #2b2b2b;} .dark .basic-product.theme-product-9 .discount-value{border-color: #404040; color: #ddd;} .dark .basic-product.theme-product-9 .discount-value .offer-icon{color: #ddd;} .dark .basic-product.theme-product-10 .product-title{color: #fff;} .dark .basic-product.theme-product-11{border-color: #404040;} .dark .basic-product.theme-product-11 .abs-product{background-color: #232323;} .dark .collection-filter .custom-nav-tab .nav-item{border-color: #404040; background-color: #232323;} .dark .collection-filter .custom-nav-tab .nav-item .nav-link{color: #ddd;} .dark .collection-filter .custom-nav-tab .nav-item .nav-link img{-webkit-filter: invert(1) brightness(100); filter: invert(1) brightness(100);} .dark .slider-nav .slick-slide > div, .dark .rtl-slider-nav .slick-slide > div, .dark .slider-right-nav .slick-slide > div, .dark .rtl-slider-right-nav .slick-slide > div{border-color: #404040;} .dark .slider-nav .slick-slide > div img, .dark .rtl-slider-nav .slick-slide > div img, .dark .slider-right-nav .slick-slide > div img, .dark .rtl-slider-right-nav .slick-slide > div img{background-color: #232323;} .dark .question-answer li{border-color: #404040;} .dark .question-answer li h6{color: #fff;} .dark .question-answer li .answer-box p{color: #ddd;} .dark .question-answer li .question-box h5{border-color: #404040; background-color: #262626;} .dark .question-answer li .question-box .link-dislike-box{margin-left: unset; margin-right: auto;} .dark .question-answer li .question-box .link-dislike-box li a span{color: rgba(221, 221, 221, 0.67);} .dark .shop-filter-category{border-color: #404040;} .dark .shop-filter-category .filter-list{border-color: #404040;} .dark .shop-filter-category .filter-list li{background-color: #2b2b2b;} .dark .shop-filter-category .filter-list li a, .dark .shop-filter-category .filter-list li i{color: #ddd;} .dark .search-modal .search-title{color: #fff;} .dark .search-modal .search-category-box li.text-secondary{color: #fff !important;} .dark .search-modal .modal-body .search-box i, .dark .search-modal .modal-body .search-box .form-control{border-color: #3c3c3c;} .dark .card-white-bg .title2 h4{color: var(--theme-color);} .dark .card-white-bg .title2 .title-inner2{color: #222;} .dark .card-white-bg .theme-card h5{color: #222;} .dark .card-white-bg .theme-card h5.title-border{border-color: #eee;} .dark .card-white-bg .theme-card .offer-slider .media .media-body h4{color: #222;} .dark .card-white-bg .theme-card .offer-slider .media .media-body a h6{color: #777;} .dark .wo-box .service-block1{background-color: transparent;} .dark .setting-box .accordion-button .setting-description-text .setting-content{color: #cecece;} .dark .product-sidebar-box .collection-filter-block.accordion{border-color: #3c3c3c;} .dark .download-dropdown-menu{border-color: #404040; background-color: #2b2b2b;} .dark .download-dropdown-menu .dropdown-item{color: #ddd;} .dark .variation-modal .variation-title .main-title a{color: #fff;} .dark .variation-modal .variation-box .quantity-variant{background-color: #232323; border-color: #404040;} .dark .variation-modal .variation-qty-button{border-color: #404040;} .dark .variation-modal .variation-qty-button .qty-section .qty-box .input-group{background-color: #232323; border-color: #404040;} .dark .variation-modal .variation-qty-button .qty-section .qty-box .input-group button i{color: #cecece;} .dark .alert .btn-close{color: #222;} .dark .product-service{background-color: #232323; border-color: #404040;} .dark .product-service .media{border-color: #404040;} .dark .details-sidebar-accordion{border-color: #404040; background-color: transparent;} .dark .details-sidebar-accordion .accordion-item{background-color: #232323;} .dark .details-sidebar-accordion .accordion-item .accordion-button{background-color: #232323; color: #fff;} .dark .details-sidebar-accordion .accordion-body{background-color: #232323;} .dark .details-sidebar-accordion .accordion-body::-webkit-scrollbar-track{background-color: #404040;} .dark .details-sidebar-accordion .accordion-body .collection-listing li .form-check .form-check-label{color: #ddd;} .dark .subscribe-form.classic-form .form-control{background-color: #232323;} .dark .category-nft a{-webkit-box-shadow: none; box-shadow: none; border-color: #404040;} .dark .nft-top-collection .collection-panal .nft-collection + .nft-collection{border-color: #404040;} .dark .nft-top-collection .collection-panal .nft-collection .number{color: #ddd;} .dark .nft-box{border-color: #525252;} .dark .nft-box .nft-img .timer-sec{background-color: rgba(64, 64, 64, 0.7);} .dark .nft-box .nft-content .top-content h4{color: #fff;} .dark .nft-box .nft-content .top-content h5{color: rgba(255, 255, 255, 0.7);} .dark .nft-box .nft-content .bottom-content span{color: rgba(255, 255, 255, 0.7);} .dark .nft-box .nft-content .bottom-content .price img{-webkit-filter: invert(1); filter: invert(1);} .dark .tools-grey .product-box{border-color: #404040;} .dark .tools-grey .product-box .product-info{background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border-color: #404040;} .dark .tools-grey .product-box .cart-info button{background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; color: #cbcbcb;} .dark .tools-grey .product-box .cart-info a{background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark .tools-grey .product-box .cart-info a i{color: #cbcbcb;} .dark .tools-grey .product-box .img-wrapper .front{background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .dark .loader_skeleton{background-color: #2b2b2b;} .dark .loader_skeleton .product-box .img-wrapper{background-color: #404040;} .dark .loader_skeleton .service-block1 svg{background-color: #404040;} .dark .loader_skeleton .gradient-category .gradient-border{background-color: #404040;} .dark .loader_skeleton .marketplace-sidebar.sidenav .pixelstrap > li > a .ldr-text, .dark .loader_skeleton .home-slider .home .slider-contain h2, .dark .loader_skeleton .home-slider .home .slider-contain h1, .dark .loader_skeleton .home-slider .home .slider-contain h6, .dark .loader_skeleton .collection-banner .ldr-bg .contain-banner h4, .dark .loader_skeleton .collection-banner .ldr-bg .contain-banner h2, .dark .loader_skeleton .collection-banner .ldr-bg .contain-banner h6, .dark .loader_skeleton .title1 h4, .dark .loader_skeleton .title1 h2, .dark .loader_skeleton .title8 h2, .dark .loader_skeleton .title8 p, .dark .loader_skeleton .product-para .first, .dark .loader_skeleton .product-para .second, .dark .loader_skeleton .top-banner-wrapper .top-banner-content h4, .dark .loader_skeleton .top-banner-wrapper .top-banner-content h5, .dark .loader_skeleton .top-banner-wrapper .top-banner-content p, .dark .loader_skeleton .product-top-filter .ldr-text, .dark .loader_skeleton .product-box .product-detail h4, .dark .loader_skeleton .product-box .product-detail h5, .dark .loader_skeleton .product-box .product-detail h6, .dark .loader_skeleton .product-box.product-style-5.product-box h6, .dark .loader_skeleton .product-box.product-style-5.product-box h5, .dark .loader_skeleton .product-box.product-style-5.product-box h4, .dark .loader_skeleton .category-button .btn-outline, .dark .loader_skeleton .category-block .category-details h5, .dark .loader_skeleton .category-block .category-details h6, .dark .loader_skeleton .service-home .service-block1 h4, .dark .loader_skeleton .service-home .service-block1 p, .dark .loader_skeleton .service-block1 h5, .dark .loader_skeleton .service-block h4, .dark .loader_skeleton .service-block p, .dark .loader_skeleton .category-tools .category-m .category-wrapper h4, .dark .loader_skeleton .category-tools .category-m .category-wrapper .category-link li, .dark .loader_skeleton .category-tools .category-m .category-wrapper .ldr-btn, .dark .loader_skeleton .collection-filter-block .filter-block h4, .dark .loader_skeleton .collection-filter-block .filter-block ul li, .dark .loader_skeleton .theme-card .title-border, .dark .loader_skeleton .product-page .product-right h2, .dark .loader_skeleton .product-page .product-right h4, .dark .loader_skeleton .product-page .product-right h3, .dark .loader_skeleton .product-page .product-right ul li, .dark .loader_skeleton .product-page .product-right .btn-group .btn-ldr, .dark .loader_skeleton .tab-product ul li, .dark .loader_skeleton .gradient-category h4, .dark .loader_skeleton .img-category h4, .dark .loader_skeleton .title-basic .title, .dark .loader_skeleton .vertical-banner .vertical-content h2, .dark .loader_skeleton .vertical-banner .vertical-content a{background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(212, 212, 212, 0.3)), color-stop(18%, #6e6e6e), color-stop(33%, rgba(212, 212, 212, 0.3))); background: linear-gradient(90deg, rgba(212, 212, 212, 0.3) 8%, #6e6e6e 18%, rgba(212, 212, 212, 0.3) 33%);} .dark .loader_skeleton .product-page .product-right.product-form-box{border-color: #404040;} .dark .loader_skeleton .product-page .sm-product, .dark .loader_skeleton .product-page .main-product{background-color: #404040;} .dark .loader_skeleton .marketplace-sidebar.sidenav{background-color: #232323;} .dark .loader_skeleton .marketplace-sidebar.sidenav .pixelstrap > li > a .ldr-img-icon{background-color: #404040;} .dark .loader_skeleton .home-slider .home, .dark .loader_skeleton .home-slider .ldr-bg, .dark .loader_skeleton .collection-banner .home, .dark .loader_skeleton .collection-banner .ldr-bg, .dark .loader_skeleton .home-slider .home, .dark .loader_skeleton .home-slider .ldr-bg{background: #404040;} .dark .loader_skeleton .service-block svg{background: #404040;} .dark .loader_skeleton .tab-product p{background-color: #404040;} .dark .loader_skeleton .top-banner-wrapper .img-ldr-top{background-color: #404040;} @media (min-width: 1200px){.dark .pixelstrap .scroll-up, .dark .pixelstrap .scroll-down{background: #404040;} .dark header .navbar-expand-xl .dropdown-menu{background-color: #2b2b2b;} .dark header .navbar-expand-xl .dropdown-menu .dropdown-item:active{color: #fff;} .dark header .navbar-expand-xl .dropdown-mega .dropdown-column .dropdown-header{color: #ddd;} .dark header .navbar-expand-xl .dropdown-mega .dropdown-menu .dropdown-item:hover, .dark header .navbar-expand-xl .dropdown-mega .dropdown-menu .dropdown-item:focus{color: #fff;} .dark header .navbar.navbar-expand-xl .navbar-nav .nav-item:hover > .nav-link:not(.disabled){color: var(--theme-color);} .dark header .navbar.navbar-expand-xl .navbar-nav .nav-item.dropdown > a:hover{color: var(--theme-color);}} @media (max-width: 1430px){.dark header.left-header .sidenav .sidebar-back{color: #cfd4da; border-color: #404040;} .dark .collection-product-wrapper .product-top-filter .product-filter-content .collection-view{border-color: #404040;} .dark .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter{border-color: #404040;}} @media (max-width: 1199px){.dark .sm-horizontal{background-color: #2b2b2b; border-color: #404040;} .dark .sm-horizontal .mobile-back{border-color: #404040; color: #e7eaec; background-color: #232323;} .dark .sm-horizontal .mobile-back i{color: #ddd;} .dark .sm-horizontal.pixelstrap ul{background-color: #2b2b2b;} .dark .tab-product .nav-material.nav-tabs{background-color: #2b2b2b; border-color: #404040;} .dark .tab-product.product-details-contain .nav-tabs, .dark .tab-product.product-details-contain .nav-tabs{border-color: #404040; background-color: #262626;} .dark header.left-header .pixelstrap ul{background-color: #232323;} .dark header.left-header.left-header-relative .pixelstrap > li > a{background-color: #232323;} .dark header.header-christmas .pixelstrap > li > a, .dark header.header-christmas .pixelstrap > li > a:hover, .dark header.header-christmas .pixelstrap > li > a:focus{color: #cbcbcb !important;} .dark header .offcanvas-collapse .offcanvas-body .navbar-nav .dropdown-menu .dropdown-item{color: #cbcbcb;} .dark header .offcanvas-collapse .offcanvas-body .navbar-nav .dropdown-menu .dropdown-item::before{background-color: rgba(206, 206, 206, 0.65);} .dark header .navbar-nav .dropdown-menu .dropdown-column .dropdown-header{color: rgba(221, 221, 221, 0.8);} .dark header .navbar-nav .dropdown-menu-2 .dropdown-column .dropdown-item{color: #cbcbcb;} .dark header .navbar-nav .dropdown-menu-2 .dropdown-column .dropdown-item::before{background-color: rgba(206, 206, 206, 0.65);} .dark .header-style-1 .bg-light-xl{background-color: #232323 !important;} .dark .pixelstrap .link-section h5{color: rgba(207, 212, 218, 0.8);} .dark .pixelstrap .link-section .menu-content a::before{background-color: #ddd;} .dark .pixelstrap .clothing-menu{background-color: #232323;} .dark .pixelstrap .clothing-menu .link-section > ul > li > a::before{background-color: rgba(207, 212, 218, 0.65);} .dark .pixelstrap li > ul{background-color: #232323;} .dark .pixelstrap li > ul > li > ul > li a::before{background-color: rgba(207, 212, 218, 0.65);} .dark .header-style-5 .bottom-part .pixelstrap > li > a{color: #cbcbcb;} .dark .header-style-5 .bottom-part .pixelstrap > li > a:hover, .dark .header-style-5 .bottom-part .pixelstrap > li > a:focus, .dark .header-style-5 .bottom-part .pixelstrap > li > a:active{color: #cbcbcb;} .dark .header-style-5 .bottom-part.bottom-light .marketplace-sidebar.sidenav.fixed-sidebar{background-color: #232323;} .dark .header-style-5 .bottom-part.bottom-light .marketplace-sidebar.sidenav.fixed-sidebar .sm-vertical{background-color: #232323;} .dark .header-style-5.color-style .marketplace-sidebar.sidenav.fixed-sidebar{background-color: #232323;} .dark .header-style-5.color-style .marketplace-sidebar.sidenav.fixed-sidebar .sm-vertical{background-color: #232323;} .dark .header-style-5.color-style.style-classic .bottom-part .container{background-color: transparent;} .dark .marketplace-sidebar.sidenav.wo-bg{background-color: #232323;} .dark .sidenav .pixelstrap li > ul > li > a{color: rgba(207, 212, 218, 0.8);}} @media (max-width: 991px){.dark .collection-filter{background-color: #232323;} .dark .collection-product-wrapper .product-top-filter{background-color: #232323;} .dark .collection-product-wrapper .product-top-filter .product-filter-content{background-color: #232323; border-color: #404040;} .dark .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view select, .dark .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter select{border-color: #404040;} .dark .collection-product-wrapper .product-top-filter .popup-filter{background-color: #232323;} .dark .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter, .dark .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view{border-color: #404040;} .dark .collection-mobile-back{border-color: #404040; background-color: #2b2b2b;} .dark .collection-mobile-back span, .dark .collection-mobile-back i{color: #fff;} .dark .collection-filter{-webkit-box-shadow: none; box-shadow: none;} .dark header.header-tools .logo-menu-part{background-color: #2b2b2b;} .dark header.header-style.header-tools .top-header{background-color: #2b2b2b;} .dark .service_slide .service-home .service-block1{background-color: #2b2b2b;} .dark .service_slide .service-home .service-block1:nth-child(even){background-color: #2b2b2b;} .dark .dashboard-section .dashboard-sidebar .back-btn{color: #fff; border-color: #404040; background-color: #232323;} .dark .dashboard-section .dashboard-sidebar .profile-top{background-color: #2b2b2b;} .dark .dashboard-section .dashboard-sidebar .profile-top .profile-image .user-round{background-color: #232323;} .dark .dashboard-section .dashboard-sidebar .faq-tab .nav-tabs{background-color: #232323;} .dark .dashboard-section .dashboard-sidebar .faq-tab .nav-tabs .nav-item{background-color: #232323;} .dark .collection-collapse-block.open{background-color: #232323;}} @media (max-width: 767px){.dark .collection-product-wrapper .product-pagination .theme-pagination-block nav{border-color: #404040;} .dark .product-pagination .pagination{border-color: #404040;} .dark .product-wrapper-grid.list-view .product-box{border-color: #404040;} .dark .wishlist-section tbody tr td .mobile-cart-content .col:last-child .td-color a{border-color: #404040; background-color: #232323; color: #ddd;}} @media (max-width: 577px){.dark header.header-style .top-header .header-dropdown > li img{-webkit-filter: invert(0.55); filter: invert(0.55);} .dark .header-5 .top-header .header-dropdown .mobile-wishlist img, .dark .header-5 .top-header .header-dropdown .mobile-account img{-webkit-filter: invert(1); filter: invert(1); opacity: 0.7;} .dark .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view{border-color: #404040 !important;} .dark .tools-service.absolute-banner .absolute-bg{-webkit-box-shadow: none; box-shadow: none;} .dark .full-banner .banner-contain{background-color: rgba(0, 0, 0, 0.2);} .dark .mobile-fix-option{background-color: #2b2b2b;} .dark .top-header .header-dropdown .mobile-account i, .dark .top-header .header-dropdown .mobile-wishlist i{color: #cecece;}} @media (max-width: 420px){.dark .full-box .theme-card .offer-slider .sec-1 .product-box2{border-color: #404040;} .dark .full-box .center-slider .offer-slider .product-box{border-color: #404040;}}