.theme-color-1 { --theme-color: #ff4c3b; } .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: #cc2121; } .theme-color-8 { --theme-color: #dc457e; } .theme-color-9 { --theme-color: #6d7e87; } .theme-color-10 { --theme-color: #fa869b; } .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: #3fc1c9; } .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; } :root { --theme-color: #ff4c3b; } @-webkit-keyframes textNoise1 { 0% { -webkit-clip-path: inset(29% 0 93% 0); clip-path: inset(29% 0 93% 0); } 10% { -webkit-clip-path: inset(6% 0 22% 0); clip-path: inset(6% 0 22% 0); } 20% { -webkit-clip-path: inset(64% 0 62% 0); clip-path: inset(64% 0 62% 0); } 30% { -webkit-clip-path: inset(76% 0 58% 0); clip-path: inset(76% 0 58% 0); } 40% { -webkit-clip-path: inset(52% 0 57% 0); clip-path: inset(52% 0 57% 0); } 50% { -webkit-clip-path: inset(25% 0 40% 0); clip-path: inset(25% 0 40% 0); } 60% { -webkit-clip-path: inset(33% 0 6% 0); clip-path: inset(33% 0 6% 0); } 70% { -webkit-clip-path: inset(60% 0 23% 0); clip-path: inset(60% 0 23% 0); } 80% { -webkit-clip-path: inset(63% 0 95% 0); clip-path: inset(63% 0 95% 0); } 90% { -webkit-clip-path: inset(51% 0 97% 0); clip-path: inset(51% 0 97% 0); } 100% { -webkit-clip-path: inset(34% 0 88% 0); clip-path: inset(34% 0 88% 0); } } @keyframes textNoise1 { 0% { -webkit-clip-path: inset(29% 0 93% 0); clip-path: inset(29% 0 93% 0); } 10% { -webkit-clip-path: inset(6% 0 22% 0); clip-path: inset(6% 0 22% 0); } 20% { -webkit-clip-path: inset(64% 0 62% 0); clip-path: inset(64% 0 62% 0); } 30% { -webkit-clip-path: inset(76% 0 58% 0); clip-path: inset(76% 0 58% 0); } 40% { -webkit-clip-path: inset(52% 0 57% 0); clip-path: inset(52% 0 57% 0); } 50% { -webkit-clip-path: inset(25% 0 40% 0); clip-path: inset(25% 0 40% 0); } 60% { -webkit-clip-path: inset(33% 0 6% 0); clip-path: inset(33% 0 6% 0); } 70% { -webkit-clip-path: inset(60% 0 23% 0); clip-path: inset(60% 0 23% 0); } 80% { -webkit-clip-path: inset(63% 0 95% 0); clip-path: inset(63% 0 95% 0); } 90% { -webkit-clip-path: inset(51% 0 97% 0); clip-path: inset(51% 0 97% 0); } 100% { -webkit-clip-path: inset(34% 0 88% 0); clip-path: inset(34% 0 88% 0); } } @-webkit-keyframes textNoise2 { 0% { -webkit-clip-path: inset(62% 0 88% 0); clip-path: inset(62% 0 88% 0); } 10% { -webkit-clip-path: inset(75% 0 34% 0); clip-path: inset(75% 0 34% 0); } 20% { -webkit-clip-path: inset(35% 0 17% 0); clip-path: inset(35% 0 17% 0); } 30% { -webkit-clip-path: inset(98% 0 79% 0); clip-path: inset(98% 0 79% 0); } 40% { -webkit-clip-path: inset(32% 0 80% 0); clip-path: inset(32% 0 80% 0); } 50% { -webkit-clip-path: inset(6% 0 75% 0); clip-path: inset(6% 0 75% 0); } 60% { -webkit-clip-path: inset(29% 0 47% 0); clip-path: inset(29% 0 47% 0); } 70% { -webkit-clip-path: inset(72% 0 65% 0); clip-path: inset(72% 0 65% 0); } 80% { -webkit-clip-path: inset(21% 0 4% 0); clip-path: inset(21% 0 4% 0); } 90% { -webkit-clip-path: inset(39% 0 25% 0); clip-path: inset(39% 0 25% 0); } 100% { -webkit-clip-path: inset(10% 0 70% 0); clip-path: inset(10% 0 70% 0); } } @keyframes textNoise2 { 0% { -webkit-clip-path: inset(62% 0 88% 0); clip-path: inset(62% 0 88% 0); } 10% { -webkit-clip-path: inset(75% 0 34% 0); clip-path: inset(75% 0 34% 0); } 20% { -webkit-clip-path: inset(35% 0 17% 0); clip-path: inset(35% 0 17% 0); } 30% { -webkit-clip-path: inset(98% 0 79% 0); clip-path: inset(98% 0 79% 0); } 40% { -webkit-clip-path: inset(32% 0 80% 0); clip-path: inset(32% 0 80% 0); } 50% { -webkit-clip-path: inset(6% 0 75% 0); clip-path: inset(6% 0 75% 0); } 60% { -webkit-clip-path: inset(29% 0 47% 0); clip-path: inset(29% 0 47% 0); } 70% { -webkit-clip-path: inset(72% 0 65% 0); clip-path: inset(72% 0 65% 0); } 80% { -webkit-clip-path: inset(21% 0 4% 0); clip-path: inset(21% 0 4% 0); } 90% { -webkit-clip-path: inset(39% 0 25% 0); clip-path: inset(39% 0 25% 0); } 100% { -webkit-clip-path: inset(10% 0 70% 0); clip-path: inset(10% 0 70% 0); } } body { font-family: Lato, sans-serif; position: relative; background: #fff; font-size: 14px; } body.christmas { font-family: Philosopher, sans-serif; } 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; } ul { padding-left: 0; margin-bottom: 0; } 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: 70px; } .section-b-space { padding-bottom: 70px; } .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; } .table thead th { border-bottom: 1px solid #dee2e6 !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 #ddd; border-bottom: 1px solid #ddd; } .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: #393230; } .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-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; } .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 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%; } } button { cursor: pointer; } .btn { line-height: 20px; text-transform: uppercase; font-size: 14px; font-weight: 700; 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; 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: #000; background-color: #fff; } .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: white; -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: white; } .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; } 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: white; color: var(--theme-color); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; padding: 10px 29px; } .btn-white:hover { color: #000; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .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); } } .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; } .timer { padding-top: 15px; padding-bottom: 15px; padding-left: 40px; margin-top: 30px; background-color: #2d2a25; display: inline-block; } .timer p { font-size: 18px; color: #fff; margin-bottom: 0; } .timer span { width: 70px; display: inline-block; } .timer span .timer-cal { font-size: 12px; color: #777; } .timer span .padding-l { padding-left: 22px; display: inline; } .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: -3px; } .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: -5px; } .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 #dddddd; } .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: #f5f5f5; } .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;"] .product-box, .theme-tab .tab-content[style="display: block;"] .tab-box, .theme-tab .tab-content[style="display: block;"] .cycle-box { -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; } .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 img { height: 250px; padding: 15px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .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 { margin-right: 35px; 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.5s ease; transition: all 0.5s ease; } .theme-tab .tab-title, .theme-tab .tab-title2 { text-align: center; font-size: 18px; margin-bottom: 30px; margin-top: -6px; } .theme-tab .tab-title .current a, .theme-tab .tab-title2 .current a { color: var(--theme-color); } .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: 5px; 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: #222222; 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 white; margin-left: 15px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .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: white; } .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: white; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -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%; border: 3px solid var(--theme-color); } .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; } .collection-banner .img-part { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; 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: white; 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: white; margin-bottom: -6px; } .collection-banner .contain-banner.content-bg h2 { font-size: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320))); padding: 10px; background-color: white; } .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.5s ease; transition: all 0.5s ease; } .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: #222222; } .absolute_banner { margin-bottom: 22px; } .absolute_banner .collection-banner { overflow: unset; } .absolute_banner .collection-banner .absolute-contain { position: absolute; background-color: #ffffff; bottom: -22px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding: 20px; -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35); min-width: 85%; text-align: center; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .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: white; 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.5s ease; transition: all 0.5s ease; } .banner-style-2.absolute-banner .absolute-bg .collection-banner:hover .absolute-img img { top: -50px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .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: 10px; } .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; } .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.5s ease; transition: all 0.5s ease; } .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.5s ease; transition: all 0.5s ease; } .basic-effect:hover:after { opacity: 0.7; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .basic-effect:hover > div { -webkit-transform: scale(1.2) rotate(5deg); transform: scale(1.2) rotate(5deg); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .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.5s ease; transition: all 0.5s ease; } .blog-details p:hover { color: var(--theme-color); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .blog-details h6 { line-height: 1; letter-spacing: 0.1em; margin-bottom: 0; } .blog-2 .blog-details h6 { padding: 5px 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.5s ease; transition: all 0.5s ease; } .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.5s ease; transition: all 0.5s ease; } .add_to_cart .cart-inner .cart_media li .buttons a:hover { color: var(--theme-color); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .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.5s ease; transition: all 0.5s ease; } .add_to_cart .cart-inner .cart_media .close-circle i:hover { color: #000; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .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: #222222; 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.5s ease; transition: all 0.5s ease; } .add_to_cart.open-side { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .add_to_cart.open-side .overlay { opacity: 0.8; visibility: visible; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .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: #fff; border-radius: 20px; text-align: center; font-size: 12px; line-height: 14px; font-weight: 600; top: 20%; right: -8px; padding: 3px; } .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.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; } .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.5s ease; transition: all 0.5s ease; } .category-block:hover .category-image img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .category-block:hover .category-image svg { fill: #fff; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .category-block:hover .category-details h5 { color: var(--theme-color); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .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.5s ease; transition: all 0.5s ease; } .category-bg .contain-block:hover h6 span { color: var(--theme-color); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .category-bg .contain-block:hover .category-btn { background-image: linear-gradient(30deg, #222 50%, transparent 50%); border: 2px solid #222; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .category-bg .contain-block:hover:after { opacity: 0.3; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; 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.5s ease; transition: all 0.5s ease; } .category-bg .contain-block .category-btn { letter-spacing: 0.07em; margin-bottom: 25px; margin-top: 25px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .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 #dddada; 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.5s ease; transition: all 0.5s ease; } .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.5s ease; transition: all 0.5s ease; 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.5s ease; transition: all 0.5s ease; } .background .contain-bg h4 { color: #222; text-transform: uppercase; font-weight: 700; margin-bottom: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .background .contain-bg:hover:after { opacity: 0.07; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .background .contain-bg:hover h4 { color: var(--theme-color); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .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.5s ease; transition: all 0.5s ease; } .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.5s ease; transition: all 0.5s ease; } .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.5s ease; transition: all 0.5s ease; } .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.5s ease; transition: all 0.5s ease; } .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.5s ease; transition: all 0.5s ease; 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.5s ease; transition: all 0.5s ease; 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.5s ease; transition: all 0.5s ease; } @-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.5s ease; transition: all 0.5s ease; } .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.5s ease; transition: all 0.5s ease; } .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.5s ease; transition: all 0.5s ease; } .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 { -webkit-transform: translateY(-6px); transform: translateY(-6px); background-color: #232323; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .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: 12px; } .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: -70px; left: 0; width: 100%; background-color: #2d2a25; padding: 10px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; 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.5s ease; transition: all 0.5s ease; } .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; } .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; } .layout-8 { padding: 0 80px; } .layout-8 .layout-8-bg { background-image: url("../images/electronics/bg.jpg"); background-size: cover; background-attachment: fixed; height: 100%; width: 100%; padding: 0 15px; -webkit-animation: 10s linear 0s normal none infinite animate; animation: 10s linear 0s normal none infinite animate; } .layout-8 .layout-8-bg .layout7-product .product-box .details-product { opacity: 1; } .layout-8 .layout-8-bg .layout7-product .product-box:hover .details-product { -webkit-animation: none; animation: none; } .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: white; } .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.5s ease; transition: all 0.5s ease; -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.5s ease; transition: all 0.5s ease; } .flower-bg { background-image: url("../images/flower/flower-bg.jpg"); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; height: 100%; width: 100%; } .bg-block { background-image: url("../images/flower/bg.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: white; } .game-back .pixelstrap.sm-horizontal > li > a:hover, .game-back .pixelstrap.sm-horizontal > li > a.active { color: white; } .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); } .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; 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: white; } .gym-parallax .product-para p { color: white; } .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: white; padding: 15px; -webkit-box-shadow: 0 0 8px 0 #ddd; box-shadow: 0 0 8px 0 #ddd; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .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.5s ease; transition: all 0.5s ease; } .gym-product .product-box .img-wrapper .cart-info button:hover i, .gym-product .product-box .img-wrapper .cart-info a:hover i { color: white; } .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.5s ease; transition: all 0.5s ease; } .gym-product .product-box:hover .img-wrapper .cart-info { opacity: 1; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .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: 3px; } .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 .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: white; } .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: #f5e1d0; } 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; -webkit-box-shadow: 0 0 0 1px #e2e2e2; box-shadow: 0 0 0 1px #e2e2e2; overflow: hidden; position: relative; width: 700px; background-color: #f5f5f5; border-radius: 25px; } .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: 5px; 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: 8px; margin-top: 3px; } .blog.blog_box .blog-details a p { color: #40494f; text-transform: capitalize; font-weight: 700; margin-bottom: 0; margin-top: 10px; } .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-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; } .category-tools .category-m .category-wrapper { background-color: white; 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; } .banner-tools img { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .banner-tools:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .tools-brand .row { background-color: white; padding: 25px 0; -webkit-box-shadow: 0 0 8px 0 #ddd; box-shadow: 0 0 8px 0 #ddd; 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 { border-radius: 10px; -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: white; } .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.5s ease; transition: all 0.5s ease; } .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.5s ease; transition: all 0.5s ease; } .blog-section .blog-wrap:hover .blog-details p { color: var(--theme-color); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .blog-section .blog-wrap:hover .blog-image img { -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .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; } .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; background-color: white; 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: #222222; line-height: 24px; letter-spacing: 0.05em; } .custom-cake .customized-bottom h5 { font-size: 18px; color: #222222; 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: white; 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: white; 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: white; } .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.5s ease; transition: all 0.5s ease; } .cycle-box-row { margin-bottom: -30px; } .cycle-box-row > div { margin-bottom: 30px; } .search-section { position: relative; } .search-section .absolute-bg { border-radius: 8px; } .search-section h4 { font-weight: 600; } .search-section .form-control { border-radius: 0; border: 1px solid #ddd; padding: 10px 25px; } .search-section select.form-control { background: url(../images/dropdown.png) no-repeat 95%; -webkit-appearance: none; height: auto !important; background-color: white; } .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.5s ease; transition: all 0.5s ease; } .center-slider-bicycle .slick-slide.slick-center { opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .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: white; 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.5s ease; transition: all 0.5s ease; } .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.5s ease; transition: all 0.5s ease; } .cycle-box .img-wrapper .quick-view-part a { line-height: 0; color: white; } .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.5s ease; transition: all 0.5s ease; } .cycle-box .img-wrapper:hover .quick-view-part { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .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: #222222; 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: #222222; } .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: white; 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.5s ease; transition: all 0.5s ease; } .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.5s ease; transition: all 0.5s ease; } .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: white; 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.5s ease; transition: all 0.5s ease; z-index: 9; } .offer-box img { margin-right: 18px; } .offer-box.toggle-cls { left: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .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: #ffffff; 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.5s ease; transition: all 0.5s ease; 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: #ffffff; 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: 5px; } .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: white; padding: 6px; width: 30px; height: 30px; color: var(--theme-color); border-radius: 4px; -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; } footer { position: relative; } footer .footer-theme .footer-mobile-title { display: none; } footer .darken-layout p { color: #938d8c; } 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: #938d8c; } footer .darken-layout .sub-title .contact-list i { color: #938d8c; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } footer .darken-layout .sub-title .contact-list li { color: #938d8c; } footer .darken-layout .footer-social i { color: #938d8c; } footer p { line-height: 32px; letter-spacing: 0.03em; margin-bottom: 0; } footer.footer-black .light-layout { background-color: #23292c; } 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-image: url("../images/metro.jpg"); background-blend-mode: overlay; } 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 .footer-theme .sub-title h4 { color: #fff; } 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 rgba(0, 0, 0, 0.8); } 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: white; } footer.footer-christmas .light-layout { background: transparent; } footer.footer-christmas .sub-footer { background-color: transparent; } footer.footer-christmas p { color: white; } footer.footer-christmas .subscribe { text-align: left; } 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.5s ease; transition: all 0.5s ease; } 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 #9b9b9b; } footer.footer-5 .sub-footer p { color: #fff; } 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-left: 1px solid #9b9b9b; border-right: 1px solid #9b9b9b; } 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: #1d1d1d; } 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 #ddd; text-align: left; } .footer-light .subscribe p { line-height: 1; } .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: 45px; } .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 .sub-title h4 { color: #222; margin-bottom: 25px; text-transform: uppercase; font-weight: 700; } .footer-theme .sub-title li { position: relative; display: inherit; padding-top: 13px; text-transform: capitalize; font-size: 14px; 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: 0; top: 21px; } .footer-theme .sub-title .contact-list li { position: relative; padding-left: 25px; line-height: 28px; } .footer-theme .sub-title .contact-list li a:hover { color: var(--theme-color); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .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: #2e2726; } .sub-footer.dark-subfooter p { color: #938d8c; } .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 li { padding-left: 7px; padding-right: 7px; display: inline-block; } .footer-theme2 { text-align: center; } .footer-theme2 .footer-mobile-title { display: none !important; } .footer-theme2 .contact-details li a { color: #7f786d; } .footer-theme2 .contact-details li a:hover { color: var(--theme-color); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .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: #7f786d; } .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: #7f786d; padding: 0 50px; line-height: 2.2; } .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: 5px; font-size: 12px; padding: 15px 0; border-radius: 0; } .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: #7f786d; -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.5s ease; transition: all 0.5s ease; } .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: white; 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: white; border-color: black; } .light-footer .dark-layout { background-color: transparent; } .light-footer .dark-layout .footer-title { border-color: #dddddd; } .light-footer .border-b { border-color: #dddddd; } .light-footer .footer-theme2 h4 { color: black; } .light-footer .footer-theme2 .subscribe-block { border-color: #dddddd; } .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 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: white; -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: #1d1d1d; border: 1px solid #1d1d1d; } .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: #dddddd; } .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: white; } 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 .onhover-div .show-div { top: 70px; } 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 .top-header { background-color: transparent; } header.header-5 .top-header .header-dropdown > li { padding-top: 40px; padding-right: 0; } 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; } 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: var(--theme-color); } 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 25px; } header.header-tools .top-header .header-dropdown li a i { color: #fff; } header.header-tools .logo-menu-part > .container { background-color: #fff; border-bottom: 2px solid var(--theme-color); } 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.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 .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-dropdown .mobile-wishlist img, header.left-header .top-header .header-dropdown .mobile-account img { display: block; } header.left-header .top-header .header-dropdown .mobile-wishlist i, header.left-header .top-header .header-dropdown .mobile-account i { display: none; } 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: 78px; 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%; } 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.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.5s ease; transition: all 0.5s ease; } .sidebar-overlay.show { opacity: 0.8; visibility: visible; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .onhover-dropdown { position: relative; font-size: 14px; } .onhover-dropdown .onhover-show-div { top: 50px; 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: 40px; padding-bottom: 40px; 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: #f8f8f8; } .top-header .header-contact { padding: 15px 0; } .top-header .header-contact li { color: #999; font-size: 14px; padding-right: 25px; } .top-header .header-contact li i { color: var(--theme-color); padding-left: 10px; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .top-header .header-dropdown li { cursor: pointer; color: #999; padding: 15px 25px; padding-right: 0; } .top-header .header-dropdown li:first-child { padding-right: 0; } .top-header .header-dropdown li a { text-transform: capitalize; color: #999; } .top-header .header-dropdown li i { padding-right: 5px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .top-header .header-dropdown li ul li { padding-top: 0; padding-bottom: 0; } .top-header .header-dropdown li a i { color: #999; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .top-header .header-dropdown li a:hover i { color: var(--theme-color); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .top-header .header-dropdown li:hover i { color: var(--theme-color); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .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 .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: 9; } .main-menu.product-full-page { z-index: 9999; } .main-menu .brand-logo { display: inline-block; padding-top: 35px; padding-bottom: 35px; } .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-left .navbar { display: inline-block; padding: 40px 45px 40px 0; } .main-menu .menu-left .navbar i { font-size: 28px; color: #222; cursor: pointer; } .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; float: right; } .main-menu .menu-right .icon-nav { display: inline-block; } .main-menu .menu-right .icon-nav li { padding-left: 20px; } .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: white; border-radius: 5px; } .main-menu .menu-right .icon-nav .delivery-area i { margin-right: 5px; font-size: 16px; } .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; } .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 .upper-menu.pixelstrap a { padding-top: 10px; padding-bottom: 10px; padding-right: 35px; } .header-style-1 .cart_qty_cls { top: -3px; right: -6px; } .header-style-1 .navbar .nav-link { padding-right: 25px; color: #222222; 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 #ddd; } .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: #222222; } .header-style-5 .bottom-part.bottom-light .pixelstrap > li > a:hover, .header-style-5 .bottom-part.bottom-light .pixelstrap > li > a:active { color: #222222; } .header-style-5.style-light .bottom-part .category-menu .toggle-sidebar { color: #000; background-color: #fff; border: 1px solid #ddd; border-top: none; border-bottom: none; padding-top: 18px; } .header-style-5.style-light .bottom-part .category-menu .toggle-sidebar h5 { color: #000; 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-top: 20px; padding-bottom: 20px; } .header-style-5.color-style { background-color: var(--theme-color2); } .header-style-5.color-style .form_search { border-radius: 5px; } .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 .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 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: #222222; } .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: #222222; } .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 #ddd; 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 #ddd; position: fixed; top: 0; left: 0; width: 100vw; z-index: 1; } .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.5s ease; transition: all 0.5s ease; } .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; padding: 10px 0; } .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 #ddd; } .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: 99; -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; } .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: 150px; } .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: 5px; 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: 8px; 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: 99; } @-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; } .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.5s ease; transition: all 0.5s ease; 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: #ffffff; 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: white; 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: white; } .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-porduct, .center-slider .thumbnail-porduct { position: absolute; bottom: 40px; left: 0; width: 100vw; } .home-slider .thumbnail-porduct img, .center-slider .thumbnail-porduct img { margin: 0 auto; border: 1px solid transparent; opacity: 0.5; } .home-slider .thumbnail-porduct .slick-current img, .center-slider .thumbnail-porduct .slick-current img { border: 1px solid #dddddd; 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: white; 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: #222222; } .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: #222222; } .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.5s ease; transition: all 0.5s ease; } .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: white; position: relative; padding: 25px; -webkit-box-shadow: 0 0 8px 0 #ddd; box-shadow: 0 0 8px 0 #ddd; } .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: white; } .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))); } .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; background-color: var(--theme-color); 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); } .insta-style .slick-current .instagram-box .overlay { opacity: 0.4; -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 white; -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: white; overflow-y: auto; overflow-x: hidden; } .loader_skeleton .mt-ldr { margin-top: 30px; } .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: 15px; 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: 15px; 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: 15px; 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: 15px; 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: 15px; 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: 15px; } .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; width: 96px; margin-right: 15px; } .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 .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 .order-sec .product-box { margin-bottom: 20px; } .loader_skeleton .blog-page .order-sec .product-box .img-wrapper { width: 490px; height: calc(174px + (300 - 174) * ((100vw - 320px) / (1920 - 320))); 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: 15px; } .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: 15px; } .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: 15px; } .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: 15px; 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: 15px; margin-left: auto; margin-right: auto; } .layout-8 .loader_skeleton { padding: 0 80px; } .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; position: relative; 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: 400; line-height: 23px; text-decoration: none; text-transform: uppercase; padding-top: 42px; padding-bottom: 42px; letter-spacing: 0.07em; } .pixelstrap a:hover { color: var(--theme-color); } .pixelstrap a.disabled { color: #ffd8d4; } .pixelstrap a .sub-arrow { position: absolute; top: 50%; margin-top: -17px; left: auto; right: 15px; width: 34px; height: 34px; overflow: hidden; font: bold 16px/34px monospace !important; text-align: center; text-shadow: none; border-radius: 4px; } .pixelstrap > li:last-child > a, .pixelstrap > li:last-child > *:not(ul) a, .pixelstrap > li:last-child > ul, .pixelstrap > li:last-child > ul > li:last-child > a, .pixelstrap > li:last-child > ul > li:last-child > *:not(ul) a, .pixelstrap > li:last-child > ul > li:last-child > ul, .pixelstrap > li:last-child > ul > li:last-child > ul > li:last-child > a, .pixelstrap > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .pixelstrap > li:last-child > ul > li:last-child > ul > li:last-child > ul, .pixelstrap > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .pixelstrap > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .pixelstrap > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul, .pixelstrap > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .pixelstrap > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .pixelstrap > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul { border-radius: 0 0 0 0; } .pixelstrap > li:last-child > a.highlighted, .pixelstrap > li:last-child > *:not(ul) a.highlighted, .pixelstrap > li:last-child > ul > li:last-child > a.highlighted, .pixelstrap > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .pixelstrap > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .pixelstrap > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .pixelstrap > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .pixelstrap > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .pixelstrap > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .pixelstrap > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted { border-radius: 0; } .pixelstrap ul { background: #fff; } .pixelstrap ul ul { background: rgba(255, 85, 69, 0.04); } .pixelstrap ul a, .pixelstrap ul a:hover, .pixelstrap ul a:focus, .pixelstrap ul a:active { background: rgba(0, 0, 0, 0); color: #ff3522; font-size: 14px; text-shadow: none; } .pixelstrap ul a.current { background: #ff4c3b; 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.5s ease; transition: all 0.5s ease; font-weight: 400; text-transform: capitalize; color: #222222; } .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; height: 2px; -webkit-transition: 0.5s ease; transition: 0.5s ease; } .pixelstrap .full-mega-menu a:hover h6, .pixelstrap .clothing-menu a:hover h6 { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .pixelstrap .link-section h5 { font-weight: 700; text-transform: capitalize; font-size: 14px; } .pixelstrap .link-section ul { position: relative; display: block; padding: 0; } .pixelstrap .link-section ul li a { padding-top: 3px; padding-bottom: 3px; font-size: 14px; padding-left: 0; } .pixelstrap .full-mega-menu { width: 100% !important; padding: 30px !important; border-radius: 0; } .pixelstrap .full-mega-menu .mega-box .link-section ul li a:hover, .pixelstrap .full-mega-menu .mega-box .link-section ul li a:focus { padding-top: 3px; padding-bottom: 3px; } .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.5s ease; transition: all 0.5s ease; } .sidenav .sidebar-back { padding: 20px; font-size: 18px; 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.open-side { left: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .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 .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: white; 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; } @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, .pixelstrap .sm-nowrap > li > :not(ul) a { white-space: nowrap; } .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.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: "\f107"; font-family: FontAwesome; position: absolute; } .pixelstrap ul { border: none; padding: 15px 0px 15px 0px; background: white; } .pixelstrap ul ul { background: white; } .pixelstrap ul a { position: relative; } .pixelstrap ul a:before { position: absolute; bottom: 0; content: ""; height: 2px; width: 0; background-color: var(--theme-color); -webkit-transition: 0.5s ease; transition: 0.5s ease; } .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:hover:before, .pixelstrap ul a:hover:hover:before, .pixelstrap ul a:focus:hover:before, .pixelstrap ul a:active:hover:before, .pixelstrap ul a.highlighted:hover:before { width: 50px; height: 2px; -webkit-transition: 0.5s ease; transition: 0.5s ease; } .pixelstrap ul a .sub-arrow:before { content: "\f105"; font-family: FontAwesome; 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 #ff3522 transparent; } .pixelstrap .scroll-down-arrow { top: 6px; border-style: solid dashed dashed dashed; border-color: #ff3522 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 #ff3522; } .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: 3px; } .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: 12px; } .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 .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; } .sm-horizontal .mobile-back { padding: 20px; font-size: 18px; color: #222; font-weight: 700; text-transform: uppercase; border-bottom: 1px solid #efefef; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .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 !important; } .pixelstrap a.highlighted .sub-arrow:before { content: "-"; } .pixelstrap a .sub-arrow { right: 0; } .pixelstrap a .sub-arrow:before { content: "+"; } .pixelstrap > li > a { font-weight: 700; } .pixelstrap > li > a:hover, .pixelstrap > li > a:focus, .pixelstrap > li > a:active { font-weight: 700; } .pixelstrap .link-section .menu-title h5 { cursor: pointer; font-weight: 500; text-transform: uppercase; margin-bottom: 0; } .pixelstrap .link-section .menu-title.active .according-menu { font: bold 16px/34px monospace !important; } .pixelstrap .link-section .menu-title.active .according-menu:before { content: "-"; position: absolute; right: -18px; } .pixelstrap .link-section .menu-title .according-menu { font: bold 16px/34px monospace !important; } .pixelstrap .link-section .menu-title .according-menu:before { content: "+"; position: absolute; right: -18px; } .pixelstrap .link-section .menu-content a { text-transform: capitalize; } .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 li .lable-nav { left: 15px; top: -8px; } .pixelstrap li a { padding: 10px 15px; font-size: 16px; } .pixelstrap li a:hover { font-size: 16px; padding: 10px 15px; } .pixelstrap li ul li a { padding: 5px 35px; font-size: 14px; color: #222; font-weight: 400; } .pixelstrap li ul li a:hover { color: var(--theme-color); font-size: 14px; padding: 5px 35px; } .pixelstrap .category-menu a:hover img { -webkit-transform: scale(1); transform: scale(1); } .pixelstrap.sm-vertical a .sub-arrow { margin-top: -18px; } .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 ul li a { padding: 5px 45px; } .sidenav .pixelstrap li ul li a:hover, .sidenav .pixelstrap li ul li a.highlighted { padding: 5px 45px; } .sidenav .pixelstrap li a { padding: 10px 25px; } .sidenav .pixelstrap li a:hover { padding: 10px 25px; } .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: 9; right: 175px; top: -105px; } .layout3-menu .main-menu .menu-left .main-menu-right .toggle-nav { right: unset; top: -1px; } } @media (max-width: 991px) { .top-header .header-contact { display: none; } } @media (min-width: 578px) { .main-menu .menu-right .icon-nav .mobile-search i, .main-menu .menu-right .icon-nav .mobile-cart i, .main-menu .menu-right .icon-nav .mobile-setting i { display: none; } .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; } .main-nav-center .toggle-nav { right: 15px; top: -78px; } .mobile-fix-option { position: fixed; bottom: 0; left: 0; height: 60px; background-color: #fff; width: 100vw; z-index: 9; -webkit-box-shadow: 0 2px 5px 0 #a8a8a8; box-shadow: 0 2px 5px 0 #a8a8a8; } .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 .mobile-account, .top-header .header-dropdown .mobile-wishlist { position: fixed; bottom: 20px; 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; font-family: themify; color: #999; } .top-header .header-dropdown .mobile-account i:before, .top-header .header-dropdown .mobile-wishlist i:before { content: "\e602"; } .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 { font-family: themify; color: #999 !important; } .top-header .header-dropdown .mobile-wishlist i:before { content: "\e634"; } .main-menu .menu-left.category-nav-right .navbar { padding-left: 0 !important; } .main-menu .menu-left .navbar { padding: 25px 45px 25px 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: 20px; 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: 25px; padding-bottom: 25px; } } @media (max-width: 480px) { .brand-logo img { height: 50px; } } .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: white; } .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 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: #fff; background: #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: 0; } .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: white; } .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: white; 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: white; line-height: 1; font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320))); text-transform: uppercase; color: white; 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: white; 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: white; 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: white; } .christmas-modal .modal-body .modal-bg .content h2 { color: white; 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: white; line-height: 1; font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320))); text-transform: uppercase; color: white; 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: white; font-weight: 700; line-height: 1; } .christmas-modal .modal-body .modal-bg .content p { margin-bottom: 0; font-size: 14px; margin-top: 12px; color: white; } .christmas-modal .modal-body .modal-bg .christmas-btn { margin-top: 20px; } .newyear-modal .btn-close { background-color: white; 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; right: 50px; font-size: 17px; } .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: white; } .newyear-modal .modal-body .modal-bg .content h2 { color: white; 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: white; line-height: 1; font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320))); text-transform: uppercase; color: white; 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: white; 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: white; 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; } .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 #ffffff; 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.5s ease; transition: all 0.5s ease; } .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; } .product-left-title p { line-height: 27px; font-size: 18px; } .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.5s ease; transition: all 0.5s ease; } .added-notification img { width: 25px; } .added-notification h3 { color: #ffffff; 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.5s ease; transition: all 0.5s ease; } .alert .btn-close { background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; } .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: white; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; text-align: center; float: left; font-size: 18px; line-height: 24px; } .portfolio-section .article-title a { color: white; } .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: white; 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 white; 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 { padding-bottom: 20px; } .portfolio-section .filter-button { padding: 0 24px; font-size: 20px; line-height: 35px; border: none; background-color: white; } .portfolio-section .filter-button.active { background-color: var(--theme-color); color: #fff; } .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.5s ease; transition: all 0.5s ease; 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; } .portfolio-section.metro-section .product-box .product-detail h4 { font-weight: 400; color: #000; } .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; } .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; } .portfolio-section.metro-section .product-box:hover .product-detail { opacity: 1; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; 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; -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.5s ease; transition: all 0.5s ease; } .absolute-product .product-box .product-detail .cart-bottom i:hover { color: var(--theme-color); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .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 !important; height: auto !important; width: auto !important; border-radius: 5px !important; } .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.5s ease; transition: all 0.5s ease; } .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.5s ease; transition: all 0.5s ease; } .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.5s ease; transition: all 0.5s ease; 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.5s ease; transition: all 0.5s ease; } .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.5s ease; transition: all 0.5s ease; -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.5s ease; transition: all 0.5s ease; 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.5s ease; transition: all 0.5s ease; } .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.5s ease; transition: all 0.5s ease; -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.5s ease; transition: all 0.5s ease; } .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: 2px; padding-bottom: 5px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; 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.5s ease; transition: all 0.5s ease; } .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.5s ease; transition: all 0.5s ease; } .product-box.effect-center .img-wrapper .cart-box, .product-wrap.effect-center .img-wrapper .cart-box { bottom: 20%; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .product-box:hover.effect-center .front img, .product-wrap:hover.effect-center .front img { opacity: 0.3; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .product-box:hover.effect-center .img-wrapper .cart-box, .product-wrap:hover.effect-center .img-wrapper .cart-box { bottom: 35%; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .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.5s ease; transition: all 0.5s ease; } .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.5s ease; transition: all 0.5s ease; -webkit-transform: translateX(0); transform: translateX(0); } .product-box:hover .cart-info, .product-wrap:hover .cart-info { opacity: 1; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .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.5s ease; transition: all 0.5s ease; } .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: white; -webkit-animation: none !important; animation: none !important; } .product-box .cart-info.bg-color-cls a i { background-color: white; -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: white; 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.5s ease; transition: all 0.5s ease; 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.5s ease; transition: all 0.5s ease; } .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: white; background-color: var(--theme-color); border-radius: 5px; } .bg-title .theme-card .slick-prev { right: 30px; } .bg-title .theme-card .slick-prev:before { color: white; opacity: 1; font-size: 25px; } .bg-title .theme-card .slick-next { right: 6px; } .bg-title .theme-card .slick-next:before { color: white; 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: 5px; } .bg-title .theme-tab .bg-title-part .title-border { margin-bottom: 0; color: white; 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: white; } .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: white; } .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: #222222; } .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 #ddd; } .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.5s ease; transition: all 0.5s ease; } .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.5s ease; transition: all 0.5s ease; 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.5s ease; transition: all 0.5s ease; 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.5s ease; transition: all 0.5s ease; } .product-christmas .product-box:hover .cart-info { bottom: 0; background-color: var(--theme-color); opacity: 1; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .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: white; border-radius: 100%; margin: 10px 0; padding: 8px; font-size: 16px; } .game-product .product-box .add-button { background-color: var(--theme-color); color: white; text-align: center; font-size: 18px; text-transform: capitalize; position: absolute; width: 100%; bottom: -40px; padding: 5px 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; 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.5s ease; transition: all 0.5s ease; } .game-product .img-wrapper img { width: 100%; } .tools-grey .product-box { width: 100%; display: inline-block; overflow: hidden; background-color: white; -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.5s ease; transition: all 0.5s ease; } .tools-grey .product-box .cart-info { display: -webkit-box; display: -ms-flexbox; display: flex; left: 0; bottom: -30px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .tools-grey .product-box .cart-info .mobile-quick-view { display: none; } .tools-grey .product-box .cart-info a { background-color: #eef0f1; border-radius: 5px; } .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.5s ease; transition: all 0.5s ease; } .tools-grey .product-box .cart-info a:hover i { color: #fff; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .tools-grey .product-box .cart-info button { width: 55%; background-color: #eef0f1; color: #555; border-radius: 5px; margin: 0 5px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .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.5s ease; transition: all 0.5s ease; } .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.5s ease; transition: all 0.5s ease; } .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: 0; padding-top: 0; } .tools-grey .product-box:hover .img-wrapper .front img, .tools-grey .product-box:hover .img-wrapper .front .bg-size { opacity: 0.05; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .tools-grey .product-box:hover .img-wrapper .cart-info { opacity: 1; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; 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.5s ease; transition: all 0.5s ease; } .tools-grey .product-box:hover .quick-view-part { opacity: 1; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .tools-grey .product-box:hover .ribbon { display: none; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .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.5s ease; transition: all 0.5s ease; } .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.5s ease; transition: all 0.5s ease; } .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.5s ease; transition: all 0.5s ease; 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: white; } .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 white; -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: #ffffff; 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: white; border-radius: 100%; margin: 10px 0; padding: 8px; font-size: 16px; } .bakery-box .product-box .add-button { background-color: var(--theme-color); color: white; 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.5s ease; transition: all 0.5s ease; 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.5s ease; transition: all 0.5s ease; } .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.5s ease; transition: all 0.5s ease; } .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.5s ease; transition: all 0.5s ease; } .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: white; 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: 15px; 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: 10px; z-index: 1; } .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: 3px; 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: 10px; 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: white; 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; } .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.5s ease; transition: all 0.5s ease; 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.5s ease; transition: all 0.5s ease; } .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 h4 { margin-left: auto; } .infinite-product .product-box { 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); } } .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 #ddd; } .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 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: 700; text-transform: uppercase; margin-bottom: 15px; } .service-block1 p { letter-spacing: 0.03em; margin-bottom: -3px; line-height: 1.5; } .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 #dddddd; padding-left: 20px; } .service-style-border .service-block + .service-block { border-left: none; } .theme-bg-service.service-w-bg .service-block .media { border-radius: 10px; } .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.5s ease; transition: all 0.5s ease; 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.5s ease; transition: all 0.5s ease; } .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 #ddd; } .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: -40px; } .theme-card.card-border .slick-next { right: 30px; } .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 #ddd; } .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: #222; 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 { height: 160px; padding: 15px; } .theme-card .offer-slider > div .media:last-child .media-body { margin-top: 15px; } .theme-card .offer-slider > div .media:last-child img { margin-bottom: -15px; } .theme-card .offer-slider .media .media-body .rating { margin-top: 0; } .theme-card .offer-slider .media .media-body .rating i { padding-right: 5px; } .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 { margin-right: 61px; line-height: 17px; margin-top: 5px; margin-bottom: 0; } .theme-card .offer-slider .media .media-body h4 { margin-top: 10px; font-weight: 700; 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.5s ease; transition: all 0.5s ease; } .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.5s ease; transition: all 0.5s ease; } .box-product .full-box .theme-card .offer-slider .product-box2 { -webkit-box-shadow: 0 2px 5px 0 rgba(145, 145, 145, 0.16), 0 2px 10px 0 rgba(145, 145, 145, 0.12); box-shadow: 0 2px 5px 0 rgba(145, 145, 145, 0.16), 0 2px 10px 0 rgba(145, 145, 145, 0.12); } .box-product .full-box .theme-card .offer-slider .product-box2 .media { padding-right: 15px; } .box-product .full-box .theme-card .offer-slider .product-box2 .media img { height: 192px; padding: 0 15px 0 0; } .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.5s ease; transition: all 0.5s ease; } .box-product .full-box .theme-card .offer-slider .product-box2 .cart-bottom i:hover { color: var(--theme-color); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .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 > 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: white; } .product-vertical .full-box .theme-card .offer-slider .product-box2 .media img { height: 240px; } .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; } .tap-top { width: 50px; height: 50px; border-radius: 100%; position: fixed; bottom: 50px; right: 30px; z-index: 8; display: none; color: #fff; text-align: center; background: var(--theme-color); border: none; font-size: 22px; padding: 7px; cursor: pointer; } .tap-top.top-cls { bottom: 130px; } .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% ); } .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.5s ease; transition: all 0.5s ease; 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.5s ease; transition: all 0.5s ease; } .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 .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; } .breadcrumb-section .breadcrumb { background-color: transparent; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-transform: uppercase; font-size: 14px; color: #555; font-weight: 600; margin: 0; padding-right: 0; } .breadcrumb-section .breadcrumb a { color: #555; font-weight: 600; } .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 p { margin-bottom: -7px; } .about-page .banner-section { border-radius: 5px; overflow: hidden; } .about-page h4 { margin-bottom: 10px; margin-top: 30px; text-transform: capitalize; font-weight: 600; line-height: 1.3; } .about-page p { line-height: 2; letter-spacing: 0.03em; } .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; } .testimonial .testimonial-slider .slick-track .slick-slide:nth-child(even) .media { border-left: 1px solid #ddd; padding-left: 50px; } .team { position: relative; } .team img { margin: 0 auto; padding: 0 10px; } .team .slick-prev, .team .slick-next { position: absolute; top: -45px; } .team .slick-prev:before, .team .slick-next:before { font: normal normal normal 30px/1 FontAwesome; color: #222; opacity: 0.6; } .team .slick-prev { left: unset; right: 20px; } .team .slick-prev:before { content: "\f104"; } .team .slick-next { right: 0; } .team .slick-next:before { content: "\f105"; } .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; margin-top: 15px; margin-bottom: 5px; } .team h6 { margin-bottom: 0; } .collection-filter-block { margin-bottom: 30px; padding: 0 30px; border: 1px solid #fff; background-color: #f9f9f9; } .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 { margin-bottom: 12px; } .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,"); } .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: white; } .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,"); 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: white; } .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,"); 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%; } .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; } .collection-product-wrapper .product-top-filter { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; } .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 { border-right: 1px solid #ddd; padding: 20px; text-transform: capitalize; width: 35%; } .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 { padding: 20px; width: 20%; border-right: 1px solid #ddd; } .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; } .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 { margin-left: 10px; } .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; 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 ::-webkit-scrollbar-thumb:hover { background: #555; } .collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup { position: relative; cursor: pointer; width: 20%; background: url(../images/dropdown.png) no-repeat 95%; } .collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup a { font-size: 16px; color: #222; } .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; min-width: 330px; } .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-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 .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 #ddd; display: none; } .collection-mobile-back span { text-transform: uppercase; font-size: 14px; color: #000; cursor: pointer; } .collection-mobile-back span i { font-size: 20px; font-weight: bold; margin-right: 5px; } .product-pagination { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; margin: 50px 0; } .product-pagination .pagination { border-radius: 0; display: block !important; } .product-pagination .pagination .page-item { border-radius: 0; } .product-pagination .pagination .page-item a { padding: 18px; border-bottom: 0; border-top: 0; color: #777; border-top-left-radius: 0; border-bottom-left-radius: 0; } .product-pagination .pagination .page-item:last-child .page-link { border-top-right-radius: 0; border-bottom-right-radius: 0; } .product-pagination .pagination .page-item.active a { color: var(--theme-color); background-color: #fff; border-color: #ddd; } .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; } .mordern-box-margin { margin-bottom: -40px; } .mordern-box { padding: 25px 25px; background-color: #f8f8f8; margin-top: 94px; margin-bottom: 40px; } .mordern-box .absolute-img img { margin-left: 30px; margin-top: -120px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .mordern-box .mordern-content { margin-top: 14px; } .mordern-box .mordern-content h6 { font-size: 16px; margin-bottom: 2px; font-weight: 600; color: #222; } .mordern-box .mordern-content p { line-height: 20px; letter-spacing: 0.05em; margin-bottom: 14px; } .mordern-box .mordern-content .mordern-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; } .mordern-box .mordern-content .mordern-bottom .right { margin-left: auto; } .mordern-box .mordern-content .mordern-bottom .right .add-extent { position: relative; } .mordern-box .mordern-content .mordern-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.5s ease; transition: all 0.5s ease; color: #222; } .mordern-box .mordern-content .mordern-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; } .mordern-box .mordern-content .mordern-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; } .mordern-box .mordern-content .mordern-bottom .right .add-extent .options li button { border: none; background-color: transparent; } .mordern-box .mordern-content .mordern-bottom .right .add-extent .options li i { color: #6f6f6f; font-size: 18px; } .mordern-box .mordern-content .mordern-bottom .right .add-extent .options li + li { margin-top: 6px; } .mordern-box .mordern-content .mordern-bottom .right .add-extent.show i { -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .mordern-box .mordern-content .mordern-bottom .right .add-extent.show .options { opacity: 1; visibility: visible; height: auto; bottom: 38px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .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; } .search-product { margin-bottom: -30px; } .search-product > div { margin-bottom: 30px; } .category-shop-section .nav { height: 100%; background-color: #f8f8f8; } .category-shop-section .nav .nav-link { font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; color: #495057; border-right: 2px solid transparent; cursor: pointer; padding: 12px 20px; font-weight: 700; text-transform: capitalize; } .category-shop-section .nav .nav-link.active { color: var(--theme-color2); border-right: 2px solid var(--theme-color2); } .faq-section .accordion.theme-accordion .card { margin-top: 10px; border-radius: 0; overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.07); } .faq-section .accordion.theme-accordion .card :not(:first-of-type):not(:last-of-type), .faq-section .accordion.theme-accordion .card .theme-accordion .card:first-of-type { border-bottom: 1px solid #ddd; } .faq-section .accordion.theme-accordion .card:first-child { margin-top: 0; } .faq-section .accordion.theme-accordion .card .card-header { padding: 0; border-bottom: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background-color: #f9f9f9; } .faq-section .accordion.theme-accordion .card .card-header button { color: #333; text-align: left; font-size: 17px; padding: 18px; font-weight: 600; } .faq-section .accordion.theme-accordion .card .card-header button:before { content: ""; position: absolute; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 6px solid #000; right: 20px; top: 25px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .faq-section .accordion.theme-accordion .card .card-header button[aria-expanded="true"]:before { border-top: 0; border-bottom: 6px solid #000; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .faq-section .accordion.theme-accordion .card .card-header button:hover { text-decoration: none; color: var(--theme-color); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .faq-section .accordion.theme-accordion .card .card-body { padding: 15px 18px; } .faq-section .accordion.theme-accordion .card .card-body p { margin-bottom: 0; font-size: 14px; color: #555; line-height: 1.8; letter-spacing: 0.06em; } .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; border: none; background-color: #f8f8f8; -webkit-box-shadow: 0 0 2px 2px #f1f1f1; box-shadow: 0 0 2px 2px #f1f1f1; line-height: 1; } .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 .authentication-right { height: calc(100% - 48px); } .login-page .authentication-right h6 { text-transform: uppercase; color: #333; font-weight: 600; margin-bottom: 20px; } .login-page .authentication-right p { font-size: 14px; color: #555; line-height: 2; margin-bottom: 1rem; } .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; height: inherit; } .search-block { padding: 0; } .search-block .form-header .input-group input { border-radius: 0 5px 5px 0; 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 .map iframe { width: 100%; height: 100%; border: none; } .contact-page .contact-right { padding-top: 30px; padding-bottom: 30px; } .contact-page .contact-right ul li { position: relative; padding-left: 150px; margin-top: 45px; display: block; } .contact-page .contact-right ul li:first-child { margin-top: 0; } .contact-page .contact-right ul li .contact-icon { position: absolute; left: 0; text-align: center; width: 130px; border-right: 1px solid #ddd; } .contact-page .contact-right ul li .contact-icon i { font-size: 20px; color: var(--theme-color); } .contact-page .contact-right ul li .contact-icon h6 { text-transform: uppercase; padding-top: 5px; font-weight: 600; color: var(--theme-color); } .contact-page .contact-right ul li p { font-weight: 600; margin-bottom: 0; line-height: 30px; } .contact-page .theme-form label { text-transform: capitalize; color: #333; font-size: 14px; font-weight: 600; } .contact-page .theme-form input { border-color: #ddd; font-size: 12px; padding: 17px 25px; margin-bottom: 30px; height: inherit; } .contact-page .theme-form textarea { border-color: #ddd; font-size: 12px; padding: 17px 25px; margin-bottom: 30px; height: inherit; } .contact-page .form-control { border-radius: 0; } .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-weight: 900; 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; } .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; padding-right: 59px; } .cart-section .wishlist-buttons, .wishlist-section .wishlist-buttons { padding-top: 35px; text-align: right; } .cart-section .wishlist-buttons:last-child a, .wishlist-section .wishlist-buttons:last-child a { margin-left: 15px; } .cart-section .cart-table, .wishlist-section .cart-table { overflow: hidden; margin-bottom: 0; } .cart-section .cart-table thead th, .wishlist-section .cart-table thead th { border-bottom-width: 1px; font-weight: 900; color: #222; text-transform: uppercase; font-size: 14px; border-top: 0; text-align: center; padding: 0 0.75rem 0.75rem 0.75rem; } .cart-section tbody h2, .wishlist-section tbody h2 { margin-bottom: 0; } .cart-section tbody tr td, .wishlist-section tbody tr td { min-width: 210px; vertical-align: middle; color: #777; border-top: 0; border-bottom: 1px solid #eee !important; text-align: center; } .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: 400; font-size: 14px; 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 { font-size: 24px; color: #222; font-weight: 400; } .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; } .cart-section tbody tr td .mobile-cart-content .qty-box, .wishlist-section tbody tr td .mobile-cart-content .qty-box { border-radius: 5px; } .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; } .cart-section tbody tr td .mobile-cart-content h2, .wishlist-section tbody tr td .mobile-cart-content h2 { font-size: 20px; } .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: 35px; padding-bottom: 0; text-align: right; border: none; padding-right: 63px; } .cart-section tfoot tr td h2, .wishlist-section tfoot tr td h2 { font-size: 24px; margin-bottom: 0; } .cart-section tfoot tr td:first-child, .wishlist-section tfoot tr td:first-child { width: 85%; font-size: 15px; padding-right: 10px; text-transform: capitalize; font-weight: 700; } .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; border-bottom: 1px solid #ddd; margin-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: 30px; 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; } .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: 0; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; margin-top: -10px; } .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: normal normal normal 14px/1 FontAwesome; opacity: 1; color: #000; 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: 1px; } .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: "\f105"; } .product-slick .slick-prev, .rtl-product-slick .slick-prev, .product-right-slick .slick-prev, .rtl-product-right-slick .slick-prev { left: 1px; 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: "\f104"; } .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; } .product-slick:hover .slick-prev, .product-slick:hover .slick-next, .rtl-product-slick:hover .slick-prev, .rtl-product-slick:hover .slick-next, .product-right-slick:hover .slick-prev, .product-right-slick:hover .slick-next, .rtl-product-right-slick:hover .slick-prev, .rtl-product-right-slick:hover .slick-next { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .product-slick:hover .slick-prev:before, .product-slick:hover .slick-next:before, .rtl-product-slick:hover .slick-prev:before, .rtl-product-slick:hover .slick-next:before, .product-right-slick:hover .slick-prev:before, .product-right-slick:hover .slick-next:before, .rtl-product-right-slick:hover .slick-prev:before, .rtl-product-right-slick:hover .slick-next:before { opacity: 1; } .product-slick:hover .slick-next, .rtl-product-slick:hover .slick-next, .product-right-slick:hover .slick-next, .rtl-product-right-slick:hover .slick-next { right: 20px; } .product-slick:hover .slick-prev, .rtl-product-slick:hover .slick-prev, .product-right-slick:hover .slick-prev, .rtl-product-right-slick:hover .slick-prev { left: 20px; } .slider-right-nav.gap-low .slick-slide > div { margin: 10px 10px 0 10px; } .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: 15px 15px 0 15px; border: 1px solid #ddd; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0.4; } .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.5s ease; transition: all 0.5s ease; opacity: 1; } .slider-nav .slick-slide.slick-active, .rtl-slider-nav .slick-slide.slick-active, .slider-right-nav .slick-slide.slick-active, .rtl-slider-right-nav .slick-slide.slick-active { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 1; } .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 #ddd; } .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,"); 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.5s ease; transition: all 0.5s ease; } .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.5s ease; transition: all 0.5s ease; } .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 #dddada; margin-bottom: 20px; } .rating { margin-top: 0; } .rating i { padding-right: 5px; } .rating i:nth-child(-n + 4) { color: #ffa200; } .rating i:last-child { color: #ddd; } .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 #ddd; margin: 0; padding: 8px 0; } .tab-border .nav-border { border-bottom: 0; border-right: 1px solid #ddd; } .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; } .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; } .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: #212121; text-align: center; padding: 0 15px 20px 15px; text-transform: uppercase; border: 0; font-weight: 600; font-size: 16px; } .tab-product .nav-material.nav-tabs .nav-item .material-border, .product-full-tab .nav-material.nav-tabs .nav-item .material-border { border-bottom: 2px solid var(--theme-color); opacity: 0; } .tab-product .nav-material.nav-tabs .nav-link.active, .product-full-tab .nav-material.nav-tabs .nav-link.active { color: 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 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-top: 20px; } .tab-product .tab-content.nav-material p, .product-full-tab .tab-content.nav-material p { margin-bottom: 0; line-height: 1.8; letter-spacing: 0.05em; font-size: 16px; } .tab-product .product-tab-discription .part, .product-full-tab .product-tab-discription .part { margin-bottom: 20px; } .tab-product .product-tab-discription .part .inner-title, .product-full-tab .product-tab-discription .part .inner-title { font-weight: 600; text-transform: capitalize; } .tab-product .product-tab-discription .part:last-child, .product-full-tab .product-tab-discription .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); } .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); } .product_image_4 > div:nth-last-child(-n + 2) { margin-top: 25px; } .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: 2; 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: -100px; width: 100vw; z-index: 9; background-color: white; padding: 12px 0; -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.16); box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.16); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .sticky-bottom-cart .cart-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .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: 60px; height: 70px; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } .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: 600; } .sticky-bottom-cart .product-image .content h6 { font-size: 15px; 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; margin: 0 auto; } .sticky-bottom-cart .selection-section .form-control { background-color: #f8f8f8; border: 1px solid #f8f8f8; text-transform: uppercase; } .sticky-bottom-cart .selection-section .form-control:focus { -webkit-box-shadow: none; box-shadow: none; } .sticky-bottom-cart .selection-section .form-group { width: 250px; } .sticky-bottom-cart .selection-section .form-group:nth-child(2) { margin-left: 40px; } .stickyCart { padding-bottom: 94px; } .stickyCart .sticky-bottom-cart { bottom: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .stickyCart .recently-purchase.show { bottom: 110px; } .stickyCart .tap-top { bottom: 110px; } .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); } } .show-360 #product360_view { opacity: 1; visibility: visible; pointer-events: all; } .image-360 { cursor: pointer; position: absolute; top: 10px; right: 20px; z-index: 1; } .product-image-360 { position: relative; overflow: hidden; margin: 0 auto; cursor: pointer; } .product-image-360 .nav_bar { position: absolute; bottom: 40px; left: 50%; margin-left: -67.5px; z-index: 11; background-color: #fff; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); } .product-image-360 .nav_bar a { display: inline-block; width: 45px; height: 45px; line-height: 48px; text-align: center; text-decoration: none; color: #aaa; } .product-image-360 .product-images-item { display: none; list-style: none; margin: 0; padding: 0; } .product-image-360 .product-images-item img.previous-image { visibility: hidden; } .product-image-360 .product-images-item img.current-image { visibility: visible; } .product-image-360 .product-images-item img { position: absolute; top: 50%; vertical-align: middle; height: auto; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; } .product-image-360 .spinner { background: #fff; position: relative; z-index: 999; width: 800px; height: 90px; margin-top: 0 !important; display: inline-block; } .product-image-360 .spinner span { width: 60px; height: 60px; line-height: 60px; text-align: center; display: block; margin: 0 auto; color: #000; font-weight: bolder; background: rgba(255, 255, 255, 0.7); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); border-radius: 50%; margin-top: 20px; } .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; } .checkout-page .checkout-title h3 { color: #444; font-weight: 700; } .checkout-page .checkout-form .checkout-details { position: relative; background-color: #f9f9f9; border: none; padding: 40px; } .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 { cursor: pointer; -webkit-appearance: none; -ms-appearance: none; -o-appearance: none; -moz-appearance: none; background: url(../images/dropdown.png) no-repeat 95%; } .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"] { width: 100%; padding: 0 22px; height: 45px; border: 1px solid #ddd; } .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; } .order-box { position: relative; margin-bottom: 50px; } .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 span { position: relative; width: 35%; float: right; line-height: 1.2em; } .order-box .qty { position: relative; border-bottom: 1px solid #ededed; margin-bottom: 30px; } .order-box .qty li { position: relative; display: block; font-size: 15px; color: #444; line-height: 20px; margin-bottom: 20px; } .order-box .qty li span { float: right; font-size: 18px; line-height: 20px; color: #232323; font-weight: 400; width: 35%; } .order-box .sub-total { position: relative; border-bottom: 1px solid #ddd; margin-bottom: 30px; } .order-box .sub-total li { position: relative; display: inline-block; font-size: 16px; font-weight: 600; color: #333; line-height: 20px; margin-bottom: 20px; width: 100%; } .order-box .sub-total li .count { position: relative; font-size: 18px; line-height: 20px; color: var(--theme-color); font-weight: 400; width: 35%; float: right; } .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-bottom: 40px; } .order-box .total li { position: relative; display: block; font-weight: 400; color: #333; line-height: 20px; margin-bottom: 10px; font-size: 18px; } .order-box .total li .count { position: relative; font-size: 18px; line-height: 20px; color: var(--theme-color); font-weight: 400; } .order-box .total li span { float: right; font-size: 15px; line-height: 20px; color: #444; font-weight: 400; width: 35%; display: block; } .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.5s ease; transition: all 0.5s ease; 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.5s ease; transition: all 0.5s ease; } .dashboard-left .block-content ul li:hover a { color: var(--theme-color); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .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 { min-height: 60vh; } .user-dashboard-section .faq-content .tab-pane .card-body { padding: calc(15px + (22 - 15) * ((100vw - 320px) / (1920 - 320))); } .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.5s ease; transition: all 0.5s ease; } .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; } .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.5s ease; transition: all 0.5s ease; } .user-dashboard-section.dashboard-section .dashboard-table .table thead th { font-size: 16px; } .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: white; } .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; text-transform: capitalize; } .success-text.order-fail i { color: var(--theme-color); } .order-success-sec { background-color: #f9f9f9; padding: 25px; } .order-success-sec h4 { font-weight: 700; text-transform: capitalize; font-size: 16px; } .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; text-transform: capitalize; margin-top: 5px; display: block; font-weight: 600; } .product-order { margin-top: -15px; } .product-order h3 { font-weight: 700; text-transform: uppercase; color: #000; } .product-order .product-order-detail { margin-top: 15px; } .product-order .product-order-detail img { height: 100px; } .product-order .product-order-detail .order_detail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-order .product-order-detail .order_detail h4 { margin-bottom: 5px; text-transform: capitalize; font-weight: 400; color: #777; font-size: 14px; } .product-order .product-order-detail .order_detail h5 { text-transform: capitalize; margin-bottom: 0; font-weight: 600; font-size: 16px; } .product-order .total-sec { border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; margin: 15px 0; padding: 15px 0; } .product-order .total-sec ul li { font-size: 16px; display: block; text-transform: capitalize; margin-bottom: 8px; color: #777; } .product-order .total-sec ul li span { float: right; color: #000; } .product-order .final-total h3 { display: block; margin-bottom: 0; font-size: 18px; } .product-order .final-total h3 span { float: right; } .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-secton { padding: 25px 15px 15px; text-align: center; } .compare-section .compare-part .img-secton img, .compare-section .compare-part .img-secton .bg-size { width: 50%; margin: 0 auto; } .compare-section .compare-part .img-secton a h5 { margin-bottom: 5px; text-transform: capitalize; margin-top: 10px; font-weight: 600; color: black; } .compare-section .compare-part .img-secton 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-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: #ddd; } .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 { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .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 white; -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 { margin-top: -70px; } .vendor-profile .profile-left { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px; background-color: white; -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.07); box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.07); } .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%; } .vendor-profile .profile-left .profile-image h3 { font-weight: 700; margin-bottom: 5px; color: black; } .vendor-profile .profile-left .profile-image h6 { margin-bottom: 0; margin-top: 0; letter-spacing: 0.05em; text-transform: capitalize; } .vendor-profile .profile-left .profile-detail { border-left: 1px solid #efefef; 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: 14px; line-height: 1.5; } .vendor-profile .profile-left .profile-detail p + p { margin-top: 10px; } .vendor-profile .profile-left .vendor-contact { border-left: 1px solid #efefef; 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: #000; font-weight: 700; margin-bottom: 8px; } .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: 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: #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; width: 100%; height: 100%; } .become-vendor .step-bg .step-box .steps { position: relative; width: 80px; height: 80px; background: #f7f7f7; margin: 0 auto 25px auto; color: var(--theme-color); 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))); } .become-vendor .step-bg .step-box p { line-height: 1.5; margin-bottom: 0; } .start-selling h4 { margin-bottom: 10px; text-transform: capitalize; font-weight: 600; line-height: 1.3; } .start-selling p { line-height: 2; letter-spacing: 0.03em; } .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 { text-align: center; margin-top: 15px; } .dashboard-section .dashboard-sidebar .profile-top .profile-detail h5 { text-transform: capitalize; font-weight: 700; margin-bottom: 5px; } .dashboard-section .dashboard-sidebar .profile-top .profile-detail h6 { color: #777; 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 .dashboard-detail ul li { display: block; margin-bottom: 10px; } .dashboard-section .dashboard-box .dashboard-detail ul li .details { display: -webkit-box; display: -ms-flexbox; display: flex; } .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: 4px 1rem 0 0; cursor: pointer; } .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); -webkit-transform: scale(0, 0); transform: scale(0, 0); content: ""; position: absolute; top: 0; left: 0.125rem; 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: -0.25rem; left: -0.125rem; width: 1.25rem; height: 1.25rem; background: #fff; border: 2px solid #e8ebf2; border-radius: 50%; } .dashboard-section .radio_animated:checked:before { -webkit-transform: scale(1, 1); transform: scale(1, 1); } .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.5s ease; transition: all 0.5s ease; 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.5s ease; transition: all 0.5s ease; } .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.5s ease; transition: all 0.5s ease; } .tracking-page h3 { margin-bottom: 20px; text-transform: uppercase; color: #222; font-weight: 700; margin-top: -5px; font-size: calc(16px + (24 - 16) * ((100vw - 320px) / (1920 - 320))); } .tracking-page .border-part { border-bottom: 1px dashed #ddd; padding-bottom: 25px; padding-top: 25px; border-top: 1px dashed #ddd; } .tracking-page .tracking-detail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .tracking-page .tracking-detail ul li { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; margin-bottom: 5px; } .tracking-page .tracking-detail ul li .left { min-width: 220px; text-transform: capitalize; font-weight: 600; } .tracking-page .tracking-detail ul li .right { color: #777; } .tracking-page .order-map { height: 100%; } .tracking-page .order-map iframe { height: 100%; width: 100%; border: 5px solid #fff; -webkit-box-shadow: 0px 5px 23px rgba(0, 0, 0, 0.09); box-shadow: 0px 5px 23px rgba(0, 0, 0, 0.09); border-radius: 8px; } .tracking-page .wrapper { margin: 30px 0; margin-left: -5px; } .tracking-page .wrapper .arrow-steps .step { font-size: 14px; text-align: center; color: #000; cursor: default; margin: 0 5px; padding: 12px 10px 12px 30px; min-width: 180px; float: left; position: relative; background-color: #f8f8f8; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: background-color 0.2s ease; transition: background-color 0.2s ease; } .tracking-page .wrapper .arrow-steps .step span { position: relative; font-size: 16px; font-weight: 500; text-transform: capitalize; } .tracking-page .wrapper .arrow-steps .step span:before { opacity: 0; content: "✔"; position: absolute; top: -2px; left: -20px; } .tracking-page .wrapper .arrow-steps .step:before, .tracking-page .wrapper .arrow-steps .step:after { content: " "; position: absolute; top: 0; right: -17px; width: 0; height: 0; border-top: 25px solid transparent; border-bottom: 22px solid transparent; border-left: 17px solid #f8f8f8; z-index: 2; -webkit-transition: border-color 0.2s ease; transition: border-color 0.2s ease; } .tracking-page .wrapper .arrow-steps .step:before { right: auto; left: 0; border-left: 17px solid #fff; z-index: 0; } .tracking-page .wrapper .arrow-steps .step:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .tracking-page .wrapper .arrow-steps .step:first-child:before { border: none; } .tracking-page .wrapper .arrow-steps .step.done span:before { opacity: 1; -webkit-transition: opacity 0.3s ease 0.5s; transition: opacity 0.3s ease 0.5s; } .tracking-page .wrapper .arrow-steps .step.current { color: #fff; background-color: var(--theme-color); } .tracking-page .wrapper .arrow-steps .step.current:after { border-left: 17px solid var(--theme-color); } .tracking-page .table th { padding-top: 0; } .tracking-page .table-striped tbody tr:nth-of-type(odd) { background-color: #f8f8f8; } .tracking-page .table th, .tracking-page .table td { font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); text-transform: capitalize; } .invoice-wrapper { background-color: white; -webkit-box-shadow: #e6e6e6 0px 0px 14px 3px; box-shadow: #e6e6e6 0px 0px 14px 3px; } .invoice-wrapper h2 { font-size: 30px; } .invoice-wrapper h4 { color: #646464; } .invoice-wrapper .invoice-detail h5 { text-transform: uppercase; margin-bottom: 0; font-weight: 600; } .invoice-wrapper .invoice-detail h6 { margin-bottom: 0; font-size: 16px; color: #6d6d6d; } .invoice-wrapper .invoice-body { padding: calc(15px + (45 - 15) * ((100vw - 320px) / (1920 - 320))); } .invoice-wrapper .invoice-body .table th, .invoice-wrapper .invoice-body .table td { border-top: none; } .invoice-wrapper .invoice-body .table { font-size: 16px; } .invoice-wrapper .invoice-body .table thead th { text-transform: uppercase; font-weight: 400; padding-bottom: 16px; color: black; border-color: var(--theme-color) !important; } .invoice-wrapper .invoice-body .table td { color: #646464; } .invoice-wrapper .invoice-body .table tbody td, .invoice-wrapper .invoice-body .table tbody th { padding-top: 10px; padding-bottom: 10px; text-transform: capitalize; } .invoice-wrapper .invoice-body .table tbody th { font-weight: normal; color: #646464; } .invoice-wrapper .invoice-body .table tbody tr:first-child td, .invoice-wrapper .invoice-body .table tbody tr:first-child th { padding-top: 22px; } .invoice-wrapper .invoice-body .table tbody tr:last-child td, .invoice-wrapper .invoice-body .table tbody tr:last-child th { padding-bottom: 22px; } .invoice-wrapper .invoice-body .table tfoot { border-top: 1px solid #ddd; } .invoice-wrapper .invoice-body .table tfoot td { padding-top: 15px; } .invoice-wrapper .invoice-footer { padding: calc(15px + (45 - 15) * ((100vw - 320px) / (1920 - 320))); } .invoice-wrapper .font-bold { font-weight: bold; } .invoice-wrapper .authorise-sign { position: absolute; bottom: calc(13px + (40 - 13) * ((100vw - 320px) / (1920 - 320))); text-align: center; } .invoice-wrapper .authorise-sign h6 { margin-bottom: 0; font-size: 18px; color: black; font-weight: bold; padding-top: 20px; margin-top: 20px; border-top: 1px solid #ddd; line-height: 1; } .theme-invoice-1 .invoice-header { padding: calc(15px + (45 - 15) * ((100vw - 320px) / (1920 - 320))); background-color: #f8f8f8; } .theme-invoice-1 .invoice-header h4 { font-size: 16px; color: #646464; margin-bottom: 5px; } .theme-invoice-1 .invoice-header .upper-icon { position: absolute; width: calc(50px + (70 - 50) * ((100vw - 320px) / (1920 - 320))); height: calc(50px + (70 - 50) * ((100vw - 320px) / (1920 - 320))); top: 0; right: calc(30px + (60 - 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; background-color: var(--theme-color); } .theme-invoice-1 .invoice-header .upper-icon img { width: calc(22px + (30 - 22) * ((100vw - 320px) / (1920 - 320))); } .theme-invoice-1 .invoice-header .header-content { margin-top: 50px; } .theme-invoice-1 .invoice-header .header-content h2 { font-size: 30px; } .theme-invoice-1 .invoice-header .detail-bottom { padding-top: 24px; margin-top: 24px; border-top: 1px solid #dddddd; } .theme-invoice-1 .invoice-header .detail-bottom ul { 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; } .theme-invoice-1 .invoice-header .detail-bottom ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; } .theme-invoice-1 .invoice-header .detail-bottom ul li span { color: var(--theme-color); text-transform: capitalize; } .theme-invoice-1 .invoice-header .detail-bottom ul li h4 { margin-bottom: 0; margin-left: 4px; } .theme-invoice-2 h4 { font-size: 16px; color: #646464; } .theme-invoice-2 .invoice-header { padding: calc(15px + (45 - 15) * ((100vw - 320px) / (1920 - 320))) calc(15px + (45 - 15) * ((100vw - 320px) / (1920 - 320))) 0; } .theme-invoice-2 .invoice-header .top-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .theme-invoice-2 .invoice-wrapper .invoice-body .table thead th { padding-bottom: 24px; border-color: #ddd !important; } .theme-invoice-2 .invoice-body .date-detail { 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-bottom: 30px; border-bottom: 2px solid var(--theme-color); margin-bottom: 20px; } .theme-invoice-2 .invoice-body .date-detail li span { font-size: 18px; text-transform: capitalize; margin-bottom: 2px; display: block; } .theme-invoice-2 .invoice-body .date-detail li.total-amount span { font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1920 - 320))); font-weight: 700; } .theme-invoice-2 .background-img { border-radius: calc(5px + (20 - 5) * ((100vw - 320px) / (1920 - 320))); margin-top: calc(14px + (30 - 14) * ((100vw - 320px) / (1920 - 320))); } .theme-invoice-3 .invoice-header { padding: calc(15px + (55 - 15) * ((100vw - 320px) / (1920 - 320))); background-color: #f8f8f8; border-bottom: 1px solid #e6e6e6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .theme-invoice-3 .invoice-header ul { 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%; -ms-flex-wrap: wrap; flex-wrap: wrap; } .theme-invoice-3 .invoice-header ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .theme-invoice-3 .invoice-header ul li i { border-radius: 8px; background-color: var(--theme-color); width: 34px; height: 34px; 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: white; font-size: 16px; } .theme-invoice-3 .invoice-header ul li h4 { margin-bottom: 0; margin-left: 10px; } .theme-invoice-3 .date-detail li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .theme-invoice-3 .date-detail li span { font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320))); text-transform: capitalize; color: var(--theme-color); margin-right: 8px; } .theme-invoice-3 .date-detail li h4 { margin-bottom: 0; } .theme-invoice-3 .invoice-wrapper .invoice-footer { padding: calc(15px + (55 - 15) * ((100vw - 320px) / (1920 - 320))); } .theme-invoice-3 .invoice-wrapper .invoice-body { padding: calc(15px + (55 - 15) * ((100vw - 320px) / (1920 - 320))); } .theme-invoice-3 .invoice-wrapper .invoice-body .top-sec { padding-bottom: calc(15px + (55 - 15) * ((100vw - 320px) / (1920 - 320))); } .theme-invoice-3 .invoice-wrapper .invoice-body .table thead { background-image: url("../images/invoice/bg2.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; } .theme-invoice-3 .invoice-wrapper .invoice-body .table thead th { padding-top: 20px; padding-bottom: 20px; color: white; border-bottom: 0 !important; } .theme-invoice-3 .invoice-wrapper .invoice-body .table tfoot { border-top: 0; background-color: #f7f7f7; } .theme-invoice-3 .invoice-wrapper .invoice-body .table tfoot td { padding-top: 20px; padding-bottom: 20px; } .theme-invoice-4 .invoice-header { padding: calc(15px + (65 - 15) * ((100vw - 320px) / (1920 - 320))); background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; z-index: 1; overflow: hidden; } .theme-invoice-4 .invoice-header .background-invoice { position: absolute; top: 0; left: 0; width: 100%; z-index: -1; } .theme-invoice-4 .table-striped > tbody > tr:nth-of-type(even) { --bs-table-accent-bg: var(--bs-table-striped-bg); color: var(--bs-table-striped-color); } .theme-invoice-4 .table-striped > tbody > tr:nth-of-type(odd) { --bs-table-accent-bg: white; color: #646464; } .theme-invoice-4 .invoice-wrapper .invoice-body { padding: 0; z-index: 1; position: relative; } .theme-invoice-4 .invoice-wrapper .invoice-body .table thead { background-color: black; } .theme-invoice-4 .invoice-wrapper .invoice-body .table thead th { border-bottom: 0 !important; padding: 18px; color: white; } .theme-invoice-4 .invoice-wrapper .invoice-body .table tbody th, .theme-invoice-4 .invoice-wrapper .invoice-body .table tbody td { padding: 18px 18px !important; font-size: 18px; } .theme-invoice-4 .invoice-wrapper .invoice-body .table tfoot { border-top: 0; } .theme-invoice-4 .invoice-wrapper .invoice-footer { padding: calc(15px + (45 - 15) * ((100vw - 320px) / (1920 - 320))) calc(15px + (65 - 15) * ((100vw - 320px) / (1920 - 320))); background-color: #f8f8f8; position: relative; } .theme-invoice-4 .invoice-wrapper .invoice-footer .design-shape { position: absolute; top: -34px; } .theme-invoice-4 .invoice-wrapper .invoice-footer ul { 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; } .theme-invoice-4 .invoice-wrapper .invoice-footer ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .theme-invoice-4 .invoice-wrapper .invoice-footer ul li i { margin-right: 30px; color: var(--theme-color); font-size: 20px; } .theme-invoice-4 .top-sec { padding: 0 calc(15px + (65 - 15) * ((100vw - 320px) / (1920 - 320))) calc(15px + (45 - 15) * ((100vw - 320px) / (1920 - 320))); } .theme-invoice-4 .title-sec { padding: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320))) calc(15px + (65 - 15) * ((100vw - 320px) / (1920 - 320))); background-color: #f8f8f8; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; position: relative; } .theme-invoice-4 .title-sec .title { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .theme-invoice-4 .table-sec { padding: calc(15px + (40 - 15) * ((100vw - 320px) / (1920 - 320))) calc(15px + (65 - 15) * ((100vw - 320px) / (1920 - 320))); } .theme-invoice-4 .table-sec .table-footer { background-color: var(--theme-color); display: inline-block; padding: calc(10px + (15 - 10) * ((100vw - 320px) / (1920 - 320))) calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320))); font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320))); color: white; margin-top: 30px; } .theme-invoice-4 .date-detail li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .theme-invoice-4 .date-detail li span { font-size: 18px; text-transform: capitalize; color: var(--theme-color); margin-right: 8px; } .theme-invoice-4 .date-detail li h4 { margin-bottom: 0; } .theme-invoice-5 .date-detail li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .theme-invoice-5 .date-detail li span { font-size: 18px; text-transform: capitalize; margin-right: 8px; } .theme-invoice-5 .date-detail li h4 { margin-bottom: 0; } .theme-invoice-5 .invoice-header { padding: calc(15px + (65 - 15) * ((100vw - 320px) / (1920 - 320))) calc(15px + (65 - 15) * ((100vw - 320px) / (1920 - 320))) calc(30px + (110 - 30) * ((100vw - 320px) / (1920 - 320))); position: relative; overflow: hidden; color: white; } .theme-invoice-5 .invoice-header h4, .theme-invoice-5 .invoice-header h2 { color: white; line-height: 21px; } .theme-invoice-5 .invoice-header .background-img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .theme-invoice-5 .invoice-footer { padding: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320))) calc(15px + (65 - 15) * ((100vw - 320px) / (1920 - 320))) calc(15px + (65 - 15) * ((100vw - 320px) / (1920 - 320))); } .theme-invoice-5 .invoice-wrapper .invoice-body { padding: calc(15px + (65 - 15) * ((100vw - 320px) / (1920 - 320))); } .theme-invoice-5 .invoice-wrapper .invoice-body .table { margin-top: calc(20px + (50 - 20) * ((100vw - 320px) / (1920 - 320))); } .theme-invoice-5 .invoice-wrapper .invoice-body .table thead th { border-bottom: 2px solid var(--theme-color) !important; } .theme-invoice-5 .invoice-wrapper .invoice-body .table tfoot { border-top: 0; background-color: #f7f7f7; } .theme-invoice-5 .invoice-wrapper .invoice-body .table tfoot td { padding-top: 15px; padding-bottom: 15px; } .theme-invoice-5 .invoice-wrapper .authorise-sign { bottom: calc(15px + (65 - 15) * ((100vw - 320px) / (1920 - 320))); } .theme-invoice-5 .header-panel { padding: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320))); margin-top: calc(-75px + (-130 - -75) * ((100vw - 991px) / (1920 - 991))); position: relative; background-color: white; border-radius: 12px; -webkit-box-shadow: 0px 7px 8px 1px #f4f4f4; box-shadow: 0px 7px 8px 1px #f4f4f4; } .theme-invoice-5 .header-panel ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .theme-invoice-5 .header-panel ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .theme-invoice-5 .header-panel ul li img { width: 150px; } .theme-invoice-5 .header-panel ul li i { margin-right: 30px; color: var(--theme-color); font-size: 20px; } body.dark { background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; color: #cfd4da; } .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 .modal .btn-close span { color: #fff; } .dark .header-style-7 .main-menu .menu-left .navbar .bar-style img { -webkit-filter: invert(1); filter: invert(1); } .dark .form-select { background-color: #2b2b2b; border-color: #404040; } .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 .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 .border-top-grey { border-color: #404040; } .dark .bg-light { background-color: #232323 !important; } .dark .blog-section .blog-details p { color: #cfd4da; } .dark .blog-section .review-box { background-color: #2b2b2b; } .dark .blog-section .review-box .review-content h6 { color: #cfd4da; } .dark .blog-section .review-box .slick-prev:after { background-color: #404040; } .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-style-1.product-box { border-color: #404040; } .dark .addtocart_count .product-box.product-style-1 .add-button { background-color: #232323; color: #cbcbcb; } .dark .addtocart_count .product-box .add-button { background-color: #232323; color: #fff; } .dark .addtocart_count .addtocart_btn .cart_qty.qty-box .input-group button { background: #232323 !important; } .dark .addtocart_count .addtocart_btn .cart_qty.qty-box .input-group button i { color: #fff; } .dark .btn-solid { color: #fff !important; } .dark .btn-solid:hover { color: #222 !important; } .dark select { color: #cfd4da; } .dark option { background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .dark header { background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .dark header.header-5 .pixelstrap a, .dark header.header-5 .pixelstrap:hover, .dark header.header-5 .pixelstrap:active { color: #cfd4da; } .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-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-tools { background-color: transparent; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .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 .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.green-gradient { background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .dark header.green-gradient .top-header { background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: #232323; background-image: none; } .dark header.header-gym .pixelstrap > li > a { color: white !important; } .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 { 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-compact .main-menu .menu-right .icon-nav li.mobile-cart > div img { -webkit-filter: invert(1); filter: invert(1); } .dark .header-options span { color: #dee2e6; } .dark .header-style-1 .navbar .nav-link { color: #cbcbcb; } .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.style-light .bottom-part .category-menu .toggle-sidebar { background-color: #2b2b2b; color: #cfd4da; border-color: #38352f; } .dark .header-style-5.style-light .bottom-part .category-menu .toggle-sidebar h5 { color: #cfd4da; } .dark .header-style-5.color-style { background-color: #2b2b2b; } .dark .header-style-5.color-style .top-header.top-header-theme { background-color: #2b2b2b; border-color: #404040; } .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-7 { border-color: #404040; } .dark .product-style-5.product-box h4 { color: #222; } .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: #222222; } .dark .bg-theme { background-color: #232323; } .dark.section-white section { background-color: #2b2b2b; } .dark .marketplace-sidebar.sidenav.fixed-sidebar .sm-vertical { background-color: #2b2b2b; border-color: #404040; } .dark .marketplace-sidebar.sidenav .sm-vertical { background-color: #232323; } .dark .svg-icon-menu.wo-bg .pixelstrap > li > a svg { fill: white; } .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 .product-style-4.product-box, .dark .product-style-4.product-wrap { border-color: #404040; } .dark .deal-product-space { background-color: #232323; } .dark .deal-product-space .product-style-4.product-box, .dark .deal-product-space .product-style-4 .product-wrap { background-color: #2b2b2b; } .dark .popular-search-section { border-color: #404040; } .dark .popular-search-section ul li:after { background-color: #404040; } .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 footer.footer-expand p { color: #777; } .dark .sub-footer { background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .dark .border-section { border-color: #404040; } .dark .pixelstrap a, .dark .pixelstrap:hover, .dark .pixelstrap:active { color: #f1f3f5; } .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 .pixelstrap ul { background: #232323; -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 .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-item.active { color: #e7eaec; } .dark .breadcrumb-section .breadcrumb a { color: #f7f7f7; } .dark .main-menu .menu-left .navbar i { color: #f7f7f7; } .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 .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 .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: #cbcbcb; } .dark .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .buttons a:hover { color: var(--theme-color); } .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-social i, .dark .social-white i { color: #cfd4da; } .dark .footer-light .subscribe { border-color: #404040; } .dark .footer-theme2 .contact-details li { color: #cfd4da; } .dark .footer-theme2 .contact-details li a { color: #e7eaec; } .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; } .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 .slick-track .slick-slide:nth-child(even) .media { border-color: #404040; } .dark .testimonial .testimonial-slider .media img { border-color: #404040; } .dark .team h2 { border-color: #404040; } .dark .service-block + .service-block { border-color: #404040; } .dark .pixelstrap.light-font-menu li > a { color: #f1f3f5; } .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 .offer-slider .media .media-body h4 { color: #e7eaec; } .dark .theme-card .slick-prev:before, .dark .theme-card .slick-next:before { color: #fff; } .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 .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 .theme-card { background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border-color: #404040; } .dark .blog-page .blog-sidebar h4 { color: #e7eaec; } .dark .blog-page .blog-sidebar h6 { color: #cfd4da; } .dark .blog-page .blog-sidebar p { color: #cfd4da; } .dark .blog-detail-page .blog-detail h3 { color: #eaedef; } .dark .blog-detail-page .blog-detail p { color: #cfd4da; } .dark .blog-detail-page .post-social { color: #cfd4da; border-color: #404040; } .dark .blog-detail-page .post-social li + li { border-color: #404040; } .dark .blog-detail-page .comment-section { border-color: #404040; } .dark .blog-detail-page .comment-section li { border-color: #404040; } .dark .blog-detail-page .comment-section li h6 { color: #cfd4da; } .dark .blog-detail-page .comment-section li h6 span { color: #929292; } .dark .blog-detail-page .blog-contact .theme-form label { color: #cfd4da; } .dark .blog-detail-page .blog-contact .theme-form input, .dark .blog-detail-page .blog-contact .theme-form textarea { background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border-color: #404040; } .dark .form_search { background-color: #232323; -webkit-box-shadow: none; box-shadow: none; } .dark .img-category .img-sec { border-color: #404040; } .dark .dark-overlay { background-blend-mode: overlay; background-color: #232323; } .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 .slick-next, .dark .vector-category .category-slide .slick-prev { background-color: #2b2b2b; -webkit-box-shadow: 0 0 8px #0a0a0a; box-shadow: 0 0 8px #0a0a0a; } .dark .vector-category .category-slide .slick-next:before, .dark .vector-category .category-slide .slick-prev:before { color: #fff; } .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_counter { background: #232323; -webkit-box-shadow: none; box-shadow: none; color: #cbcbcb; } .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 .irs-from, .dark .irs-to, .dark .irs-single { color: #cbcbcb; } .dark .irs-line { background: #2b2b2b; } .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 .collection-product-wrapper .product-top-filter { 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; } .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 .popup-filter .sidebar-popup a { color: #cbcbcb; } .dark .collection-product-wrapper .product-top-filter .popup-filter .open-popup { border-color: #404040; -webkit-box-shadow: none; box-shadow: none; } .dark .product-pagination { border-color: #404040; } .dark .product-pagination .pagination .page-item.active a { background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border-color: #404040; } .dark .product-pagination .product-search-count-bottom { border-color: #404040; } .dark .product-pagination .product-search-count-bottom h5 { color: #dee2e6; } .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 .portfolio-section.metro-section .product-box .cart-wrap button { border-color: #404040; background-color: rgba(43, 43, 43, 0.8); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .dark .portfolio-section.metro-section .product-box .cart-wrap button i { color: #cbcbcb; } .dark .portfolio-section.metro-section .product-box .cart-wrap a i { border-color: #404040; background-color: rgba(43, 43, 43, 0.8); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; color: #cbcbcb; } .dark .collection-filter-block { border-color: #404040; background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .dark .collection-collapse-block .collapse-block-title { color: #eaedef; } .dark .collection-collapse-block .collapse-block-title:after { color: #eaedef; } .dark .collection-collapse-block .collection-collapse-block-content .collection-brand-filter .collection-filter-checkbox label { color: #929292; } .dark .load-more-sec a { border-color: #404040; } .dark .checkout-page .checkout-title h3 { color: #eaedef; } .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 .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 span { color: #dee2e6; } .dark .order-box .sub-total { border-color: #404040; } .dark .order-box .sub-total li { color: #cfd4da; } .dark .order-box .sub-total .shopping-option label { color: #929292; } .dark .order-box .total li { color: #cfd4da; } .dark .payment-box .payment-options li .radio-option label { color: #929292; } .dark .collection .collection-block .collection-content h4 { color: #e7eaec; } .dark .collection .collection-block .collection-content h3 { color: #eaedef; } .dark .top-panel-adv .delivery-area h5 { color: #222222; } .dark .top-panel-adv .panel-left-content h4 { color: #222222; } .dark .table th, .dark .table td { border-color: #404040; } .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; } .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; background: #232323; } .dark .compare-page .table-wrapper .table tbody tr td { border-color: #404040; } .dark .compare-page .table-wrapper .table tbody tr p { color: #cfd4da; } .dark .compare-section .compare-part .detail-part .title-detail { background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border-color: #404040; } .dark .compare-section .compare-part .btn-part { border-color: #404040; } .dark .compare-section .compare-part .close-btn { color: #e7eaec; } .dark .compare-section .slick-slide > div { border-color: #404040; } .dark .compare-section .slick-slide:first-child { border-color: #404040; } .dark .contact-page .theme-form label { color: #cfd4da; } .dark .contact-page .theme-form input { border-color: #404040; } .dark .contact-page .theme-form textarea { border-color: #404040; } .dark .contact-page .contact-right ul li .contact-icon { 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 .dashboard-left .block-content { border-color: #404040; } .dark .dashboard-left .block-content ul li a { color: #cbcbcb; } .dark .dashboard-right .dashboard { border-color: #404040; } .dark .white-bg { background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .dark .border-bottom-grey { border-color: #404040; } .dark .layout-8 .layout-8-bg { background-blend-mode: overlay; background-color: #232323; -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 .faq-section .accordion.theme-accordion .card { border-color: #404040; } .dark .faq-section .accordion.theme-accordion .card .card-header { background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .dark .faq-section .accordion.theme-accordion .card .card-header button { color: #dee2e6; } .dark .faq-section .accordion.theme-accordion .card .card-header button[aria-expanded="true"]:before { border-bottom-color: #404040; } .dark .faq-section .accordion.theme-accordion .card .card-header button:before { border-top-color: #404040; } .dark .faq-section .accordion.theme-accordion .card .card-body p { color: #cfd4da; } .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 .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 .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 .pwd-page .theme-form input { border-color: #404040; } .dark .full-scroll-menu { background-color: transparent; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .dark .full-scroll-footer .sub-footer { background-color: transparent; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .dark .portfolio-section .filter-button { background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; color: #cfd4da; } .dark .portfolio-section .filter-button.active { background-color: var(--theme-color); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; color: #fff; } .dark .portfolio-section .isotopeSelector:hover .overlay-background { border-color: #ddd; } .dark .portfolio-section .isotopeSelector:hover .overlay-background i { background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .dark .portfolio-section .isotopeSelector .overlay { border-color: #404040; } .dark .category-m.w-bg .category-wrapper { background-color: #2b2b2b; } .dark .banner-timer { background-blend-mode: overlay; background-color: rgba(0, 0, 0, 0.77); } .dark .bg-img-gym .dark-layout { background-color: transparent; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .dark .bg-img-gym .sub-footer.darker-subfooter { background-color: #000; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .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 .j-box .product-box { border-color: #404040; } .dark .j-box .product-box .product-detail { background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .dark .j-box .product-box .cart-info { background-color: rgba(35, 35, 35, 0.84); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border-color: #404040; } .dark .j-box .product-box .cart-info i { color: #cfd4da; } .dark .j-box .product-box .cart-info a { border-color: #404040; } .dark .white-layout { background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .dark .footer-theme2.footer-border { border-color: #404040; } .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 .jewel-footer .sub-footer.black-subfooter { background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .dark .jewel-footer .sub-footer p { color: #cfd4da; } .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 .login-page .theme-card { border-color: #404040; background-color: #232323; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1); } .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 .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 .blog-left .blog-details h4 { color: #e7eaec; } .dark .blog-left .blog-details h6 { color: #cfd4da; } .dark footer.footer-black .below-section { background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .dark footer.footer-black .sub-footer { background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .dark footer.footer-black .upside .small-section { background-color: #383838; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .dark footer.footer-black .subscribe h4 { color: #e7eaec; } .dark footer.footer-black .subscribe p { color: #cfd4da; } .dark footer.footer-black.footer-light .subscribe { border-color: #929292; } .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.footer-classic .sub-footer { background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .dark footer.footer-5 { background-image: unset; } .dark footer.footer-5 .footer-theme2 .subscribe-block { border-color: #404040; } .dark footer.footer-5 .sub-footer > .container { border-color: #404040; } .dark footer.footer-theme-color .darken-layout { background-color: #232323; } .dark footer.footer-theme-color .darken-layout .footer-social i { background-color: #2b2b2b; border-color: #404040; } .dark footer.footer-theme-color .sub-footer.dark-subfooter { background-color: #2b2b2b; } .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 .order-success-sec { background-color: #232323; } .dark .tracking-page .border-part { border-color: #404040; } .dark .tracking-page .wrapper .arrow-steps .step { background-color: #232323; color: #cbcbcb; } .dark .tracking-page .wrapper .arrow-steps .step:after { border-left-color: #232323; } .dark .tracking-page .wrapper .arrow-steps .step:before { border-left-color: #2b2b2b; } .dark .tracking-page .wrapper .arrow-steps .step.current { color: #fff; background-color: var(--theme-color); } .dark .tracking-page .wrapper .arrow-steps .step.current:after { border-left-color: var(--theme-color); } .dark .tracking-page .table-striped tbody tr:nth-of-type(odd) { background-color: #232323; color: #cbcbcb; } .dark .tracking-page .table { color: #cbcbcb; } .dark .tracking-page .order-map iframe { border-color: #232323; } .dark .product-order .total-sec ul li span { color: #dee2e6; } .dark .product-order .total-sec { border-color: #404040; } .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 { background-color: #2b2b2b; } .dark .sticky-bottom-cart .selection-section .form-control { background-color: #232323; border-color: #232323; } .dark .sticky-bottom-cart .product-image .content h6 { color: #cfd4da; } .dark .recently-purchase { background: #2b2b2b; -webkit-box-shadow: 0 0 4px 0 #0c0c0c; box-shadow: 0 0 4px 0 #0c0c0c; } .dark .recently-purchase .close-popup { color: #fff; } .dark .single-product-tables table tr td:nth-child(2) { color: white; } .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 .product-right .product-count { background-color: #232323; } .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: #929292; } .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 .product-full-tab .nav-material.nav-tabs .nav-link.active { color: var(--theme-color); } .dark .tab-product .theme-form input, .dark .tab-product .theme-form textarea, .dark .product-full-tab .theme-form input, .dark .product-full-tab .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 .theme_checkbox label { color: #929292; } .dark .theme_checkbox label .checkmark { background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border-color: #404040; } .dark .theme_checkbox label .checkmark:after { border-color: #fff; } .dark .bundle .bundle_detail .price_product { color: #fff; } .dark .modal-content { background-color: #232323; -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 .pro_sticky_info { border-color: #404040; } .dark .tab-border { border-color: #404040; } .dark .register-page .theme-card { border-color: #404040; background-color: #232323; -webkit-box-shadow: none; box-shadow: none; } .dark .register-page .theme-card .theme-form input { border-color: #404040; } .dark .register-page .theme-card .theme-form label { color: #929292; } .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 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-grey .product-box .product-info { background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border-color: rgba(64, 64, 64, 0.2); } .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 .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 .typography_section .typography-box .headings { background-color: rgba(35, 35, 35, 0.5); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border-color: #404040; } .dark .typography_section .typography-box .headings h3 { color: #eaedef; } .dark .typography_section .typography-box .headings span { color: #929292; } .dark .typography_section .typography-box .headings span code { color: #929292; } .dark .typography_section .typography-box .typo-content .sub-title { color: #f1f3f5; border-color: rgba(64, 64, 64, 0.7); } .dark .typography_section .typo-content.heading_content h1, .dark .typography_section .typo-content.heading_content h2, .dark .typography_section .typo-content.heading_content h3, .dark .typography_section .typo-content.heading_content h4, .dark .typography_section .typo-content.heading_content h5, .dark .typography_section .typo-content.heading_content h6 { color: white; } .dark .typography_section .typo-content.product-pagination .pagination .page-item { border-color: #404040; } .dark .typography_section code { background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .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 .collection-banner .contain-banner.content-bg h2 { background-color: #2b2b2b; color: #f1f3f5; } .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 .box-product .full-box .theme-card .offer-slider .product-box2 { -webkit-box-shadow: none; box-shadow: none; } .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 .insta-title { background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .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 .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 .border-box.tools-grey .product-box { border-color: #404040; } .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 .theme-modal.exit-modal .stop { -webkit-filter: invert(100); filter: invert(100); } .dark #quick-view .modal-dialog .modal-content .modal-body { background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .dark .addcart_btm_popup { background-color: #232323; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border-color: #404040; } .dark .addcart_btm_popup .fixed_cart i { color: #cbcbcb; } .dark .review-page .comnt-sec li a { color: #cbcbcb; } .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 .effect-cls:before, .dark .effect-cls:after { -webkit-filter: invert(0.83); filter: invert(0.83); } .dark .game-product .product-box .cart-info a i { background-color: #2b2b2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; color: #cbcbcb; } .dark .demo-right a { background-color: #000; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .dark .rtl-btn, .dark .dark-light { background-color: #232323; -webkit-box-shadow: none; box-shadow: none; } .dark .color-picker a.handle { background-color: #000; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; color: #cbcbcb; } .dark .setting-box .setting-title h4 { color: #333; } .dark .vendor-profile .profile-left { background-color: #232323; } .dark .vendor-profile .profile-left .profile-image h3 { color: #e7eaec; } .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 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; } .dark .become-vendor .step-bg .step-box .steps { background-color: #232323; } .dark .dashboard-section .apexcharts-svg text, .dark .dashboard-section .apexcharts-svg .apexcharts-legend-text { fill: #eaedef; color: #eaedef !important; } .dark .dashboard-section .apexcharts-tooltip.apexcharts-theme-light { background: #2b2b2b; border-color: #404040; -webkit-box-shadow: none; box-shadow: none; } .dark .dashboard-section .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title { background: #232323; border-color: #404040; } .dark .dashboard-section .dashboard-sidebar { background-color: #232323; } .dark .dashboard-section .faq-content .card { background-color: #232323; } .dark .dashboard-section .counter-section .counter-box { background-color: #232323; } .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 .dashboard-detail ul li .details .left h6 { color: #9c9c9c; } .dark .faq-tab .nav-tabs .nav-item .nav-link { background-color: #232323; color: #cfd4da; } .dark .faq-tab .nav-tabs .nav-item .nav-link.active { background-color: #232323; } .dark .search-overlay { background-color: #2b2b2b; } .dark .category-img-wrapper .category-wrap .category-content h3 { color: #eaedef; } .dark .add_to_cart { background-color: #2b2b2b; } .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 i { color: #cbcbcb; } .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 h4 { color: #e7eaec; } .dark .add_to_cart.top .cart-inner .cart_top, .dark .add_to_cart.bottom .cart-inner .cart_top { background-color: #232323; } .dark .add_to_cart .cart-inner { background-color: #2b2b2b; } .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 .setting-sidebar h5 { color: #ffffff; } .dark .search-section select.form-control { background: url(../images/dropdown.png) 95% center no-repeat #2b2b2b; } .dark .cycle-box { background-color: #2b2b2b; } .dark .cycle-box .bottom-detail h4 { color: #fff; } .dark .cycle-box .product-detail h4 { color: #e7eaec; } .dark .cycle-box .product-detail .details li { color: rgba(255, 255, 255, 0.63); } .dark .cycle-box .product-detail .add-wish { background-color: #232323; } .dark .cycle-box .cart-detail { border-color: #404040; } .dark .cycle-box .cart-detail li button, .dark .cycle-box .cart-detail li a { color: rgba(255, 255, 255, 0.5); } .dark .cycle-box .cart-detail li svg { color: rgba(255, 255, 255, 0.5); } .dark .cycle-box .cart-detail li + li { border-color: rgba(255, 255, 255, 0.2); } .dark .cycle-box .img-wrapper:after { background-color: rgba(43, 43, 43, 0.77); } .dark .center-object-banner .full-banner { background-blend-mode: overlay; background-color: #2b2b2b; } .dark .center-object-banner .full-banner.feature-banner h2 { color: #f1f3f5; } .dark .center-object-banner .full-banner.feature-banner .feature-object li .media h4, .dark .center-object-banner .full-banner.feature-banner .feature-object li .media p, .dark .center-object-banner .full-banner.feature-banner .feature-object-right li .media h4, .dark .center-object-banner .full-banner.feature-banner .feature-object-right li .media p { color: #e7eaec; } .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 .mordern-box { background-color: #232323; } .dark .mordern-box .mordern-content h6 { color: #cfd4da; } .dark .mordern-box .mordern-content .mordern-bottom .right .add-extent .animated-btn { background-color: #2b2b2b; color: #cbcbcb; } .dark .mordern-box .mordern-content .mordern-bottom .right .add-extent .options { background-color: #2b2b2b; } .dark .mordern-box .mordern-content .mordern-bottom .right .add-extent .options li i { color: rgba(203, 203, 203, 0.6); } .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 .product-parallax .theme-card .offer-slider > div .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 .added-notification { -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.63); box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.63); } .dark .product-image-360 .nav_bar { background-color: #2b2b2b; } .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; } @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; } .dark .sm-horizontal.pixelstrap ul { background-color: #2b2b2b; } .dark .tab-product .nav-material.nav-tabs { background-color: #2b2b2b; border-color: #404040; } .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-style-1 .bg-light-xl { background-color: #232323 !important; } .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; } } @media (max-width: 991px) { .dark .collection-filter { background-color: #2b2b2b; } .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 .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; } .dark .collection-mobile-back span { color: #929292; } .dark .collection-collapse-block { border-color: #404040 !important; } .dark .collection-filter { -webkit-box-shadow: none; box-shadow: none; } .dark .contact-page .contact-right ul li { border-color: #404040; } .dark .dashboard-left { background-color: #232323; -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 .faq-tab .nav-tabs { background-color: #232323; } } @media (max-width: 767px) { .dark .collection-product-wrapper .product-pagination .theme-paggination-block nav { border-color: #404040; } .dark .product-pagination .pagination { border-color: #404040; } .dark .product-wrapper-grid.list-view .product-box { border-color: #404040; } .dark .banner-timer .banner-text { background-color: rgba(0, 0, 0, 0.65); } .dark .border-box.tools-grey .product-box .cart-info a, .dark .border-box.tools-grey .product-box .cart-info button { background-color: #2b2b2b; } .dark .border-box.tools-grey .product-box .cart-info a i { opacity: 0.4; } .dark footer.footer-5 .dark-layout .footer-title { border-color: #404040; } } @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; } } @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; } } .color-picker { position: fixed; right: -190px; top: calc(38vh + 220px); width: 190px; z-index: 1; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .color-picker .settings-header { background: #f3f3f3; padding: 5px 15px; -webkit-box-shadow: 0px -10px 20px -5px rgba(220, 220, 220, 0.62); box-shadow: 0px -10px 20px -5px rgba(220, 220, 220, 0.62); } .color-picker .settings-header h3 { color: black; margin: 0; font-size: 20px; padding: 4px 9px; } .color-picker .section { background: white; padding: 10px; border: 1px solid #f3f3f3; overflow: auto; } .color-picker .section i { font-size: 16px; margin-right: 10px; } .color-picker a.handle { position: absolute; right: 190px; width: 45px; height: 41px; -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; z-index: -1; text-decoration: none; background-color: #f9f9f9; -webkit-box-shadow: -5.985px -0.419px 30px 0 rgba(0, 0, 0, 0.08), inset -2px 0 10px 0 rgba(0, 0, 0, 0.04); box-shadow: -5.985px -0.419px 30px 0 rgba(0, 0, 0, 0.08), inset -2px 0 10px 0 rgba(0, 0, 0, 0.04); top: -80px; color: #000; } .color-picker a.handle i { margin-left: 5px; } .color-picker .colors a { width: 32px; height: 32px; margin: 5px; float: left; -webkit-transition: all ease-in 0.3s; transition: all ease-in 0.3s; } .color-picker .skin a { display: block; width: 70px; height: 30px; margin-left: 0; margin-top: 0; margin-right: 5px; float: left; text-align: center; line-height: 30px; border: 2px transparent solid; } .color-picker .skin a.actt { border: 2px white solid; } .dark-light { 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; } .setting-sidebar { z-index: 9; } .setting-sidebar h5 { color: #212529; text-transform: capitalize; line-height: 1.2; font-weight: 600; margin-bottom: 0; font-size: 14px; text-align: left; } .setting-sidebar i { -webkit-animation: ring-rotate 3s infinite linear; animation: ring-rotate 3s infinite linear; font-size: 20px; color: #3c3c3c; margin-left: 10px; } .setting-sidebar.open-icon { right: 351px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .setting_box_body { position: relative; background-color: white; z-index: 9; height: 100vh; } .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: 5px; } .scroll-setting-box ::-webkit-scrollbar-thumb:hover { background: #555; } .setting-box { position: fixed; height: 100vh; overflow-y: auto; width: 660px; right: -660px; background-color: white; top: 0; z-index: 999; -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.5s ease; transition: all 0.5s ease; } .setting-box.open-setting { right: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .setting-box.open-setting .overlay { visibility: visible; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .setting-box .sidebar-back { padding: 20px; font-size: 18px; color: #222222; font-weight: 700; text-transform: uppercase; cursor: pointer; background-color: rgba(243, 243, 243, 0.8); } .setting-box .setting-title { border-bottom: 1px solid #efefef; margin-bottom: 0; text-align: center; padding: 30px 20px; } .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 { font: normal normal normal 14px/1 FontAwesome; } .setting-box .setting-title.active .according-menu:before { content: "\f068"; position: absolute; right: 2px; top: 2px; } .setting-box .setting-title .according-menu { font: normal normal normal 14px/1 FontAwesome; } .setting-box .setting-title .according-menu:before { content: "\f067"; position: absolute; right: 2px; top: 2px; } .setting-box .setting-contant { padding: 20px; border-bottom: 1px solid #efefef; } .setting-box .setting-contant .setting_buttons .setting_btn { background-color: var(--theme-color); color: white; 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.5s ease; transition: all 0.5s ease; } .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.5s ease; transition: all 0.5s ease; } .theme-settings { position: fixed; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; } .theme-settings ul li { 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); margin-bottom: 15px; margin-left: auto; cursor: pointer; font-weight: 600; } .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; } .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 { margin-bottom: 30px; } .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: 130px; width: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; background-size: cover; -webkit-transition: all 2s ease-out 0s; transition: all 2s ease-out 0s; -webkit-box-shadow: 1px 6px 19px 2px rgba(0, 0, 0, 0.1); box-shadow: 1px 6px 19px 2px rgba(0, 0, 0, 0.1); } .demo-section .demo-effects > div .demo-text h4 { font-size: 16px; margin-top: 10px; 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; } .demo-section .demo-effects > div .demo-text h4 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: white; 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: white; } .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; } @keyframes ring-rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .sec-position { position: relative; top: -80px; } .dark-demo .dark-light-btn { display: none; } .tooltip-sec li { position: relative; } .tooltip-sec li .tooltip-cls { position: absolute; right: 60px; top: 0; background-color: white; border-radius: 4px; padding: 0.5rem 1rem; text-transform: capitalize; color: #223645; -webkit-box-shadow: 0 0 16px -4px rgba(0, 20, 40, 0.2), 0 0 80px -10px rgba(0, 20, 40, 0.3); box-shadow: 0 0 16px -4px rgba(0, 20, 40, 0.2), 0 0 80px -10px rgba(0, 20, 40, 0.3); -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; z-index: 1; } .tooltip-sec li .tooltip-cls:after { position: absolute; content: ""; right: -8px; width: 0; height: 0; border-top: 7px solid transparent; border-left: 8px solid #edf7fb; border-bottom: 7px solid transparent; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .tooltip-sec li:hover .tooltip-cls { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } @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: 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 { padding: 20px !important; padding-left: 0 !important; width: 20%; } .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; } .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; } } @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: 160px; } .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; } .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; } .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: white; opacity: 1; } .header-style-2 .main-menu .brand-logo { padding-left: 25px; } .header-style-2 .pixelstrap > li > a { color: #222222; } .header-style-2 .pixelstrap > li > a:focus, .header-style-2 .pixelstrap > li > a.active { color: #222222; } .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-top: 12px; padding-bottom: 12px; } .header-style-5.border-style .bottom-part.bottom-light { border-bottom: none; } .header-style-5.border-style .main-menu .menu-left .navbar { padding: 30px 45px 30px 0; } .header-style-5.border-style .main-nav-center .toggle-nav { right: 160px; 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: white; 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.5s ease; transition: all 0.5s ease; } .category-shop-section .sidebar-overlay.show { opacity: 0.8; visibility: visible; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .category-shop-section .nav { position: fixed; left: -320px; top: 0; width: 280px; z-index: 10; overflow: auto; background-color: #fff; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; display: block; } .category-shop-section .nav.show { left: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .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; } section, .section-t-space { padding-top: 60px; } .section-b-space { padding-bottom: 60px; } .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: 38px; } .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: 280px; } .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; } .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 0; } .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; } .layout7-product .product-box .details-product { background-color: rgba(255, 255, 255, 0.5); padding: 5px; } .padding-bottom-cls { padding-bottom: 30px; } .layout-8 { padding: 0 40px; } .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-prodct-feature { background-image: none !important; } .single-prodct-feature .upper-sec-feature { margin-bottom: 55px; } .single-prodct-feature .upper-sec-feature .height-cls-res > div { height: 100% !important; } .single-prodct-feature .lower-sec-feature { margin-bottom: 50px; } .single-prodct-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-view { width: 20%; padding-right: 0 !important; border-left: 1px solid #ddd; } .collection-product-wrapper .product-top-filter .product-filter-content .collection-grid-view { padding: 20px !important; padding-left: 0 !important; width: 20%; } .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: center; -ms-flex-pack: center; justify-content: center; } .tab-product .nav-material.nav-tabs { border-bottom: 1px solid #ddd; border-right: 0; } .tab-product .nav-material.nav-tabs .nav-item .nav-link.active { background-color: unset; } .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; } .mordern-box { padding: 25px 20px; } .gradient-category .gradient-border { height: 120px; } .layout-8 .loader_skeleton { padding: 0 40px; } .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; } section, .section-t-space { padding-top: 50px; } .section-b-space { padding-bottom: 50px; } .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: var(--theme-color); } header.header-tools .top-header .container { background-color: transparent; } header.header-tools .logo-menu-part { background-color: white; } header.header-tools .logo-menu-part > .container { border-bottom: none; } header.header-tools.stickycls { position: fixed; background-color: white; } 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.3; 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; } .banner-timer .timer span { width: 65px; } .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-bottom: 1px solid #ddd !important; } .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: 210px; } .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; } .layout-8 .layout-8-bg { padding: 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: #ffffff; } 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.5s ease; transition: all 0.5s ease; z-index: 6; } .shop-sidebar-demo .shop-sidebar.show { left: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .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 { border-top: none; } .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: white; z-index: 99; overflow-y: scroll; padding: 15px 0 15px 15px; width: 320px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-box-shadow: 1px 0 5px #ddd; box-shadow: 1px 0 5px #ddd; display: block; } .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; } .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; } .contact-page .map iframe { height: 350px; } .contact-page .contact-right { padding-bottom: 0; } .contact-page .contact-right ul li { padding-left: 0; border-bottom: 1px solid #ddd; text-align: center; padding-bottom: 10px; margin-top: 15px; } .contact-page .contact-right ul li .contact-icon { position: relative; margin: 0 auto; border-right: 0; } .contact-page .contact-right ul li p { margin-bottom: 10px; } .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 { width: 55%; padding-top: 10px; padding-bottom: 10px; text-align: center; margin-bottom: 20px; background: none var(--theme-color); } .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 > a { color: #fff; } .collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup .collection-filter { height: 100vh; left: -350px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .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; } .tab-product { padding-top: 0; } .tab-product .nav-material.nav-tabs { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .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: white; z-index: 99; padding: 0 35px 35px; max-width: 350px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -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 #efefef; 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 #efefef; padding-top: 15px; margin-top: 15px; } .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: #f8f8f8; overflow: auto; -ms-flex-wrap: unset; flex-wrap: unset; } .dashboard-section .dashboard-sidebar .faq-tab .nav-tabs .nav-item { white-space: nowrap; } .dashboard-section .counter-section { margin-top: 20px; } .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; } .theme-invoice-4 .invoice-wrapper .invoice-footer ul li i { margin-right: 10px; } .element-page .left-sidebar .sticky-sidebar { position: fixed !important; width: 290px; height: 100vh; overflow: auto; left: -300px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; z-index: 9; background-color: white; 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.5s ease; transition: all 0.5s ease; } .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; } .title-basic { display: block; } .title-basic .timer { margin-left: 0; margin-top: 15px; padding-left: 30px; } .title-basic .timer p { font-size: 16px; } .title-basic .timer span { width: 60px; } .title-basic .timer span .padding-l { padding-left: 12px; } .space_sm { padding-top: 0 !important; } header.header-5.left-sidebar-header { position: relative; } .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; } .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-style-1 .contact-list { margin-bottom: 10px; } .footer-style-1 .footer-contant .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: 50px; } .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; } header.left-header .main-menu .menu-right .icon-nav li { padding-left: 15px; } 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; } section, .section-t-space { padding-top: 40px; } .section-b-space { padding-bottom: 40px; } .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; } .partition3 > div + div { margin-top: 30px; } .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; } .darken-layout .footer-title, .dark-layout .footer-title { border-bottom: 1px solid #525252; } .darken-layout .subscribe-wrapper, .dark-layout .subscribe-wrapper { padding-bottom: 10px; } .footer-title { margin-top: 10px; text-align: left; border-bottom: 1px solid #ddd; 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: "\f106"; position: absolute; right: 2px; top: 2px; } .footer-title .according-menu { font: normal normal normal 14px/1 FontAwesome; } .footer-title .according-menu:before { content: "\f107"; 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-contant { text-align: left; } .footer-contant .footer-logo { margin-top: 20px; margin-bottom: 20px; } .footer-contant li { text-align: left; } .footer-contant .footer-social ul { margin: unset; } .footer-contant .footer-social ul li { padding-right: 25px; padding-left: 0; } .social-white li:first-child { padding-left: 0; } .footer-theme { text-align: center; } .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: 7px; } .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: 150px; padding: 5px; } .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; } .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; } .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 { display: block !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-left: 1px solid #ddd; } .testimonial { background-color: #f7f7f7; } .testimonial .testimonial-slider .media .media-body { padding: 30px 30px 30px 30px; } .about-page { text-align: center; } .about-page p { line-height: 1.5; } .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 .pagination .page-item a { padding: 15px 18px; } .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; } .collection-product-wrapper .product-pagination .theme-paggination-block nav { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; } .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 .collection-banner .row > div { margin-top: 30px; } .loader_skeleton .collection-banner .row > div:first-child { margin-top: 0; } .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; } .sticky-bottom-cart .selection-section .form-group:nth-child(2) { margin-left: 10px; } .mordern-box { margin-top: 50px; } .mordern-box .absolute-img img { width: 50%; margin-left: 20px; margin-top: -76px; } .mordern-box .mordern-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; padding: 0; } .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; } .theme-invoice-1 .invoice-header .detail-bottom ul { display: block; } .invoice-wrapper .authorise-sign { width: 20%; } .invoice-wrapper .authorise-sign h6 { font-size: 12px; padding-top: 6px; margin-top: 10px; } .theme-invoice-2 .invoice-header .top-bar { display: block; } .theme-invoice-2 .invoice-body .date-detail { display: block; } .theme-invoice-2 .invoice-body .date-detail li { width: 32%; } .theme-invoice-2 .invoice-body .date-detail li:first-child { display: block; width: 100%; } .theme-invoice-3 .invoice-header ul { margin-bottom: -18px; } .theme-invoice-3 .invoice-header ul li { margin-bottom: 18px; } .theme-invoice-3 .invoice-header ul li:first-child { display: block; width: 100%; } .theme-invoice-4 .title-sec .title { position: relative; text-align: center; margin-top: 20px; } .theme-invoice-4 .invoice-wrapper .invoice-footer ul { display: block; margin-bottom: -20px; } .theme-invoice-4 .invoice-wrapper .invoice-footer ul li { margin-bottom: 20px; } .theme-invoice-5 .header-panel ul { margin-bottom: -20px; } .theme-invoice-5 .header-panel ul li { margin-bottom: 20px; } .theme-invoice-5 .header-panel ul li:first-child { display: block; width: 100%; } } @media (max-width: 577px) { .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 .brand-logo img { width: 80%; } .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: -78px; } .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-7 .main-menu .menu-left .navbar { padding: 25px 15px 25px 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: 70%; height: auto; } .header-style-7 .cart_qty_cls { padding: 1px; width: 15px; height: 15px; } .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; } 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; } .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: -72px; } .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; } .section-b-space { padding-bottom: 30px; } section, .section-t-space { padding-top: 30px; } 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; } .setting-sidebar { width: 35px; height: 35px; } .setting-sidebar i { font-size: 19px; } .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; } .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: 35%; } .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; margin-bottom: 30px; } .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; margin-bottom: 30px; } .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: #fff; } .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-8 { padding: 0 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 { display: block; text-align: center; } .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; } .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; white-space: nowrap; } .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; } .layout7-product .product-box .details-product { padding: 5px; } .layout7-product .product-box:hover .details-product { -webkit-animation: none; animation: none; } .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: 24px; } .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; } .vendor-profile { margin-top: -50px; } .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: 80px; } .sticky-bottom-cart .add-btn .btn { padding: 5px 8px; font-size: 13px; text-transform: capitalize; } .faq-tab .nav-tabs .nav-item { margin-bottom: 1px; } .invoice-wrapper h2 { font-size: 20px; } .invoice-wrapper .btn-solid, .invoice-wrapper .btn-outline { padding: 6px 13px; font-size: 12px; } .invoice-wrapper .authorise-sign { width: 30%; } .invoice-wrapper .invoice-body .table tbody td:nth-child(2), .invoice-wrapper .invoice-body .table tbody th:nth-child(2) { min-width: 240px; } .theme-invoice-2 .invoice-body .date-detail { margin-bottom: 14px; padding-bottom: 14px; } .theme-invoice-2 .invoice-body .date-detail li { width: 100%; } .theme-invoice-4 .invoice-header .background-invoice { left: 40px; } .element-page { margin-bottom: 60px; } .loader_skeleton header.header-gym { top: 0; background-color: black; } .loader_skeleton .header-dropdown { display: none; } .layout-8 .loader_skeleton { padding: 0 0; } } @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: 20px; } .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; } .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-sidebar.open-icon { right: 278px; } .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; } .about-page p { line-height: 1.5; margin-bottom: 0; } .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: 20px; margin-bottom: 15px; } .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; } .contact-page .theme-form input { padding: 12px 15px; margin-bottom: 18px; } .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; } .mordern-box-margin { margin-bottom: -30px; } .mordern-box { margin-top: 24px; padding: 15px 10px; margin-bottom: 30px; } .mordern-box .absolute-img img { margin-top: -50px; } .mordern-box .mordern-content { margin-top: 10px; } .mordern-box .mordern-content h6 { font-size: 14px; line-height: 1.3; } .mordern-box .mordern-content h4 { font-size: 13px; } .cart_counter { display: block; } .cart_counter .cart_checkout { margin-left: 0; } .theme-invoice-4 .invoice-header .background-invoice { left: 110px; } } @media (max-width: 420px) { h2 { font-size: 22px; } .header-style-1 .navbar .nav-link { padding-right: 12px; } .product-pagination { margin: 30px 0; } .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: -10px; margin-right: -10px; } .product-m .slick-slide > div { margin: 0 10px; } .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; } .layout7-product .no-slider .product-box { max-width: calc(100% - 20px); -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .layout7-product .no-slider .product-box:nth-last-child(-n + 2) { margin: 0 10px 30px !important; } .layout7-product .no-slider .product-box:last-child { margin: 0 10px 0 !important; } .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 .sub-title h4 { margin-bottom: 5px; } .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; padding-bottom: 15px; } .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: 10px 20px; padding-top: 0; } .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 .product-image img { width: 50px; height: 60px; } .sticky-bottom-cart .selection-section .form-group { width: 60px; } .sticky-bottom-cart .add-btn .btn { padding: 5px 4px; font-size: 12px; } .tracking-page .tracking-detail ul li .left { width: 170px; } .invoice-wrapper .authorise-sign { width: 20%; } .invoice-wrapper .btn-solid, .invoice-wrapper .btn-outline { padding: 4px 8px; } .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: 25px; } .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; } .about-page p { line-height: 1.2; } .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 .pagination .page-item a { padding: 15px 13px; } .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; } } @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-slide { float: left; } .rtl ul { -webkit-padding-start: 0; } .rtl .pre-2, .rtl .px-2 { padding-right: 0 !important; padding-left: 0.5rem !important; } .rtl .me-1, .rtl .mx-1 { margin-left: 0.25rem !important; margin-right: 0 !important; } .rtl .me-2, .rtl .mx-2 { margin-right: 0 !important; margin-left: 0.5rem !important; } .rtl .ms-2, .rtl .mx-2 { margin-left: 0 !important; margin-right: 0.5rem !important; } .rtl .me-3, .rtl .mx-3 { margin-right: 0 !important; margin-left: 1rem !important; } .rtl .ms-3, .rtl .mx-3 { margin-left: 0 !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: 0 !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; } .rtl .pixelstrap .clothing-menu .link-section { text-align: right; } .rtl .sm, .rtl .sm ul, .rtl .sm li { direction: rtl; } .rtl .onhover-dropdown .onhover-show-div { right: unset; left: 0; } .rtl .modal .btn-close { margin-right: auto; margin-left: 10px; } .rtl .form-select { background-position: left 0.75rem center; } .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: 15px 25px; padding-left: 20px; } .rtl .top-header .header-dropdown li i { padding-right: 0; padding-left: 5px; } .rtl .top-header .header-dropdown li:first-child { padding-right: 20px; padding-left: 0; } .rtl .top-header .header-contact { text-align: right; } .rtl .top-header .header-contact li i { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } .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 .header-style-1 .cart_qty_cls { left: -14px; right: unset; } .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 .pixelstrap > li > a img { margin-left: auto !important; } .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 .setting-sidebar { right: unset; left: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .rtl .setting-sidebar i { margin-left: 10px; margin-right: 10px; } .rtl .setting-sidebar.open-icon { right: unset; left: 320px; } .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 .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-block + .service-block { border-right: 1px solid #dddddd; 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 #dddddd; 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 img { padding: 15px 0 15px 15px; } .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.card-border h5 { padding-right: 50px; 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 .layout7-product .product-box .details-product { right: 15px; text-align: right; left: unset; } .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; } .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 .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 { border-right: unset; border-left: 1px solid #dddddd; 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 .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 #dddddd; } .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 .collection-filter-block .product-service .media .media-body { padding-right: 10px; padding-left: 0; text-align: right; } .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 #dddddd; } .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 .timer { padding-left: 0; padding-right: 40px; text-align: right; } .rtl .timer span .padding-l { padding-left: 0; padding-right: 22px; } .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 .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 .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 .faq-tab .nav-tabs .nav-item .nav-link.active, .rtl .faq-tab .nav-tabs .nav-item .nav-link:hover { border-right: none; border-left: 2px solid var(--theme-color); } .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 .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 .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 #dddddd; } .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 .count { float: left; } .rtl .order-box .sub-total .shopping-option label { padding-right: 10px; padding-left: 0; } .rtl .order-box .total li span { float: 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 .mordern-box .mordern-content .mordern-bottom .right { margin-left: 0; margin-right: auto; } .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 .product-order { text-align: right; } .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 .faq-section { text-align: right; } .rtl .faq-section .accordion.theme-accordion .card .card-header button { text-align: right; } .rtl .faq-section .accordion.theme-accordion .card .card-header button:before { right: unset; left: 20px; } .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 #dddddd; } .rtl .blog-page .blog-sidebar .theme-card .popular-blog li .blog-date { margin: 0 0 0 15px; } .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 #dddddd; } .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 .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 #dddddd; 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 #dddddd; 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 .tab-border .nav-border { border-left: 1px solid #dddddd; border-right: none; } .rtl .search-block .form-header .input-group i { padding-right: 0; padding-left: 10px; } .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; } .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 .owl-carousel { direction: ltr; } 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 .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 .timer { float: right; } body.rtl .timer ~ .m-t-15 { clear: both; text-align: right; padding-top: 15px; } body.rtl .timer span .padding-l { right: 35px; left: unset; padding-right: 0; } 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 #dddddd; 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 #dddddd; } .rtl .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter { border-left: 1px solid #dddddd; 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: 1367px) { .rtl .timer span .padding-l { padding-right: 5px; } } @media (max-width: 1199px) { .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 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 .sidenav.marketplace-sidebar { right: -300px; } .rtl .sidenav.marketplace-sidebar.open-side { right: 0; } .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; } } @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-contant { 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 30px 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; } } /*# sourceMappingURL=style.css.map */ .page-link { padding: 18px !important; } .slick-slide { height: auto !important; } .badge--pending { background-color: #ffd369; } .badge--cancel { background-color: #f05454; } .badge--reported { background-color: #ee6f57; } .badge--ongoing { background-color: #81b214; } .badge--completed { background-color: #32e0c4; } .badge--fund { background-color: #7579e7; } .badge--released { background-color: #28df99; } .badge--paid { background-color: #2ec1ac; } .badge--returned { background-color: #ff4b5c; } /* create trade section css start */ .create-trade-form { padding: 50px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); border-radius: 8px; } @media (max-width: 575px) { .create-trade-form { padding: 50px 30px; } } @media (max-width: 380px) { .create-trade-form { padding: 30px 20px; } } .create-trade-form label { color: #d3d3d3; } .create-trade-form .input-group-text { background-color: #fca120; color: #fff; } .create-trade-form__block { margin-bottom: 30px; } .create-trade-form__block:last-child { margin-bottom: 0; } .create-trade-form__block .title { padding-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.15); margin-bottom: 25px; color: #fff; } /* create trade section css end */ /* trade request start css start */ .trade-request-details-list { padding: 30px; background-color: #f9f9f9; } .trade-request-details-list li { padding: 15px 0; font-size: 15px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: 1px dashed #d0d0d0; } .trade-request-details-list li:first-child { padding-top: 0; } .trade-request-details-list li:last-child { padding-bottom: 0; border-bottom: none; } .trade-request-details-list li .caption { font-weight: 700; width: 40%; position: relative; } @media (max-width: 575px) { .trade-request-details-list li .caption { width: 100%; } } .trade-request-details-list li .caption::after { position: absolute; content: ':'; top: 1px; right: 0; } @media (max-width: 575px) { .trade-request-details-list li .caption::after { position: static; margin-left: 3px; } } .trade-request-details-list li .value { width: 60%; padding-left: 20px; } @media (max-width: 575px) { .trade-request-details-list li .value { width: 100%; padding-left: 0; } } .trade-request-form { padding: 30px; background-color: #ffffff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } @media (max-width: 575px) { .trade-request-form { padding: 15px; } } /* trade request start css end */ /* trade request details css start */ .chat-box { background-color: #ffffff; box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; overflow: hidden; } .chat-box__header { padding: 20px; background-color: #001d4a; } .chat-box__thread { padding: 30px 20px; max-height: 550px; overflow-y: auto; } .chat-box__thread::-webkit-scrollbar { width: 10px; } .chat-box__thread::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } .chat-box__thread::-webkit-scrollbar-thumb { background-color: #fca120; } .chat-box__footer { padding: 20px; background-color: #001d4a; } .chat-box__footer textarea.form-control { min-height: 70px !important; } .chat-box__footer .custom-file { color: #ffffff; } .chat-send-area { display: flex; flex-wrap: wrap; justify-content: space-between; } .chat-send-area .chat-send-field { width: 100%; order: 1; margin-bottom: 15px; } .chat-send-area .chat-send-btn { width: 76px; order: 3; } .chat-send-area .chat-send-file { width: calc(100% - 76px); order: 2; } @media (max-width: 480px) { .chat-send-area .chat-send-field, .chat-send-area .chat-send-btn, .chat-send-area .chat-send-file { width: 100%; } .chat-send-area .chat-send-btn { order: 3; margin-top: 15px; } .chat-send-area .chat-send-btn button { width: 100%; } .chat-send-area .chat-send-file { order: 2; } } .chat-author { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; } .chat-author .thumb { width: 40px; height: 40px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; overflow: hidden; border: 2px solid #ffffff; } .chat-author .content { padding-left: 15px; width: calc(100% - 40px); } .chat-author .content .name { color: #ffffff; font-size: 16px; } .chat-author .content .active-status { color: rgba(255, 255, 255, 0.6); } .single-message + .single-message { margin-top: 20px; } .single-message { padding: 15px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } .single-message.message--left { background-color: #001d4a0a; border: 1px solid #ececec; } .single-message.message--right { border: 1px solid #ececec; } .single-message.message--right .message-author { justify-content: flex-end; } .single-message.message--right .message-author .name { order: -1; padding-left: 0; padding-right: 15px; } .single-message.message--right .message-time { float: left; } .single-message .message-text { font-size: 14px; } .single-message .message-author { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; margin-bottom: 15px; } .single-message .message-author .thumb { width: 35px; height: 35px; object-fit: cover; -o-object-fit: cover; object-position: center; -o-object-position: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .single-message .message-author .name { padding-left: 15px; font-size: 14px; } .single-message .message-time { font-size: 12px; float: right; margin-top: -40px; font-style: italic; } .single-message .messgae-attachment { padding: 15px; background-color: #fff; margin-top: 10px; } .custom-file { padding: 0; border: none; width: auto; margin-left: 17px; margin-top: 5px; } .custom-file + label { position: absolute; background-color: #2ecc71; color: #ffffff; top: 0; left: 0; cursor: pointer; padding: 10px 20px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; margin-bottom: 0; } .file-demo-btn { font-size: 14px; padding: 3px 10px; color: #fff; background-color: #2ecc71; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } .file-demo-btn:hover { color: #363636; } /* trade request details css end */ .btn-secondary{ padding: 13px 29px !important; } #ccsingle { position: absolute; right: 15px; top: 20px; } #ccsingle svg { width: 100px; max-height: 60px; } .creditcard svg#cardfront, .creditcard svg#cardback { width: 100%; border-radius: 22px; } #generatecard { cursor: pointer; float: right; font-size: 12px; color: #fff; padding: 2px 4px; background-color: #909090; border-radius: 4px; cursor: pointer; float: right; } /* CHANGEABLE CARD ELEMENTS */ .creditcard .lightcolor, .creditcard .darkcolor { -webkit-transition: fill 0.5s; transition: fill 0.5s; } .creditcard .lightblue { fill: #03a9f4; } .creditcard .lightbluedark { fill: #0288d1; } .creditcard .red { fill: #ef5350; } .creditcard .reddark { fill: #d32f2f; } .creditcard .purple { fill: #ab47bc; } .creditcard .purpledark { fill: #7b1fa2; } .creditcard .cyan { fill: #26c6da; } .creditcard .cyandark { fill: #0097a7; } .creditcard .green { fill: #66bb6a; } .creditcard .greendark { fill: #388e3c; } .creditcard .lime { fill: #d4e157; } .creditcard .limedark { fill: #afb42b; } .creditcard .yellow { fill: #ffeb3b; } .creditcard .yellowdark { fill: #f9a825; } .creditcard .orange { fill: #ff9800; } .creditcard .orangedark { fill: #ef6c00; } .creditcard .grey { fill: #bdbdbd; } .creditcard .greydark { fill: #616161; } /* FRONT OF CARD */ #svgname { text-transform: uppercase; } #cardfront .st2 { fill: #ffffff; } #cardfront .st3 { font-family: "Source Code Pro", monospace; font-weight: 600; } #cardfront .st4 { font-size: 54.7817px; } #cardfront .st5 { font-family: "Source Code Pro", monospace; font-weight: 400; } #cardfront .st6 { font-size: 33.1112px; } #cardfront .st7 { opacity: 0.6; fill: #ffffff; } #cardfront .st8 { font-size: 24px; } #cardfront .st9 { font-size: 36.5498px; } #cardfront .st10 { font-family: "Source Code Pro", monospace; font-weight: 300; } #cardfront .st11 { font-size: 16.1716px; } #cardfront .st12 { fill: #4c4c4c; } /* BACK OF CARD */ #cardback .st0 { fill: none; stroke: #0f0f0f; stroke-miterlimit: 10; } #cardback .st2 { fill: #111111; } #cardback .st3 { fill: #f2f2f2; } #cardback .st4 { fill: #d8d2db; } #cardback .st5 { fill: #c4c4c4; } #cardback .st6 { font-family: "Source Code Pro", monospace; font-weight: 400; } #cardback .st7 { font-size: 27px; } #cardback .st8 { opacity: 0.6; } #cardback .st9 { fill: #ffffff; } #cardback .st10 { font-size: 24px; } #cardback .st11 { fill: #eaeaea; } #cardback .st12 { font-family: "Rock Salt", cursive; } #cardback .st13 { font-size: 37.769px; } /* FLIP ANIMATION */ .creditcard { width: 100%; max-width: 400px; -webkit-transform-style: preserve-3d; -webkit-transition: -webkit-transform 0.6s; cursor: pointer; transform: skew( 7deg , 5deg ) perspective(100px) rotateY( 4deg ) rotateX( 2deg ) scaleX(.9); transition: transform .2s cubic-bezier(.075,.82,.165,1); transition: transform .6s; transform-style: preserve-3d; } .creditcard:hover { transform: skew( 0deg , 0deg ) perspective(100px) rotateY( 0deg ) rotateX( 0deg ) scaleX(1) !important; } .creditcard .front, .creditcard .back { position: relative; width: 100%; max-width: 400px; -webkit-font-smoothing: antialiased; color: #47525d; } .creditcard .back { -webkit-transform: rotateY(); transform: rotateY(); } .creditcard.flipped { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .text-green{ color:green; } .text-red{ color:red; } .form-wizard { border: 0; } .form-wizard .nav-wizard { box-shadow: none !important; margin-bottom: 2rem; } .form-wizard .nav-wizard li .nav-link { position: relative; } .form-wizard .nav-wizard li .nav-link span { text-align: center; border-radius: 50px; width: 3rem; height: 3rem; border: 2px solid #62a946; display: block; line-height: 3rem; color: #62a946; font-size: 18px; margin: auto; background-color: #fff; position: relative; z-index: 1; } .form-wizard .nav-wizard li .nav-link:after { position: absolute; top: 50%; left: 50%; height: 3px; transform: translateY(-50%); background: #f1f1f1 !important; z-index: 0; width: 100%; } .form-wizard .nav-wizard li .nav-link.active:after { background: #f1f1f1 !important; } .form-wizard .nav-wizard li .nav-link.done:after { background: #62a946 !important; } .form-wizard .nav-wizard li .nav-link.done span { background-color: #62a946; color: #fff; } .form-wizard .nav-wizard li:last-child .nav-link:after { content: none; } .form-wizard .toolbar-bottom .btn { background-color: #62a946; border: 0; padding: 12px 18px; } .form-wizard .tab-content .tab-pane { padding: 0; } .form-wizard .emial-setup label.mailclinet { display: flex; align-items: center; justify-content: center; flex-direction: column; width: 10rem; height: 10rem; border-radius: 50%; cursor: pointer; background-color: #EEF5F9; text-align: center; margin: auto; } [data-theme-version="dark"] .form-wizard .emial-setup label.mailclinet { background-color: #181f39; } @media only screen and (max-width: 575px) { .form-wizard .emial-setup label.mailclinet { width: 7rem; height: 7rem; } } .form-wizard .emial-setup label.mailclinet .mail-icon { font-size: 3rem; display: inline-block; line-height: 1; margin-top: -1rem; } @media only screen and (max-width: 575px) { .form-wizard .emial-setup label.mailclinet .mail-icon { font-size: 2rem; } } .form-wizard .emial-setup label.mailclinet .mail-text { font-size: 1rem; text-align: center; margin-top: .5rem; } @media only screen and (max-width: 575px) { .form-wizard .emial-setup label.mailclinet .mail-text { font-size: 16px; line-height: 20px; } } .form-wizard .emial-setup label.mailclinet input[type="radio"] { display: none; } .form-wizard .emial-setup label.mailclinet { display: flex; align-items: center; justify-content: center; flex-direction: column; width: 10rem; height: 10rem; border-radius: 50%; cursor: pointer; background-color: #EEF5F9; text-align: center; margin: auto; } [data-theme-version="dark"] .form-wizard .emial-setup label.mailclinet { background-color: #181f39; } @media only screen and (max-width: 575px) { .form-wizard .emial-setup label.mailclinet { width: 7rem; height: 7rem; } } .form-wizard .emial-setup label.mailclinet .mail-icon { font-size: 3rem; display: inline-block; line-height: 1; margin-top: -1rem; } @media only screen and (max-width: 575px) { .form-wizard .emial-setup label.mailclinet .mail-icon { font-size: 2rem; } } .form-wizard .emial-setup label.mailclinet .mail-text { font-size: 1rem; text-align: center; margin-top: .5rem; } @media only screen and (max-width: 575px) { .form-wizard .emial-setup label.mailclinet .mail-text { font-size: 16px; line-height: 20px; } } .form-wizard .emial-setup label.mailclinet input[type="radio"] { display: none; } @media only screen and (max-width: 767px) { .form-wizard .nav-wizard { flex-direction: unset !important; } .form-wizard .tab-content { height: 100% !important; } } @media only screen and (max-width: 575px) { .form-wizard .nav-wizard li .nav-link { padding: 0; } } .container { max-width:100% !important; padding-right:50px; padding-left:50px; } @media (max-width: 577px){ .container { max-width:100% !important; padding-right:10px; padding-left:10px; } } .bgmain, .chat-box__header{ background: #ff4c3b !important; } .row{ justify-content: center !important; } .pricing-item { text-align: center; padding: 15px; box-shadow: -4px -4px 3px rgba(255, 255, 255, 0.1), 4px 4px 5px rgba(0, 0, 0, 0.35) !important; border: 1px solid; border-radius: 25px; } .pricing-item__header { padding: 40px 30px 30px 30px; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -ms-border-radius: 10px 10px 0 0; -o-border-radius: 10px 10px 0 0; } .pricing-item__header .package__price { font-size: 28px; font-family: "Exo", sans-serif; font-weight: 700; color: black; display: block; } .pricing-item__header .package__offer { margin-top: 20px; padding: 10px 30px; display: inline-block; position: relative; z-index: 1; font-family: "Exo", sans-serif; font-weight: 700; color: black; font-size: 18px; } .pricing-item__header .package__offer::before { box-shadow: 7px 7px 10px rgba(0, 0, 0, 0.25) inset, -4px -4px 4px rgba(255, 255, 255, 0.05) inset !important; border: 1px solid #303142 !important; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; } .pricing-item .package__feature-list li { padding: 15px 15px; margin-top: 20px; box-shadow: 7px 7px 10px rgba(0, 0, 0, 0.25) inset, -4px -4px 4px rgba(255, 255, 255, 0.05) inset !important; } .form-control{ border-color: #eaeaea; font-size: 12px; padding: 17px 25px; height: inherit; } /*--------------------------------------- 2.35 Exchange Form -----------------------------------------*/ .exchange-form { border-radius: 10px; box-shadow: 0 5px 10px 0 rgb(var(--dark) / 0.02); } .exchange-form__sub-title { display: block; margin-bottom: 5px; text-align: center; font-size: 14px; font-weight: 500; } .exchange-form__title { text-align: center; } .exchange-form__header { padding: 15px; border-radius: 10px 10px 0 0; background: rgba(var(--r), var(--g), var(--b), 1); } .exchange-form__body { padding: 40px 15px; } @media screen and (min-width: 768px) { .exchange-form__body { padding: 40px 30px; } } .exchange-form__btn { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; } .exchange-form .form--control { border: 1px solid #e0e0e0; border-radius: 5px 0 0 5px; background: rgba(247, 249, 251, 0.2); color: #000f5c; font-size: 18px; font-weight: 500; } .exchange-form .form--control::placeholder { font-weight: 500; color: rgba(0, 15, 92, 0.3); } .exchange-form .input-group-text { position: relative; padding: 0; border-width: 1px; border-style: solid; border-color: rgba(var(--r), var(--g), var(--b), 1); } .exchange-form__flags { width: 30px; height: 30px; border-radius: 50%; object-fit: cover; } .exchange-form .select2-container--default .select2-selection--single { background-color: rgba(var(--r), var(--g), var(--b), 1); border: none; border-radius: 0 3px 3px 0; width: 125px !important; height: 100%; display: flex; } .exchange-form .select2-container--default .select2-selection--single .select2-selection__rendered { flex-grow: 1; } .exchange-form .select2-container--default .select2-selection--single .select2-selection__arrow { height: 50px; position: relative; top: auto; right: auto; width: 30px; } .exchange-form .select2-container { display: flex; justify-content: center; align-items: center; margin: 0; width: 125px !important; } .exchange-form .select2-container--default .select2-selection--single .select2-selection__rendered { color: rgba(var(--light-r), var(--light-g), var(--light-b), 1); line-height: 50px; padding-left: 0; padding-right: 0; text-align: center; } .exchange-form .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #fff transparent transparent transparent; } .exchange-form .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #fff transparent; } .exchange-form .select2-results__option { padding: 10px 15px; } .exchange-form .select2-results__option img { width: 30px; height: 30px; border-radius: 50%; object-fit: cover; margin-right: 10px; } .exchange-form .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #e0e0e0; } .exchange-form .select2-results { overflow: hidden; } .exchange-form .select2-results__options { margin-right: -17px; } .exchange-form .select2-dropdown { border: 1px solid #e0e0e0; } .exchange-form .select2-container--open .select2-dropdown--below { border-top: 1px solid #e0e0e0; } .exchange-form .input-group { background: transparent; } /*--------------------------------------- 2.36 Timeline List -----------------------------------------*/ .timeline-list__dot { display: inline-block; width: 12px; height: 12px; border-radius: 50%; background-color: rgba(var(--light-r), var(--light-g), var(--light-b), 1); border-width: 1px; border-style: solid; border-color: rgba(var(--r), var(--g), var(--b), 1); position: absolute; top: 50%; left: -6px; transform: translateY(-50%); z-index: 2; } .timeline-list__dot::before { content: ""; width: 1px; height: 170%; position: absolute; left: 50%; top: -170%; background-color: rgba(var(--r), var(--g), var(--b), 1); } .timeline-list__dot::after { content: ""; width: 1px; height: 170%; position: absolute; left: 50%; bottom: -170%; background-color: rgba(var(--r), var(--g), var(--b), 1); } .timeline-list__content { display: flex; align-items: center; padding-top: 10px; padding-bottom: 10px; padding-left: 25px; position: relative; isolation: isolate; } .timeline-list__content::after { content: ""; position: absolute; top: 50%; left: 0; width: 20px; height: 1px; background-color: rgba(var(--r), var(--g), var(--b), 1); z-index: -1; } .timeline-list__right { padding-left: 15px; text-align: end; } .error-section{ padding: 10px !important; } .exchange-form .select2-container--default .select2-selection--single .select2-selection__arrow b{ border-color: #000 transparent transparent transparent !important; }