/*----------------------------------------------------------------------------------- Project Name: Magezix - News Magazine HTML Template Author: Themexriver -->> (https://themeforest.net/user/themexriver) Support: themexriver@gmail.com Description: Magezix - News Magazine HTML Template Developer: Mohammad Wasim Mia Version: 1.0 ----------------------------------------------------------------------------------- CSS INDEX =================== 01. Theme default CSS 02. header 03. home 04. global 05. preloder 06. about 07. contact 08. faq 09. news 10. blog 11. shop 12. author 13. 404 14. footer -----------------------------------------------------------------------------------*/ :root { --font-body: 'League Spartan'; --font-title: 'League Spartan'; --font-family-Quicksand: 'Quicksand', sans-serif; --font-family-DMSans: 'DM Sans', sans-serif; --color-primary: #118500; --color-primary-2: #FFB41B; --color-primary-3: var(--base-color); --color-orange: #FF6A00; --color-primary-2-rgb: 2, 216, 245; --color-heading: #121416; --color-white: #fff; --color-black: #000; --color-red: #FF1B1B; --color-red-deep: #EA1B25; --color-primary-rgb: 17, 133, 0; --color-black-rgb: 0, 0, 0; --color-white-rgb: 250, 250, 250; --color-default: #111; --color-gray: #F8F8F8; --color-gray-2: #F4F5F8; --color-border: #E5E5E5; --color-dark: #111111; --color-dark-2: #080B17; --white-color: #ffffff; --black-color: #000000; --color-one: #7B7D83; --color-two: #253D4E; --color-three: #3BB77E; --color-four: #F6FFEF; --color-five: #FFF9F2; --color-six: #FFF5F2; --color-seven: #253D4E; --color-eight: #DEDEDE; --color-nine: #F21F45; --color-ten: #EEFFF7; --color-eleven: #F5FFF6; --color-twelve: #E5E5E5; --color-thirteen: #FFBB38; --color-fourteen: #54FF38; --color-fifteen: #A9854F; --color-sixteen: #727272; --color-seventeen: #F908B5; --color-eighteen: #0066FF; --color-nineteen: #F92828; --color-twenty: #B67515; --color-twentyone: #FF002E; --color-twentytwo: #FFF4EE; --color-twentythree: #9695A0; --color-twentyfour: #E7E7E7; --color-twentyfive: #DD1CFC; --color-twentysix: #FCA21C; --color-twentyseven: #E7E3E3; --color-twentyeight: #BABABA; --color-twentynine: #00C2FF; --color-thirty: #1C76FC; --color-thirtyone: #8C1CFC; --color-thirtytwo: #8D8D8D; --color-thirtythree: #A5A5A5; --color-thirtyfour: #B0B0B0; --color-thirtyfive: #FFCA41; --color-thirtysix: #6AF2DA; --color-thirtyseven: #E0E0E0; --color-thirtyeight: #BFBFBF; --color-thirtynine: #D9D9D9; --color-fourty: var(--base-color); --color-fourtyone: #151414; --color-fourtytwo: var(--color-primary); --color-fourtythree: #FFF5F5; --color-fourtyfour: #747474; --color-fourtyfive: #F1FAFF; --color-fourtysix: #ED174A; --color-fourtyseven: #FF0606; --color-fourtyeight: #00CA5B; --color-fourtynine: #1779ED; --color-fifty: #949494; --color-fiftyone: #00CA81; --color-fiftytwo: var(--color-primary); --color-fiftythree: #A9A9A9; --base-color: #118500; --base-color-2: #29a56c; --body-color : #111; --title-color: #118500; } @-webkit-keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes zoom { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 100% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } } @keyframes zoom { 0% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 50% { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @-webkit-keyframes shake { 0% { -webkit-transform: rotate(7deg); -ms-transform: rotate(7deg); transform: rotate(7deg); } 50% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(7deg); -ms-transform: rotate(7deg); transform: rotate(7deg); } } @keyframes shake { 0% { -webkit-transform: rotate(7deg); -ms-transform: rotate(7deg); transform: rotate(7deg); } 50% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(7deg); -ms-transform: rotate(7deg); transform: rotate(7deg); } } @-webkit-keyframes down { 0% { -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); } 50% { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } 100% { -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); } } @keyframes down { 0% { -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); } 50% { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } 100% { -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); } } /* reset css start */ html { scroll-behavior: smooth; } body { font-family: var(--font-body); font-size: 16px; line-height: 1.667; padding: 0; margin: 0; font-weight: 400; line-height: 29px; color: var(--color-default); background-color: var(--color-white); overflow-x: hidden; } img { max-width: 100%; height: auto; } ul { margin: 0px; padding: 0px; } button { cursor: pointer; } *:focus { outline: none; } button { border: none; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } button:focus { outline: none; } a { text-decoration: none; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } a:hover { color: inherit; } select { height: 55px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../img/icon/select-arrow.png); background-position: calc(100% - 10px) 50%; background-repeat: no-repeat; padding-right: 20px; background-color: transparent; border: 0; } input[type="text"], input[type="password"], input[type="url"], input[type="email"], input[type="tel"], form select, textarea { width: 100%; height: 55px; border: 2px solid #f4f4f4; border-radius: 0; padding: 0 20px; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, form select:focus, textarea:focus { border-color: var(--color-primary); } button { border: 0; } table { width: 100%; } p, li, span { color: var(--color-default); margin-bottom: 0; } .gr-btn a { z-index: 1; color: #fff; overflow: hidden; padding: 9px 25px; position: relative; border-radius: 30px; display: inline-block; background-color: var(--base-color); } .gr-btn a i { margin-left: 5px; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .gr-btn a:after { content: ""; position: absolute; top: 0; left: -200%; width: 200%; height: 100%; -webkit-transform: skewX(-20deg); -khtml-transform: skewX(-20deg); transform: skewX(-20deg); background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.4)), to(transparent)); background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.4), transparent); z-index: -1; } .gr-btn a:hover { background-color: #ff7d09; } .gr-btn a:hover:after { -webkit-animation: btn_shine 1.2s ease; animation: btn_shine 1.2s ease; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .gr-btn a:hover i { margin-left: 8px; } .gr-section-title .subtitle, .gr-section-title-2 .subtitle { color: #118500; font-size: 13px; line-height: 1; border-radius: 20px; margin-bottom: 10px; padding: 6px 15px 4px; display: inline-block; background-color: #eff9f4; } .gr-section-title h2, .gr-section-title-2 h2 { font-size: 40px; font-weight: 700; line-height: 1.033; color: var(--title-color); } .gr-section-title p, .gr-section-title-2 p { font-size: 18px; padding-top: 10px; } .gr-section-title-2 .subtitle { color: #fff; margin-bottom: 25px; background-color: var(--base-color); } .gr-section-title-2 h2 { font-size: 60px; color: #118500; } .gr-title-top-content { padding-bottom: 10px; } .gr-title-top-content .gr-section-title { padding-bottom: 10px; } .gr-title-top-content .gr-title-top-slug { line-height: 1; font-size: 16px; font-weight: 500; padding: 10px 20px; border-radius: 40px; color: var(--base-color); border: 2px solid #62a403; } .gr-product-filter-tab-btn .nav-tabs .nav-link { margin: 0; border: none; line-height: 1; padding: 8px 15px; border-radius: 20px; } .gr-product-filter-tab-btn .nav { display: inherit; } .gr-product-filter-tab-btn .nav-tabs { border: none; } .gr-product-filter-tab-btn li { margin: 0px 5px; } .gr-product-filter-tab-btn .nav-tabs .nav-link.active, .gr-product-filter-tab-btn .nav-tabs .nav-link:hover { color: #696969; background-color: #d7f1e5; } .gr-store-carousel button { top: 50%; width: 63px; height: 63px; border: none; line-height: 1; font-size: 18px; position: absolute; border-radius: 100%; background-color: #eaeaea; -webkit-transition: all 500ms ease; transition: all 500ms ease; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .gr-store-carousel button:hover { color: #fff; background-color: var(--base-color); } .gr-slider-content { overflow: hidden; margin-bottom: 30px; border-radius: 20px; } /* reset css end */ /* global css start */ .owl-carousel .owl-stage { -webkit-transition: all 0.8s cubic-bezier(0.65, 0.05, 0.18, 0.99) !important; -o-transition: all 0.8s cubic-bezier(0.65, 0.05, 0.18, 0.99) !important; transition: all 0.8s cubic-bezier(0.65, 0.05, 0.18, 0.99) !important; } .nice-select { background-color: transparent; height: 40px !important; line-height: 40px !important; min-height: 40px !important; padding: 0 30px; } .nice-select span { color: var(--color-black); } .nice-select .list { box-shadow: 0.975px 7.94px 21px 0px rgba(239, 239, 239, 0.5); } .nice-select .list li { margin-right: 0 !important; } .nice-select .list .option { color: var(--color-black); } .nice-select .list .option.selected, .nice-select .list .option:hover { border: none !important; } /* global css end */ .body_wrap { overflow: hidden; position: relative; } main { position: relative; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 2; background: var(--color-white); } .bg_img { background-position: center center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 100%; } .dark-bg { background-color: var(--color-dark); } .dark-bg-2 { background-color: var(--color-dark-2); } .footer-bg { background-color: #04060A; } .gray-bg { background: var(--color-gray); } .black-bg { background: #000; } .white { color: var(--color-white); } .pos-rel { position: relative; } .pos-absolute { position: absolute; } .f-right { float: right; } .border-effect a, .border-effect-2 a { display: inline !important; width: 100%; background-repeat: no-repeat; background-position-y: -2px; background-image: linear-gradient(transparent calc(100% - 2px), currentColor 1px); -webkit-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); background-size: 0 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .border-effect a:hover, .border-effect-2 a:hover { background-size: 100% 100%; color: inherit; } .border-effect-2 a { background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px); } /* play btn animation */ .popup-video { position: absolute; background: #fff; color: var(--color-primary); height: 80px; width: 80px; top: 50%; left: 0; right: 0; margin: auto; text-align: center; font-size: 18px; display: flex; align-items: center; justify-content: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; z-index: 2; } .popup-video--md { height: 70px; width: 70px; font-size: 16px; } .popup-video--sm { height: 55px; width: 55px; font-size: 14px; } .popup-video:hover { color: var(--color-primary); } .popup-video::before, .popup-video::after { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; border-radius: 50%; background-color: #fff; opacity: 0.15; z-index: -10; } .popup-video::before { z-index: -10; -webkit-animation: inner-ripple 2000ms linear infinite; -moz-animation: inner-ripple 2000ms linear infinite; animation: inner-ripple 2000ms linear infinite; } .popup-video::after { z-index: -10; -webkit-animation: outer-ripple 2000ms linear infinite; -moz-animation: outer-ripple 2000ms linear infinite; animation: outer-ripple 2000ms linear infinite; } /* animation */ @keyframes outer-ripple { 0% { transform: scale(1); filter: alpha(opacity=50); opacity: 0.5; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-filter: alpha(opacity=50); } 80% { transform: scale(1.5); filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); } 100% { transform: scale(2.5); filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(2.5); -moz-transform: scale(2.5); -ms-transform: scale(2.5); -o-transform: scale(2.5); } } @-webkit-keyframes outer-ripple { 0% { transform: scale(1); filter: alpha(opacity=50); opacity: 0.5; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } 80% { transform: scale(2.5); filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(2.5); -moz-transform: scale(2.5); -ms-transform: scale(2.5); -o-transform: scale(2.5); } 100% { transform: scale(3.5); filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(3.5); -moz-transform: scale(3.5); -ms-transform: scale(3.5); -o-transform: scale(3.5); } } @-moz-keyframes outer-ripple { 0% { transform: scale(1); filter: alpha(opacity=50); opacity: 0.5; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } 80% { transform: scale(2.5); filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(2.5); -moz-transform: scale(2.5); -ms-transform: scale(2.5); -o-transform: scale(2.5); } 100% { transform: scale(3.5); filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(3.5); -moz-transform: scale(3.5); -ms-transform: scale(3.5); -o-transform: scale(3.5); } } /* order & unorder list reset - start */ .ul_li, .ul_li_right, .ul_li_center, .ul_li_between { margin: 0px; padding: 0px; display: flex; flex-wrap: wrap; align-items: center; } .ul_li > li, .ul_li_right > li, .ul_li_center > li, .ul_li_between > li { float: left; list-style: none; display: inline-block; } .ul_li { justify-content: flex-start; } .ul_li_center { justify-content: center; } .ul_li_right { justify-content: flex-end; } .ul_li_between { justify-content: space-between; } .ul_li_block { margin: 0px; padding: 0px; display: block; } .ul_li_block > li { display: block; list-style: none; } .flex-1 { flex: 1; } .section-heading { font-size: 20px; font-weight: 500; padding-bottom: 10px; border-bottom: 1px solid var(--color-border); text-transform: capitalize; } .section-heading.fs-18 { font-size: 18px; } .section-heading.fs-16 { font-size: 16px; } .section-heading span { position: relative; color: currentColor; } .section-heading span::before { position: absolute; bottom: -15px; left: 0; width: 100%; content: ""; background-color: var(--color-primary); height: 1px; } .section-heading span span { color: var(--color-red); } .section-heading.style-2 { font-family: var(--font-body); font-weight: 600; } .section-heading.style-3 { font-family: var(--font-body); font-weight: 500; } .section-heading.style-3 span { position: relative; color: currentColor; } .section-heading.style-3 span::before { background-color: var(--color-primary-3); } .fs-13 { font-size: 13px; line-height: 20px; } .color-black { color: var(--color-black); } .br-7 { border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; } .br-10 { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; } /*** newsletter-popup-area ***/ .newsletter-popup-area-section { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); position: fixed; left: 0; top: 0; z-index: 9999; -webkit-transition: opacity 0.1s ease-in-out,z-index 0.1s ease-in-out; -o-transition: opacity 0.1s ease-in-out,z-index 0.1s ease-in-out; transition: opacity 0.1s ease-in-out,z-index 0.1s ease-in-out; opacity: 0; visibility: hidden; } @media (max-width: 991px) { .newsletter-popup-area-section { display: none; } } .newsletter-popup-area-section .newsletter-popup-area { width: 700px; background-color: var(--color-white); position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 100; margin-top: 40px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newsletter-popup-area-section .newsletter-popup-area .newsletter-popup-ineer { display: flex; align-items: center; justify-content: center; overflow: hidden; } .newsletter-popup-area-section .newsletter-popup-area .img-holder { width: 325px; float: left; } .newsletter-popup-area-section .newsletter-popup-area .details { width: calc(100% - 325px); float: left; padding: 35px; } .newsletter-popup-area-section .newsletter-popup-area h4 { font-size: 24px; margin: 0 0 0.5em; } .newsletter-popup-area-section .newsletter-popup-area p { font-size: 14px; margin: 0 0 2em; } .newsletter-popup-area-section .newsletter-popup-area form div { position: relative; } .newsletter-popup-area-section .newsletter-popup-area form div input[type="email"] { font-size: 14px; border: 1px solid #ddd; height: 46px; } .newsletter-popup-area-section .newsletter-popup-area form div input[type="email"]:focus { border-color: #ddd; } .newsletter-popup-area-section .newsletter-popup-area form div button { background: #444; height: 46px; line-height: 46px; color: var(--color-white); border: 0; outline: 0; padding: 0 25px; position: absolute; right: 0; top: 0; -webkit-transition: background 0.2s ease-in-out; -ms-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; letter-spacing: 0; } .newsletter-popup-area-section .newsletter-popup-area form div input[type="checkbox"] { position: absolute; opacity: 0; cursor: pointer; } .newsletter-popup-area-section .newsletter-popup-area form div .checkbox-holder { margin-top: 25px; padding-left: 20px; position: relative; cursor: pointer; } .newsletter-popup-area-section .newsletter-popup-area form div .checkmark { position: absolute; top: 9px; left: 0; height: 12px; width: 12px; background-color: #c7c7c7; border-radius: 50%; } .newsletter-popup-area-section .newsletter-popup-area form div .checkbox-holder input:checked ~ .checkmark { background-color: var(--color-primary); } .newsletter-popup-area-section .newsletter-popup-area form div label { font-size: 12px; font-size: calc-rem-value(12); } .newsletter-popup-area-section .newsletter-popup-area .newsletter-close-btn { top: 5px; right: 5px; line-height: 1; font-size: 24px; position: absolute; background: transparent; color: #a5a6aa; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newsletter-popup-area-section .newsletter-popup-area .newsletter-close-btn:hover { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } @media (max-width: 767px) { .newsletter-popup-area-section .newsletter-popup-area .newsletter-close-btn { right: 0; } } .newsletter-popup-area-section .newsletter-popup-area .newsletter-close-btn:hover, .newsletter-popup-area-section .newsletter-popup-area .newsletter-close-btn:focus { outline: none; box-shadow: none; } .active-newsletter-popup { opacity: 1; visibility: visible; -webkit-transition: opacity 1s ease-in-out,z-index 1s ease-in-out; -o-transition: opacity 1s ease-in-out,z-index 1s ease-in-out; transition: opacity 1s ease-in-out,z-index 1s ease-in-out; } .active-newsletter-popup .newsletter-popup-area { margin-top: 0; } .active-newsletter-popup, .activve-quick-view-single-product { opacity: 1; visibility: visible; -webkit-transition: opacity 0.2s ease-in-out,z-index 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out,z-index 0.2s ease-in-out; transition: opacity 0.2s ease-in-out,z-index 0.2s ease-in-out; } /*** cookies-area ***/ .cookies-area { background: var(--color-white); max-width: 400px; padding: 35px; position: fixed; bottom: 35px; left: 35px; z-index: 100; -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.15); box-shadow: 0 0 25px rgba(0, 0, 0, 0.15); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } @media (max-width: 991px) { .cookies-area { max-width: 280px; left: 15px; bottom: 15px; } } .cookies-area a:hover { text-decoration: underline; color: var(--color-primary); } .cookies-area p a { color: var(--color-heading); } .cookies-area .read-more { color: var(--color-heading); text-decoration: underline; } .cookies-area .cookie-btn { margin-top: 15px; border: 0; outline: 0; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .remove-cookies-area { opacity: 0; visibility: hidden; } .pagination_wrap ul { display: flex; flex-wrap: wrap; justify-content: center; margin: -5px; list-style: none; } .pagination_wrap ul li { padding: 5px; } .pagination_wrap ul li a, .pagination_wrap .current { height: 50px; width: 50px; line-height: 48px; font-size: 16px; font-weight: 500; color: var(--color-black); border: 1px solid var(--color-border); text-align: center; display: inline-block; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .pagination_wrap ul li a:hover, .pagination_wrap ul li .current { background-color: var(--color-primary); color: #fff; border-color: var(--color-primary); } /*-- - Margin & Padding -----------------------------------------*/ /*-- Margin Top --*/ .mt-none-5 { margin-top: -5px; } .mt-none-10 { margin-top: -10px; } .mt-none-15 { margin-top: -15px; } .mt-none-20 { margin-top: -20px; } .mt-none-25 { margin-top: -25px; } .mt-none-30 { margin-top: -30px; } .mt-none-35 { margin-top: -35px; } .mt-none-40 { margin-top: -40px; } .mt-none-45 { margin-top: -45px; } .mt-none-50 { margin-top: -50px; } .mt-none-55 { margin-top: -55px; } .mt-none-60 { margin-top: -60px; } .mt-none-65 { margin-top: -65px; } .mt-none-70 { margin-top: -70px; } .mt-none-75 { margin-top: -75px; } .mt-none-80 { margin-top: -80px; } .mt-none-85 { margin-top: -85px; } .mt-none-90 { margin-top: -90px; } .mt-none-95 { margin-top: -95px; } .mt-none-100 { margin-top: -100px; } /*-- Margin Top --*/ .mt-5 { margin-top: 5px; } .mt-10 { margin-top: 10px; } .mt-15 { margin-top: 15px; } .mt-20 { margin-top: 20px; } .mt-25 { margin-top: 25px; } .mt-30 { margin-top: 30px; } .mt-35 { margin-top: 35px; } .mt-40 { margin-top: 40px; } .mt-45 { margin-top: 45px; } .mt-50 { margin-top: 50px; } .mt-55 { margin-top: 55px; } .mt-60 { margin-top: 60px; } .mt-65 { margin-top: 65px; } .mt-70 { margin-top: 70px; } .mt-75 { margin-top: 75px; } .mt-80 { margin-top: 80px; } .mt-85 { margin-top: 85px; } .mt-90 { margin-top: 90px; } .mt-95 { margin-top: 95px; } .mt-100 { margin-top: 100px; } .mt-105 { margin-top: 105px; } .mt-110 { margin-top: 110px; } .mt-115 { margin-top: 115px; } .mt-120 { margin-top: 120px; } .mt-125 { margin-top: 125px; } .mt-130 { margin-top: 130px; } .mt-135 { margin-top: 135px; } .mt-140 { margin-top: 140px; } .mt-145 { margin-top: 145px; } .mt-150 { margin-top: 150px; } .mt-155 { margin-top: 155px; } .mt-160 { margin-top: 160px; } .mt-165 { margin-top: 165px; } .mt-170 { margin-top: 170px; } .mt-175 { margin-top: 175px; } .mt-180 { margin-top: 180px; } .mt-185 { margin-top: 185px; } .mt-190 { margin-top: 190px; } .mt-195 { margin-top: 195px; } .mt-200 { margin-top: 200px; } /*-- Margin Bottom --*/ .mb-5 { margin-bottom: 5px; } .mb-10 { margin-bottom: 10px; } .mb-15 { margin-bottom: 15px; } .mb-20 { margin-bottom: 20px; } .mb-25 { margin-bottom: 25px; } .mb-30 { margin-bottom: 30px; } .mb-35 { margin-bottom: 35px; } .mb-40 { margin-bottom: 40px; } .mb-45 { margin-bottom: 45px; } .mb-50 { margin-bottom: 50px; } .mb-55 { margin-bottom: 55px; } .mb-60 { margin-bottom: 60px; } .mb-65 { margin-bottom: 65px; } .mb-70 { margin-bottom: 70px; } .mb-75 { margin-bottom: 75px; } .mb-80 { margin-bottom: 80px; } .mb-85 { margin-bottom: 85px; } .mb-90 { margin-bottom: 90px; } .mb-95 { margin-bottom: 95px; } .mb-100 { margin-bottom: 100px; } .mb-105 { margin-bottom: 105px; } .mb-110 { margin-bottom: 110px; } .mb-115 { margin-bottom: 115px; } .mb-120 { margin-bottom: 120px; } .mb-125 { margin-bottom: 125px; } .mb-130 { margin-bottom: 130px; } .mb-135 { margin-bottom: 135px; } .mb-140 { margin-bottom: 140px; } .mb-145 { margin-bottom: 145px; } .mb-150 { margin-bottom: 150px; } .mb-155 { margin-bottom: 155px; } .mb-160 { margin-bottom: 160px; } .mb-165 { margin-bottom: 165px; } .mb-170 { margin-bottom: 170px; } .mb-175 { margin-bottom: 175px; } .mb-180 { margin-bottom: 180px; } .mb-185 { margin-bottom: 185px; } .mb-190 { margin-bottom: 190px; } .mb-195 { margin-bottom: 195px; } .mb-200 { margin-bottom: 200px; } /*-- Margin Left --*/ .ml-5 { margin-left: 5px; } .ml-10 { margin-left: 10px; } .ml-15 { margin-left: 15px; } .ml-20 { margin-left: 20px; } .ml-25 { margin-left: 25px; } .ml-30 { margin-left: 30px; } .ml-35 { margin-left: 35px; } .ml-40 { margin-left: 40px; } .ml-45 { margin-left: 45px; } .ml-50 { margin-left: 50px; } .ml-55 { margin-left: 55px; } .ml-60 { margin-left: 60px; } .ml-65 { margin-left: 65px; } .ml-70 { margin-left: 70px; } .ml-75 { margin-left: 75px; } .ml-80 { margin-left: 80px; } .ml-85 { margin-left: 85px; } .ml-90 { margin-left: 90px; } .ml-95 { margin-left: 95px; } .ml-100 { margin-left: 100px; } .ml-105 { margin-left: 105px; } .ml-110 { margin-left: 110px; } .ml-115 { margin-left: 115px; } .ml-120 { margin-left: 120px; } .ml-125 { margin-left: 125px; } .ml-130 { margin-left: 130px; } .ml-135 { margin-left: 135px; } .ml-140 { margin-left: 140px; } .ml-145 { margin-left: 145px; } .ml-150 { margin-left: 150px; } .ml-155 { margin-left: 155px; } .ml-160 { margin-left: 160px; } .ml-165 { margin-left: 165px; } .ml-170 { margin-left: 170px; } .ml-175 { margin-left: 175px; } .ml-180 { margin-left: 180px; } .ml-185 { margin-left: 185px; } .ml-190 { margin-left: 190px; } .ml-195 { margin-left: 195px; } .ml-200 { margin-left: 200px; } /*-- Margin Right --*/ .mr-5 { margin-right: 5px; } .mr-10 { margin-right: 10px; } .mr-15 { margin-right: 15px; } .mr-20 { margin-right: 20px; } .mr-25 { margin-right: 25px; } .mr-30 { margin-right: 30px; } .mr-35 { margin-right: 35px; } .mr-40 { margin-right: 40px; } .mr-45 { margin-right: 45px; } .mr-50 { margin-right: 50px; } .mr-55 { margin-right: 55px; } .mr-60 { margin-right: 60px; } .mr-65 { margin-right: 65px; } .mr-70 { margin-right: 70px; } .mr-75 { margin-right: 75px; } .mr-80 { margin-right: 80px; } .mr-85 { margin-right: 85px; } .mr-90 { margin-right: 90px; } .mr-95 { margin-right: 95px; } .mr-100 { margin-right: 100px; } .mr-105 { margin-right: 105px; } .mr-110 { margin-right: 110px; } .mr-115 { margin-right: 115px; } .mr-120 { margin-right: 120px; } .mr-125 { margin-right: 125px; } .mr-130 { margin-right: 130px; } .mr-135 { margin-right: 135px; } .mr-140 { margin-right: 140px; } .mr-145 { margin-right: 145px; } .mr-150 { margin-right: 150px; } .mr-155 { margin-right: 155px; } .mr-160 { margin-right: 160px; } .mr-165 { margin-right: 165px; } .mr-170 { margin-right: 170px; } .mr-175 { margin-right: 175px; } .mr-180 { margin-right: 180px; } .mr-185 { margin-right: 185px; } .mr-190 { margin-right: 190px; } .mr-195 { margin-right: 195px; } .mr-200 { margin-right: 200px; } /*-- Padding Top --*/ .pt-5 { padding-top: 5px; } .pt-10 { padding-top: 10px; } .pt-15 { padding-top: 15px; } .pt-20 { padding-top: 20px; } .pt-25 { padding-top: 25px; } .pt-30 { padding-top: 30px; } .pt-35 { padding-top: 35px; } .pt-40 { padding-top: 40px; } .pt-45 { padding-top: 45px; } .pt-50 { padding-top: 50px; } .pt-55 { padding-top: 55px; } .pt-60 { padding-top: 60px; } .pt-65 { padding-top: 65px; } .pt-70 { padding-top: 70px; } .pt-75 { padding-top: 75px; } .pt-80 { padding-top: 80px; } .pt-85 { padding-top: 85px; } .pt-90 { padding-top: 90px; } .pt-95 { padding-top: 95px; } .pt-100 { padding-top: 100px; } .pt-105 { padding-top: 105px; } .pt-110 { padding-top: 110px; } .pt-115 { padding-top: 115px; } .pt-120 { padding-top: 120px; } .pt-125 { padding-top: 125px; } .pt-130 { padding-top: 130px; } .pt-135 { padding-top: 135px; } .pt-140 { padding-top: 140px; } .pt-145 { padding-top: 145px; } .pt-150 { padding-top: 150px; } .pt-155 { padding-top: 155px; } .pt-160 { padding-top: 160px; } .pt-165 { padding-top: 165px; } .pt-170 { padding-top: 170px; } .pt-175 { padding-top: 175px; } .pt-180 { padding-top: 180px; } .pt-185 { padding-top: 185px; } .pt-190 { padding-top: 190px; } .pt-195 { padding-top: 195px; } .pt-200 { padding-top: 200px; } /*-- Padding Bottom --*/ .pb-5 { padding-bottom: 5px; } .pb-10 { padding-bottom: 10px; } .pb-15 { padding-bottom: 15px; } .pb-20 { padding-bottom: 20px; } .pb-25 { padding-bottom: 25px; } .pb-30 { padding-bottom: 30px; } .pb-35 { padding-bottom: 35px; } .pb-40 { padding-bottom: 40px; } .pb-45 { padding-bottom: 45px; } .pb-50 { padding-bottom: 50px; } .pb-55 { padding-bottom: 55px; } .pb-60 { padding-bottom: 60px; } .pb-65 { padding-bottom: 65px; } .pb-70 { padding-bottom: 70px; } .pb-75 { padding-bottom: 75px; } .pb-80 { padding-bottom: 80px; } .pb-85 { padding-bottom: 85px; } .pb-90 { padding-bottom: 90px; } .pb-95 { padding-bottom: 95px; } .pb-100 { padding-bottom: 100px; } .pb-105 { padding-bottom: 105px; } .pb-110 { padding-bottom: 110px; } .pb-115 { padding-bottom: 115px; } .pb-120 { padding-bottom: 120px; } .pb-125 { padding-bottom: 125px; } .pb-130 { padding-bottom: 130px; } .pb-135 { padding-bottom: 135px; } .pb-140 { padding-bottom: 140px; } .pb-145 { padding-bottom: 145px; } .pb-150 { padding-bottom: 150px; } .pb-155 { padding-bottom: 155px; } .pb-160 { padding-bottom: 160px; } .pb-165 { padding-bottom: 165px; } .pb-170 { padding-bottom: 170px; } .pb-175 { padding-bottom: 175px; } .pb-180 { padding-bottom: 180px; } .pb-185 { padding-bottom: 185px; } .pb-190 { padding-bottom: 190px; } .pb-195 { padding-bottom: 195px; } .pb-200 { padding-bottom: 200px; } /*-- Padding Left --*/ .pl-5 { padding-left: 5px; } .pl-10 { padding-left: 10px; } .pl-15 { padding-left: 15px; } .pl-20 { padding-left: 20px; } .pl-25 { padding-left: 25px; } .pl-30 { padding-left: 30px; } .pl-35 { padding-left: 35px; } .pl-40 { padding-left: 40px; } .pl-45 { padding-left: 45px; } .pl-50 { padding-left: 50px; } .pl-55 { padding-left: 55px; } .pl-60 { padding-left: 60px; } .pl-65 { padding-left: 65px; } .pl-70 { padding-left: 70px; } .pl-75 { padding-left: 75px; } .pl-80 { padding-left: 80px; } .pl-85 { padding-left: 85px; } .pl-90 { padding-left: 90px; } .pl-95 { padding-left: 95px; } .pl-100 { padding-left: 100px; } .pl-105 { padding-left: 105px; } .pl-110 { padding-left: 110px; } .pl-115 { padding-left: 115px; } .pl-120 { padding-left: 120px; } .pl-125 { padding-left: 125px; } .pl-130 { padding-left: 130px; } .pl-135 { padding-left: 135px; } .pl-140 { padding-left: 140px; } .pl-145 { padding-left: 145px; } .pl-150 { padding-left: 150px; } .pl-155 { padding-left: 155px; } .pl-160 { padding-left: 160px; } .pl-165 { padding-left: 165px; } .pl-170 { padding-left: 170px; } .pl-175 { padding-left: 175px; } .pl-180 { padding-left: 180px; } .pl-185 { padding-left: 185px; } .pl-190 { padding-left: 190px; } .pl-195 { padding-left: 195px; } .pl-200 { padding-left: 200px; } /*-- Padding Right --*/ .pr-5 { padding-right: 5px; } .pr-10 { padding-right: 10px; } .pr-15 { padding-right: 15px; } .pr-20 { padding-right: 20px; } .pr-25 { padding-right: 25px; } .pr-30 { padding-right: 30px; } .pr-35 { padding-right: 35px; } .pr-40 { padding-right: 40px; } .pr-45 { padding-right: 45px; } .pr-50 { padding-right: 50px; } .pr-55 { padding-right: 55px; } .pr-60 { padding-right: 60px; } .pr-65 { padding-right: 65px; } .pr-70 { padding-right: 70px; } .pr-75 { padding-right: 75px; } .pr-80 { padding-right: 80px; } .pr-85 { padding-right: 85px; } .pr-90 { padding-right: 90px; } .pr-95 { padding-right: 95px; } .pr-100 { padding-right: 100px; } .pr-105 { padding-right: 105px; } .pr-110 { padding-right: 110px; } .pr-115 { padding-right: 115px; } .pr-120 { padding-right: 120px; } .pr-125 { padding-right: 125px; } .pr-130 { padding-right: 130px; } .pr-135 { padding-right: 135px; } .pr-140 { padding-right: 140px; } .pr-145 { padding-right: 145px; } .pr-150 { padding-right: 150px; } .pr-155 { padding-right: 155px; } .pr-160 { padding-right: 160px; } .pr-165 { padding-right: 165px; } .pr-170 { padding-right: 170px; } .pr-175 { padding-right: 175px; } .pr-180 { padding-right: 180px; } .pr-185 { padding-right: 185px; } .pr-190 { padding-right: 190px; } .pr-195 { padding-right: 195px; } .pr-200 { padding-right: 200px; } /* typography css start */ h1, h2, h3, h4, h5, h6 { font-weight: 600; color: var(--color-heading); margin: 0; line-height: 1.3; font-family: var(--font-title); } h2 { font-size: 32px; } h3 { font-size: 22px; } h4 { font-size: 20px; } h5 { font-size: 18px; } h6 { font-size: 16px; } /* typography css end */ @-webkit-keyframes jump { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40% { -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes jump { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40% { -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes rotated { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotated { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes rotatedHalf { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 50% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } @keyframes rotatedHalf { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 50% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } @-webkit-keyframes rotatedHalfTwo { 0% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } 100% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } } @keyframes rotatedHalfTwo { 0% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } 100% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } } @-webkit-keyframes scale-upOne { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.2); transform: scale(0.2); } } @keyframes scale-upOne { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.2); transform: scale(0.2); } } @-webkit-keyframes scale-right { 0% { -webkit-transform: translateX(-50%); transform: translateX(-50%); } 50% { -webkit-transform: translateX(50%); transform: translateX(50%); } 100% { -webkit-transform: translateX(-50%); transform: translateX(-50%); } } @keyframes scale-right { 0% { -webkit-transform: translateX(-50%); transform: translateX(-50%); } 50% { -webkit-transform: translateX(50%); transform: translateX(50%); } 100% { -webkit-transform: translateX(-50%); transform: translateX(-50%); } } @-webkit-keyframes fade-in { 0% { opacity: 0.7; } 40% { opacity: 1; } 100% { opacity: 0.7; } } @keyframes fade-in { 0% { opacity: 0.7; } 40% { opacity: 1; } 100% { opacity: 0.7; } } @keyframes hvr-ripple-out { 0% { top: 0; right: 0; bottom: 0; left: 0; } 100% { top: -6px; right: -6px; bottom: -6px; left: -6px; } } @keyframes hvr-ripple-out-two { 0% { top: 0; right: 0; bottom: 0; left: 0; } 100% { top: -18px; right: -18px; bottom: -18px; left: -18px; opacity: 0; } } @-webkit-keyframes scale-up-one { 0% { -webkit-transform: scale(1); transform: scale(1); } 40% { -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes scale-up-one { 0% { -webkit-transform: scale(1); transform: scale(1); } 40% { -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes scale-up-two { 0% { -webkit-transform: scale(0.5); transform: scale(0.5); } 40% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(0.5); transform: scale(0.5); } } @keyframes scale-up-two { 0% { -webkit-transform: scale(0.5); transform: scale(0.5); } 40% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(0.5); transform: scale(0.5); } } @-webkit-keyframes scale-up-three { 0% { -webkit-transform: scale(0.7); transform: scale(0.7); } 40% { -webkit-transform: scale(0.4); transform: scale(0.4); } 100% { -webkit-transform: scale(0.7); transform: scale(0.7); } } @keyframes scale-up-three { 0% { -webkit-transform: scale(0.7); transform: scale(0.7); } 40% { -webkit-transform: scale(0.4); transform: scale(0.4); } 100% { -webkit-transform: scale(0.7); transform: scale(0.7); } } @keyframes animationFramesOne { 0% { transform: translate(0px, 0px) rotate(0deg); -webkit-transform: translate(0px, 0px) rotate(0deg); -moz-transform: translate(0px, 0px) rotate(0deg); -ms-transform: translate(0px, 0px) rotate(0deg); -o-transform: translate(0px, 0px) rotate(0deg); } 20% { transform: translate(73px, -1px) rotate(36deg); -webkit-transform: translate(73px, -1px) rotate(36deg); -moz-transform: translate(73px, -1px) rotate(36deg); -ms-transform: translate(73px, -1px) rotate(36deg); -o-transform: translate(73px, -1px) rotate(36deg); } 40% { transform: translate(141px, -20px) rotate(72deg); -webkit-transform: translate(141px, -20px) rotate(72deg); -moz-transform: translate(141px, -20px) rotate(72deg); -ms-transform: translate(141px, -20px) rotate(72deg); -o-transform: translate(141px, -20px) rotate(72deg); } 60% { transform: translate(83px, -60px) rotate(108deg); -webkit-transform: translate(83px, -60px) rotate(108deg); -moz-transform: translate(83px, -60px) rotate(108deg); -ms-transform: translate(83px, -60px) rotate(108deg); -o-transform: translate(83px, -60px) rotate(108deg); } 80% { transform: translate(-40px, 72px) rotate(144deg); -webkit-transform: translate(-40px, 72px) rotate(144deg); -moz-transform: translate(-40px, 72px) rotate(144deg); -ms-transform: translate(-40px, 72px) rotate(144deg); -o-transform: translate(-40px, 72px) rotate(144deg); } 100% { transform: translate(0px, 0px) rotate(0deg); -webkit-transform: translate(0px, 0px) rotate(0deg); -moz-transform: translate(0px, 0px) rotate(0deg); -ms-transform: translate(0px, 0px) rotate(0deg); -o-transform: translate(0px, 0px) rotate(0deg); } } @-webkit-keyframes animationFramesOne { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg); } 20% { -webkit-transform: translate(73px, -1px) rotate(36deg); } 40% { -webkit-transform: translate(141px, 72px) rotate(72deg); } 60% { -webkit-transform: translate(83px, 122px) rotate(108deg); } 80% { -webkit-transform: translate(-40px, 72px) rotate(144deg); } 100% { -webkit-transform: translate(0px, 0px) rotate(0deg); } } @keyframes animationFramesTwo { 0% { transform: translate(0px, 0px) rotate(0deg) scale(1); } 20% { transform: translate(73px, -1px) rotate(36deg) scale(0.9); } 40% { transform: translate(141px, 72px) rotate(72deg) scale(1); } 60% { transform: translate(83px, 122px) rotate(108deg) scale(1.2); } 80% { transform: translate(-40px, 72px) rotate(144deg) scale(1.1); } 100% { transform: translate(0px, 0px) rotate(0deg) scale(1); } } @-webkit-keyframes animationFramesTwo { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1); } 20% { -webkit-transform: translate(73px, -1px) rotate(36deg) scale(0.9); } 40% { -webkit-transform: translate(141px, 72px) rotate(72deg) scale(1); } 60% { -webkit-transform: translate(83px, 122px) rotate(108deg) scale(1.2); } 80% { -webkit-transform: translate(-40px, 72px) rotate(144deg) scale(1.1); } 100% { -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1); } } @keyframes animationFramesThree { 0% { transform: translate(165px, -30px); -webkit-transform: translate(165px, -30px); -moz-transform: translate(165px, -30px); -ms-transform: translate(165px, -30px); -o-transform: translate(165px, -30px); } 100% { transform: translate(-60px, 80px); -webkit-transform: translate(-60px, 80px); -moz-transform: translate(-60px, 80px); -ms-transform: translate(-60px, 80px); -o-transform: translate(-60px, 80px); } } @-webkit-keyframes animationFramesThree { 0% { transform: translate(165px, -30px); -webkit-transform: translate(165px, -30px); -moz-transform: translate(165px, -30px); -ms-transform: translate(165px, -30px); -o-transform: translate(165px, -30px); } 100% { transform: translate(-60px, 80px); -webkit-transform: translate(-60px, 80px); -moz-transform: translate(-60px, 80px); -ms-transform: translate(-60px, 80px); -o-transform: translate(-60px, 80px); } } @keyframes animationFramesFour { 0% { transform: translate(0px, 60px) rotate(0deg); -webkit-transform: translate(0px, 60px) rotate(0deg); -moz-transform: translate(0px, 60px) rotate(0deg); -ms-transform: translate(0px, 60px) rotate(0deg); -o-transform: translate(0px, 60px) rotate(0deg); } 100% { transform: translate(-100px, -100px) rotate(180deg); -webkit-transform: translate(-100px, -100px) rotate(180deg); -moz-transform: translate(-100px, -100px) rotate(180deg); -ms-transform: translate(-100px, -100px) rotate(180deg); -o-transform: translate(-100px, -100px) rotate(180deg); } } @-webkit-keyframes animationFramesFour { 0% { transform: translate(0px, 60px) rotate(0deg); -webkit-transform: translate(0px, 60px) rotate(0deg); -moz-transform: translate(0px, 60px) rotate(0deg); -ms-transform: translate(0px, 60px) rotate(0deg); -o-transform: translate(0px, 60px) rotate(0deg); } 100% { transform: translate(-100px, -100px) rotate(180deg); -webkit-transform: translate(-100px, -100px) rotate(180deg); -moz-transform: translate(-100px, -100px) rotate(180deg); -ms-transform: translate(-100px, -100px) rotate(180deg); -o-transform: translate(-100px, -100px) rotate(180deg); } } @keyframes animationFramesFive { 0% { transform: translate(0, 0) rotate(0deg); -webkit-transform: translate(0, 0) rotate(0deg); -moz-transform: translate(0, 0) rotate(0deg); -ms-transform: translate(0, 0) rotate(0deg); -o-transform: translate(0, 0) rotate(0deg); } 21% { transform: translate(4px, -20px) rotate(38deg); -webkit-transform: translate(4px, -20px) rotate(38deg); -moz-transform: translate(4px, -20px) rotate(38deg); -ms-transform: translate(4px, -20px) rotate(38deg); -o-transform: translate(4px, -20px) rotate(38deg); } 41% { transform: translate(-50px, -60px) rotate(74deg); -webkit-transform: translate(-50px, -60px) rotate(74deg); -moz-transform: translate(-50px, -60px) rotate(74deg); -ms-transform: translate(-50px, -60px) rotate(74deg); -o-transform: translate(-50px, -60px) rotate(74deg); } 60% { transform: translate(-20px, -30px) rotate(108deg); -webkit-transform: translate(-20px, -30px) rotate(108deg); -moz-transform: translate(-20px, -30px) rotate(108deg); -ms-transform: translate(-20px, -30px) rotate(108deg); -o-transform: translate(-20px, -30px) rotate(108deg); } 80% { transform: translate(-195px, -49px) rotate(144deg); -webkit-transform: translate(-195px, -49px) rotate(144deg); -moz-transform: translate(-195px, -49px) rotate(144deg); -ms-transform: translate(-195px, -49px) rotate(144deg); -o-transform: translate(-195px, -49px) rotate(144deg); } 100% { transform: translate(-1px, 0px) rotate(180deg); -webkit-transform: translate(-1px, 0px) rotate(180deg); -moz-transform: translate(-1px, 0px) rotate(180deg); -ms-transform: translate(-1px, 0px) rotate(180deg); -o-transform: translate(-1px, 0px) rotate(180deg); } } @-webkit-keyframes animationFramesFive { 0% { transform: translate(0, 0) rotate(0deg); -webkit-transform: translate(0, 0) rotate(0deg); -moz-transform: translate(0, 0) rotate(0deg); -ms-transform: translate(0, 0) rotate(0deg); -o-transform: translate(0, 0) rotate(0deg); } 21% { transform: translate(4px, -20px) rotate(38deg); -webkit-transform: translate(4px, -20px) rotate(38deg); -moz-transform: translate(4px, -20px) rotate(38deg); -ms-transform: translate(4px, -20px) rotate(38deg); -o-transform: translate(4px, -20px) rotate(38deg); } 41% { transform: translate(-50px, -60px) rotate(74deg); -webkit-transform: translate(-50px, -60px) rotate(74deg); -moz-transform: translate(-50px, -60px) rotate(74deg); -ms-transform: translate(-50px, -60px) rotate(74deg); -o-transform: translate(-50px, -60px) rotate(74deg); } 60% { transform: translate(-20px, -30px) rotate(108deg); -webkit-transform: translate(-20px, -30px) rotate(108deg); -moz-transform: translate(-20px, -30px) rotate(108deg); -ms-transform: translate(-20px, -30px) rotate(108deg); -o-transform: translate(-20px, -30px) rotate(108deg); } 80% { transform: translate(-195px, -49px) rotate(144deg); -webkit-transform: translate(-195px, -49px) rotate(144deg); -moz-transform: translate(-195px, -49px) rotate(144deg); -ms-transform: translate(-195px, -49px) rotate(144deg); -o-transform: translate(-195px, -49px) rotate(144deg); } 100% { transform: translate(-1px, 0px) rotate(180deg); -webkit-transform: translate(-1px, 0px) rotate(180deg); -moz-transform: translate(-1px, 0px) rotate(180deg); -ms-transform: translate(-1px, 0px) rotate(180deg); -o-transform: translate(-1px, 0px) rotate(180deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes zoominup { 0% { transform: scale(1.1); } 50% { transform: scale(1); } 100% { transform: scale(1.1); } } @-webkit-keyframes updown { 0% { transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); } 50% { transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); } 100% { transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); } } @keyframes ltr { 0% { width: 0; } 15% { width: 95%; } 85% { opacity: 1; } 90% { width: 95%; opacity: 0; } to { width: 0; opacity: 0; } } /*circleAnimation*/ @-webkit-keyframes circleAnimation { 0%, 100% { border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%; -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 34% { border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%; -webkit-transform: translate3d(0, 5px, 0) rotateZ(0.01deg); transform: translate3d(0, 5px, 0) rotateZ(0.01deg); } 50% { -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 67% { border-radius: 100% 60% 60% 100% / 100% 100% 60% 60%; -webkit-transform: translate3d(0, -3px, 0) rotateZ(0.01deg); transform: translate3d(0, -3px, 0) rotateZ(0.01deg); } } /*-- - Overlay ------------------------------------------*/ [data-overlay] { position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; } [data-overlay]::before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ""; width: 100%; height: 100%; } /*-- Overlay Color --*/ [data-overlay="light"]::before { background-color: var(--color-white); } [data-overlay="dark"]::before { background-color: var(--color-black); } /*-- Overlay Opacity --*/ [data-opacity="1"]::before { opacity: 0.1; } [data-opacity="2"]::before { opacity: 0.2; } [data-opacity="3"]::before { opacity: 0.3; } [data-opacity="4"]::before { opacity: 0.4; } [data-opacity="5"]::before { opacity: 0.5; } [data-opacity="6"]::before { opacity: 0.6; } [data-opacity="7"]::before { opacity: 0.7; } [data-opacity="8"]::before { opacity: 0.8; } [data-opacity="9"]::before { opacity: 0.9; } .gr-slider-content { overflow: hidden; margin-bottom: 30px; border-radius: 20px; } .header { position: relative; } .header__top-wrap { border: 1px solid var(--color-border); padding: 4px 0; } @media (max-width: 767px) { .header__top-wrap { display: none; } } @media (max-width: 767px) { .header__top { justify-content: center; } } @media (max-width: 767px) { .header__top-left { justify-content: center; } } .header__top-left li { position: relative; } .header__top-left li:not(:last-child) { margin-right: 9px; padding-right: 11px; } .header__top-left li:not(:last-child)::before { position: absolute; top: 7px; right: 0; content: ""; width: 1px; height: 17px; background-color: #ddd; } .header__top-left li span, .header__top-left li a, .header__top-left li i { color: var(--color-primary); } .header__top-left li i { -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px); } .header__middle { padding: 30px 0; } @media (max-width: 767px) { .header__middle { padding: 20px 0; } } .header__middle.ptb-15 { padding: 15px 0; } .header .uk-active { background-color: var(--color-white); box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07); -webkit-box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07); z-index: 99; padding: 10px 0; } .uk-active .header__category { display: none; } .header__logo { max-width: 180px; } @media (max-width: 1199px) { .header__logo { max-width: 160px; } } @media (max-width: 767px) { .header__logo { max-width: 140px; } } .header__wrap.uk-sticky .header__logo { display: none; max-width: 160px; margin-right: 90px; } @media (max-width: 991px) { .header__wrap.uk-sticky .header__logo { display: none !important; } } .header__wrap.uk-active .header__logo { display: block; } @media (max-width: 1199px) { .header__wrap.uk-active .header__logo { display: none; } } .header__top-middle .icon { margin-right: 5px; } @media (max-width: 991px) { .header__info { display: none; } } .header__info-item { position: relative; } .header__info-item:not(:last-child) { margin-right: 35px; padding-right: 35px; } @media (max-width: 1199px) { .header__info-item:not(:last-child) { margin-right: 10px; padding-right: 10px; } } .header__info-item:not(:last-child)::before { position: absolute; top: -8px; right: 0; width: 1px; height: 56px; background-color: var(--color-border); content: ""; } .header__info-item .icon { width: 27px; display: flex; align-items: center; justify-content: center; margin-right: 12px; } .header__info-item .content { width: calc(100% - 39px); } .header__info-item .content h4 { font-size: 13px; color: #3E445A; font-weight: 600; font-family: var(--font-body); line-height: 1; } .header__info-item .content span { font-size: 14px; color: #7F899D; } .header__icons .icon { margin-right: 16px; position: relative; } .header__icons .icon .count { position: absolute; top: -2px; right: -10px; min-width: 17px; height: 17px; font-size: 11px; color: var(--color-white); display: flex; align-items: center; justify-content: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background-color: var(--color-primary-3); } .header__icons .icon.wishlist-icon { margin-right: 22px; } .header__icons .icon.shopping-bag { margin-right: 25px; } @media (max-width: 767px) { .header__icons .icon.shopping-bag { margin-right: 5px; } } .header__icons .icon.shopping-bag .count { background-color: #FF8A00; } .header__icons .cart_btn { cursor: pointer; } @media (max-width: 767px) { .header__icons .shopping-info { display: none; } } .header__icons .shopping-info span { display: block; line-height: 20px; font-size: 13px; } .header__icons .shopping-info .items { color: #5F6871; font-weight: 500; } .header__icons .shopping-info .shopping-cart { color: #000E27; } @media (max-width: 767px) { .header__top-right { justify-content: center; } } .header__top-right > li { font-size: 15px; position: relative; } .header__top-right > li:not(:last-child) { margin-right: 10px; padding-right: 10px; } .header__top-right > li:not(:last-child)::before { position: absolute; top: 7px; right: 0; content: ""; width: 1px; height: 17px; background-color: #ddd; } .header__top-right > li a { color: inherit; } .header__top-right > li i { font-size: 12px; margin-right: 5px; color: #6D7079; } .header__top-right .date { color: var(--color-white); } .header__top-right .date i { margin-right: 5px; font-size: 13px; } .header__language ul { list-style: none; } .header__language ul > li { position: relative; } .header__language ul .lang-btn { display: block; text-align: right; font-size: 16px; } .header__language ul .lang-btn img { margin-right: 4px; } .header__language ul .lang-btn i { font-size: 11px; padding-left: 2px; -webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px); } .header__language ul li:hover ul { opacity: 1; visibility: visible; top: 100%; } .header__language ul li a { color: inherit; } .header__language .lang_sub_list { background: var(--color-white); border-radius: 5px; overflow: hidden; opacity: 0; visibility: hidden; top: 120%; transition: 0.3s; position: absolute; right: 0; z-index: 9; box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05); } .header__language .lang_sub_list ul > li { border-radius: 4px; overflow: hidden; } .header__language .lang_sub_list li a { display: block; padding-right: 29px; min-height: 37px; line-height: 37px; padding-left: 18px; font-size: 15px; font-weight: 500; } .header__language .lang_sub_list li a:hover { background: #f6f6f6; } .header__language .lang_sub_list li:not(:last-child) { border-bottom: 1px solid #ededed; } .header__language.style-2 { border: 1px solid var(--color-border); padding: 4px 17px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; } .header__lang { position: relative; margin-right: 20px; padding-right: 15px; } @media (max-width: 991px) { .header__lang { display: none; } } .header__lang::before { position: absolute; top: 7px; right: 0; width: 1px; height: 20px; content: ""; background-color: #DFDEDE; } .header__category { width: 243px; margin-right: 28px; } @media (max-width: 1199px) { .header__category { display: none; } } .header__category-nav { color: var(--color-black); background-color: var(--color-primary); padding: 10px; display: flex; font-size: 16px; align-items: center; justify-content: center; font-family: var(--font-title); font-weight: 600; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; width: 100%; } .header__category-nav:hover { color: var(--color-black); } .header__category-nav .bar { margin-right: 20px; } .header__category-nav i { margin-left: 25px; font-size: 10px; } .header__search { max-width: 255px; position: relative; } @media (max-width: 767px) { .header__search { max-width: 200px; } } .header__search input { height: 48px; border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; border: 1px solid var(--color-border); font-size: 15px; } .header__search button { position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: transparent; color: #64698A; } .header__social { position: relative; margin-left: 27px; padding-left: 18px; } .header__social::before { position: absolute; top: 0; left: 0; width: 1px; height: 23px; background-color: var(--color-border); content: ""; } .header__social a { color: #071C1F; font-size: 16px; } .header__social a:not(:first-child) { margin-left: 20px; } .header__social a:hover { color: var(--color-primary); } @media (max-width: 1200px) { .header__social { display: none; } } .header__top-info-wrap.has-bg { background-color: var(--color-primary-3); } .header__top-info { padding: 14px 0 4px; } .header__top-info > ul li a, .header__top-info > ul li span { color: inherit; } .header__top-info > ul li { color: var(--color-white); font-size: 14px; position: relative; } .header__top-info > ul li:not(:last-child) { margin-right: 10px; padding-right: 10px; } .header__top-info > ul li:not(:last-child)::before { position: absolute; top: 9px; right: 0; width: 1px; height: 12px; background-color: #aaa; content: ""; } .header__top-info > ul li i { font-size: 13px; margin-right: 5px; } .header__search-box { display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0 auto; max-width: 738px; min-width: auto; position: relative; width: 100%; border: 1px solid #ddd; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; } @media only screen and (min-width: 1200px) and (max-width: 1500px) { .header__search-box { max-width: 500px; } } @media (max-width: 1199px) { .header__search-box { max-width: 450px; } } @media (max-width: 991px) { .header__search-box { margin-right: 0; } } @media (max-width: 767px) { .header__search-box { display: none; } } .header__search-box .select-box { min-width: 190px; position: relative; } .header__search-box .select-box::before { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; width: 1px; height: 27px; background-color: #ccc; content: ""; } .header__search-box .select-box select { font-size: 15px; border: 0; cursor: pointer; padding: 0 10px; } .header__search-box input { border: 0; font-size: 15px; } .header__search-box button { position: absolute; top: 3px; right: 3px; bottom: 3px; width: 49px; height: 49px; background-color: var(--color-primary-3); font-size: 16px; color: var(--color-white); } .header__cat-wrap { position: absolute; top: 100%; left: 0; right: 0; z-index: 6; } .header__cat-wrap::before { position: absolute; top: 0; left: 0; width: 100%; content: ""; background-color: var(--color-white); height: 18px; z-index: -1; } .header__cat-wrap .header__wrap { background-color: var(--color-white); padding: 17px 20px; } .header__cat-wrap.uk-active .header__wrap { padding: 10px 0; } @media (max-width: 767px) { .header__cat-wrap.uk-active .header__wrap { padding: 5px 0; } } .header__cat .hamburger_menu { margin-right: 33px; } @media only screen and (min-width: 1200px) and (max-width: 1500px) { .header__cat .hamburger_menu { margin-right: 20px; } } @media (max-width: 1199px) { .header__cat .hamburger_menu { margin-right: 20px; } } .header__cat ul li { position: relative; } .header__cat ul li:not(:last-child) { margin-right: 15px; padding-right: 15px; } @media only screen and (min-width: 1200px) and (max-width: 1500px) { .header__cat ul li:not(:last-child) { margin-right: 12px; padding-right: 12px; } } @media (max-width: 1199px) { .header__cat ul li:not(:last-child) { margin-right: 10px; padding-right: 10px; } } .header__cat ul li:last-child:before { background: transparent; } .header__cat ul li::before { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; width: 1px; height: 14px; background-color: #D0CFCF; content: ""; } .header__cat ul li a { color: #100B0B; font-size: 14px; display: flex; align-items: center; } .header__cat ul li a span { margin-right: 7px; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; } @media (max-width: 1199px) { .header__cat ul li a span { width: 15px; height: 15px; } } @media (max-width: 991px) { .header__cat .category { display: none; } } .header__style-three .header__social { margin-left: 0; } .header__style-three .header__social a { color: var(--color-white); font-size: 14px; } .header__style-three .header__social a:not(:first-child) { margin-left: 15px; } .header__style-three .header__social::before { display: none; } @media (max-width: 991px) { .header__style-three .header__icons, .header__style-four .header__icons { display: none; } } @media (max-width: 767px) { .header__style-three .header__middle, .header__style-four .header__middle { justify-content: center; } } @media (max-width: 991px) { .header__style-five .header__middle { justify-content: center; } } .header__style-four .header__top-info > ul li, .header__style-four .header__top-right .date { color: var(--color-default); } .header__style-four .header__top-info > ul li i, .header__style-four .header__top-right .date i { color: var(--color-primary-3); } .header__style-four .header__top-info { border-bottom: 1px solid var(--color-border); } .header__style-four .header__social a:hover { color: var(--color-primary-3); } .header__style-five .header__top-wrap { border: 0; padding: 0; } .header__style-five .header__top { border-bottom: 1px solid var(--color-border); padding: 4px 0; } @media (max-width: 991px) { .header__style-five .header__top { justify-content: center; } } .header__style-five .header__top-right > li { font-size: 14px; } .header__style-five .header__search { max-width: 520px; width: 100%; } @media (max-width: 1199px) { .header__style-five .header__search { max-width: 400px; } } @media (max-width: 991px) { .header__style-five .header__search { display: none; } } .header__style-five .header-date { font-size: 14px; color: #4D4D4D; font-weight: 500; } @media (max-width: 991px) { .header__style-five .header-date { display: none; } } .header__style-five .header-date i { color: var(--color-primary); font-size: 13px; margin-right: 6px; } .header__style-five .header__social { margin-left: 0; padding-left: 0; } .header__style-five .header__social::before { display: none; } .header__style-five .header__language.currency .lang-btn, .header__style-five .header__language.currency .lang_sub_list li a { font-size: 14px; } .header__style-five .header__icons .icon .count { background-color: var(--color-primary); } @media (max-width: 991px) { .header__style-five .header__icons { display: none; } } .login-sign-btn { line-height: 1; } @media (max-width: 1199px) { .login-sign-btn { display: none; } } @media (max-width: 991px) { .login-sign-btn { display: block; } } .login-sign-btn a { padding: 13px 18px; font-size: 14px; text-transform: capitalize; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; } .login-sign-btn .thm-btn__2:hover { background-color: var(--color-primary-3); } .login-sign-btn .thm-btn__2:hover .btn-wrap span { color: var(--color-white); } .login-sign-btn .thm-btn__2 .btn-wrap span { color: var(--color-black); } /* Navigation css */ .main-menu { flex: 1; } .main-menu.navbar { position: static; } .main-menu__nav ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; padding: 0; margin: 0; } .main-menu__nav ul li { position: relative; padding: 8px 0; } .main-menu__nav ul li:not(:last-child) { margin-right: 10px; } .main-menu__nav ul li .submenu li { margin-right: 0 !important; } .main-menu__nav ul li a { display: block; text-decoration: none; font-size: 16px; font-weight: 700; color: #40465C; padding: 2px 16px; position: relative; font-family: var(--font-title); } .main-menu__nav ul li.menu-item-has-children > a::after { content: "\f107"; font-family: "Font Awesome 5 Pro"; font-size: 14px; transform: translateY(0px); display: inline-block; padding-left: 6px; font-weight: 400; } .main-menu__nav ul li:hover > a, .main-menu__nav ul li.active > a { color: var(--color-primary-2); background: rgba(43, 190, 249, 0.07); border-radius: 17px; } .main-menu__nav ul li:hover > .submenu { visibility: visible; opacity: 1; -webkit-transform: scaleY(100%); -ms-transform: scaleY(100%); transform: scaleY(100%); } .main-menu__nav ul li .submenu { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: absolute; min-width: 215px; top: 115%; visibility: hidden; opacity: 0; background: var(--color-white); padding: 11px 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05); box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05); z-index: 3; text-align: left; transform-origin: 50% 0; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); border-radius: 5px; } .main-menu__nav ul li .submenu li { padding: 0; } .main-menu__nav ul li .submenu li a { padding: 6px 25px; } .main-menu__nav ul li .submenu li:hover > a, .main-menu__nav ul li .submenu li.active > a { color: var(--color-primary-2); border-radius: 0; } .main-menu__nav ul li .submenu li.menu-item-has-children > a::after { position: absolute; top: 11px; right: 16px; line-height: 1; font-size: 13px; content: "\f105"; letter-spacing: 1px; } .main-menu__nav ul li .submenu ul { left: 100%; top: 0px; } .main-menu__nav ul li.has-mega-menu { position: static; } .main-menu__nav ul li.has-mega-menu li { width: 100%; } .main-menu__nav ul li.has-mega-menu:hover > ul { top: 100%; visibility: visible; opacity: 1; -webkit-transform: scaleY(100%); -ms-transform: scaleY(100%); transform: scaleY(100%); } .main-menu__nav ul li .mega-menu { width: 100%; padding: 30px 20px 0; left: 0; right: 0; background-color: #fff; border-top: 1px solid #E9EBE8; position: absolute; top: 100%; z-index: 3; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); opacity: 0; visibility: hidden; transform-origin: 50% 0; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); } .main-menu__nav ul li .mega-menu .mega-menu-content { max-width: 1325px; margin: 0 auto; } .main-menu__nav ul li .mega-menu .mega-menu-content a { padding: 0; } .main-menu__nav ul li .mega-menu .mega-menu-content .col { margin-bottom: 30px; } .main-menu__nav ul li .mega-menu .mega-menu-content .demo-pic { border: 1px solid #E9EBE8; margin-bottom: 10px; } .main-menu__nav ul li .mega-menu h3 { font-size: 15px; font-family: var(--font-body); } .main-menu ul li.menu-last ul.submenu { right: 0; left: auto; } .main-menu ul li.menu-last ul.submenu ul { right: auto; left: -100%; } .header__style-two .main-menu__nav ul li:hover > a, .header__style-two .main-menu__nav ul li.active > a { color: var(--color-primary); background: rgba(var(--color-primary-rgb), 0.1); } .header__style-two .main-menu__nav ul li .submenu li:hover > a, .header__style-two .main-menu__nav ul li .submenu li.active > a { color: var(--color-primary); border-radius: 0; } .header__style-five .main-menu__nav ul li a { font-size: 14px; font-weight: 500; font-family: var(--font-body); } .header__style-five .main-menu__nav ul li:hover > a, .header__style-five .main-menu__nav ul li.active > a { color: var(--color-primary); background: none; } .header__style-five .main-menu__nav ul li .submenu li:hover > a, .header__style-five .main-menu__nav ul li .submenu li.active > a { color: var(--color-primary); border-radius: 0; } .header__style-five .main-menu__nav ul li.menu-item-has-children > a:after { content: "\f142"; font-size: 12px; } /*---------------------------------------------------- */ /*Header area*/ /*----------------------------------------------------*/ .gr-header-section .gr-header-top-content { color: #fff; padding: 10px 0px; background-color: var(--base-color); } .gr-header-section .gr-header-top-content .gr-header-top-slug { margin-right: 40px; position: relative; } .gr-header-section .gr-header-top-content .gr-header-top-slug:before { top: 0; width: 1px; content: ""; right: -19px; height: 20px; position: absolute; background-color: #fff; } .gr-header-section .gr-header-top-content .header-currency { position: relative; } .gr-header-section .gr-header-top-content .header-currency:before { top: 4px; width: 1px; right: -18px; height: 13px; content: ""; position: absolute; background-color: #fff; } .gr-header-section.sticky-on { top: 0; width: 100%; z-index: 10; position: fixed; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; background-color: #fff; -webkit-animation-name: slideInDown; animation-name: slideInDown; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; -webkit-box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.1); } .gr-header-section.sticky-on .gr-header-top-content { display: none; } .gr-header-section.sticky-on .gr-header-menu-cta-area { display: none; } .gr-header-section.sticky-on .gr-header-search-cart-button-area { padding: 15px 0px; } .gr-header-top-list li { margin-left: 30px; position: relative; } .gr-header-top-list li:before { top: 7px; width: 1px; right: -18px; height: 13px; content: ""; position: absolute; background-color: #fff; } .gr-header-top-list li a { color: #fff; } .gr-header-top-select select { margin-left: 30px; -webkit-appearance: none; background-color: transparent; height: auto; } .gr-header-section .gr-header-top-content .gr-header-top-slug span { color: inherit; } .gr-header-top-select select option { position: 5px; color: #000000; } .gr-header-search-cart-button-area { padding: 28px 0px; border-bottom: 1px solid #ececec; } .gr-header-search-area { width: 100%; max-width: 550px; } .gr-header-search-area input { width: 100%; height: 58px; padding-left: 35px; border-radius: 40px; border: 1px solid #e0e0e0; } .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input { width: 100%; height: 58px; padding-left: 35px; border-radius: 40px; border: 1px solid #e0e0e0; } .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit { top: 7px; right: 7px; padding: 0; width: 55px; border: none; height: 45px; color: #555555; line-height: 1; position: absolute; border-radius: 40px; background-color: #ebebeb; -webkit-transition: all 300ms ease; transition: all 300ms ease; min-height: auto; } .dgwt-wcas-has-img .dgwt-wcas-suggestion.dgwt-wcas-suggestion-product { padding: 10px 15px; } .dgwt-wcas-st { font-size: 18px; font-weight: 500; } .dgwt-wcas-st span { color: var(--color-black); } a.dgwt-wcas-suggestion.js-dgwt-wcas-suggestion-more.dgwt-wcas-suggestion-more { padding: 23px; background: var(--color-black); color: #fff; } .dgwt-wcas-suggestion.dgwt-wcas-suggestion-more .dgwt-wcas-st-more, .dgwt-wcas-suggestion.dgwt-wcas-suggestion-more .dgwt-wcas-st-more span { color: #fff; font-size: 18px; } .dgwt-wcas-si {width: 70px;} .dgwt-wcas-suggestion-selected { background: var(--base-color); } .dgwt-wcas-suggestion-selected .dgwt-wcas-st span{ color: #fff; } .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit:before { border: none; } .dgwt-wcas-has-submit .dgwt-wcas-search-submit svg path{ fill: #555555;} .gr-header-search-area button { top: 7px; right: 7px; padding: 0; width: 55px; border: none; height: 45px; color: #555555; line-height: 1; position: absolute; border-radius: 40px; background-color: #ebebeb; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .gr-header-search-area button:hover { color: #fff; background-color: var(--base-color); } .gr-header-cta-area .inner-icon, .gr-header-email-cta .inner-icon { font-size: 30px; margin-right: 15px; color: var(--base-color); } .gr-header-cta-area .inner-text, .gr-header-email-cta .inner-text { line-height: 1.2; } .gr-header-cta-area .inner-text span, .gr-header-email-cta .inner-text span { display: block; font-size: 17px; } .gr-header-cta-area .inner-text b, .gr-header-email-cta .inner-text b { color: #191919; display: block; font-size: 18px; } .gr-header-email-cta .inner-text span { font-weight: 500; color: #191919; } .gr-header-cart-wishlist-btn .gr-header-action-btn { margin-left: 10px; } .gr-header-cart-wishlist-btn .gr-header-action-btn button { width: 45px; border: none; height: 45px; line-height: 1; color: #555555; border-radius: 100%; background-color: #f5f5f5; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .gr-header-cart-wishlist-btn .gr-header-action-btn button:hover { color: #fff; background-color: var(--base-color); } .gr-header-cart-wishlist-btn .gr-header-action-btn .top-tag { right: 0; top: -7px; color: #fff; width: 20px; height: 20px; font-size: 14px; font-weight: 700; border-radius: 100%; background-color: var(--base-color); } .gr-header-menu-cta-area { padding: 15px 0px; } .gr-header-category-btn span { color: #fff; line-height: 1; cursor: pointer; position: relative; border-radius: 10px; display: inline-block; padding: 12px 50px 12px 30px; background-color: var(--base-color); } .gr-header-category-btn span:before { top: 15px; right: 25px; font-size: 14px; content: "\f078"; font-weight: 400; position: absolute; font-family: "Font Awesome 5 Pro"; } .gr-header-category-btn span i { margin-right: 10px; } .gr-header-category-area { max-width: 260px; margin-right: 25px; } .gr-header-category-area .gr-header-category-item { padding-top: 10px; -webkit-box-shadow: 0 18px 43px rgba(90, 90, 90, 0.14); -ms-box-shadow: 0 18px 43px rgba(90, 90, 90, 0.14); -o-box-shadow: 0 18px 43px rgba(90, 90, 90, 0.14); box-shadow: 0 18px 43px rgba(90, 90, 90, 0.14); min-width: 250px; position: absolute; background: #fff; padding: 22px 0; top: 100%; left: 0; margin-top: 0; margin-bottom: 0; min-width: 270px; z-index: 99; visibility: hidden; opacity: 0; -webkit-box-shadow: 0 18px 43px rgba(90, 90, 90, 0.14); -ms-box-shadow: 0 18px 43px rgba(90, 90, 90, 0.14); -o-box-shadow: 0 18px 43px rgba(90, 90, 90, 0.14); box-shadow: 0 18px 43px rgba(90, 90, 90, 0.14); -webkit-transition: all 220ms linear 0ms; transition: all 220ms linear 0ms; border-radius: 6px; clip: rect(1px, 1px, 1px, 1px); -webkit-transform: scaleY(0); -khtml-transform: scaleY(0); transform: scaleY(0); transform-origin: 0 0 0; -webkit-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; -o-transform-origin: 0 0 0; } .gr-header-category-area .gr-header-category-item li { white-space: nowrap; } .gr-header-category-area .gr-header-category-item li a { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 26px; font-weight: 500; line-height: 42px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #f2f2f2; } .gr-header-category-area .gr-header-category-item li a:hover { background-color: #f0f5e5; color: var(--base-color); } .gr-header-category-area .gr-header-category-item .list-sub-category { position: relative; } .gr-header-category-area .gr-header-category-item .list-sub-category:before { top: 7px; right: 15px; content: "\f054"; font-weight: 400; position: absolute; font-family: "Font Awesome 5 Pro"; } .gr-header-category-area .gr-header-category-item .list-sub-category:hover .sub-category { visibility: visible; opacity: 1; clip: inherit; -webkit-transform: scaleY(1); -khtml-transform: scaleY(1); transform: scaleY(1); } .gr-header-category-area .gr-header-category-item .sub-category { padding-top: 10px; -webkit-box-shadow: 0 18px 43px rgba(90, 90, 90, 0.14); -ms-box-shadow: 0 18px 43px rgba(90, 90, 90, 0.14); -o-box-shadow: 0 18px 43px rgba(90, 90, 90, 0.14); box-shadow: 0 18px 43px rgba(90, 90, 90, 0.14); min-width: 250px; position: absolute; background: #fff; padding: 10px 0; top: 0; left: 100%; margin-top: 0; margin-bottom: 0; min-width: 270px; z-index: 99; visibility: hidden; opacity: 0; -webkit-box-shadow: 0 18px 43px rgba(90, 90, 90, 0.14); -ms-box-shadow: 0 18px 43px rgba(90, 90, 90, 0.14); -o-box-shadow: 0 18px 43px rgba(90, 90, 90, 0.14); box-shadow: 0 18px 43px rgba(90, 90, 90, 0.14); -webkit-transition: all 220ms linear 0ms; transition: all 220ms linear 0ms; border-radius: 6px; clip: rect(1px, 1px, 1px, 1px); -webkit-transform: scaleY(0); -khtml-transform: scaleY(0); transform: scaleY(0); transform-origin: 0 0 0; -webkit-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; -o-transform-origin: 0 0 0; } .gr-header-category-area:hover .gr-header-category-item { visibility: visible; opacity: 1; clip: inherit; -webkit-transform: scaleY(1); -khtml-transform: scaleY(1); transform: scaleY(1); } .gr-main-navigation-area .nav { display: inherit; } .gr-main-navigation-area li { margin: 0px 25px; } .gr-main-navigation-area li a { color: #555555; font-size: 18px; font-weight: 500; padding-bottom: 30px; } .gr-main-navigation-area li a:hover { color: var(--base-color); } .gr-main-navigation-area .dropdown { position: relative; } .gr-main-navigation-area .dropdown:after { top: 0px; right: -15px; font-size: 18px; color: var(--base-color-2); font-weight: 300; content: "\f107"; font-weight: 300; position: absolute; font-family: "Font Awesome 5 Pro"; -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .gr-main-navigation-area .dropdown:hover > .dropdown-menu { visibility: visible; opacity: 1; clip: inherit; -webkit-transform: scaleY(1); -khtml-transform: scaleY(1); transform: scaleY(1); } .gr-main-navigation-area .dropdown-menu { left: 0; top: 48px; z-index: 100; margin: 0px; padding: 20px 0; height: auto; min-width: 250px; display: block; border: none; border-radius: 0; position: absolute; opacity: 0; background: #fff; border-radius: 2px; -webkit-transform: scaleY(0); transform: scaleY(0); transform-origin: 0 0 0; -webkit-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; -o-transform-origin: 0 0 0; text-align: left; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07); } .gr-main-navigation-area .dropdown-menu .dropdown-menu { top: 0px; left: 100%; -webkit-transform: scaleY(0) !important; transform: scaleY(0) !important; opacity: 0 !important; transform-origin: 0 0 0; -webkit-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; -o-transform-origin: 0 0 0; } .gr-main-navigation-area .dropdown-menu .dropdown-menu a { font-size: 14px; font-weight: 500; color: #000000; } .gr-main-navigation-area .dropdown-menu .dropdown-menu a:hover { color: var(--base-color); } .gr-main-navigation-area .dropdown-menu li { display: block; margin: 0 !important; -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .gr-main-navigation-area .dropdown-menu li:last-child { border-bottom: none; } .gr-main-navigation-area .dropdown-menu li:after { display: none; } .gr-main-navigation-area .dropdown-menu li:hover > .dropdown-menu { top: 0; -webkit-transform: scaleY(1) !important; transform: scaleY(1) !important; opacity: 1 !important; } .gr-main-navigation-area .dropdown-menu a { width: 100%; display: block; position: relative; padding: 10px 30px !important; font-size: 15px !important; } .gr-main-navigation-area .dropdown-menu a:before { display: none; } .gr-main-navigation-area .dropdown-menu a:after { top: 10px !important; left: 30px !important; opacity: 0 !important; } .gr-main-navigation-area .dropdown-menu a:hover { color: var(--base-color) !important; padding-left: 40px !important; } .gr-main-navigation-area .dropdown-menu a:hover:after { left: 20px !important; opacity: 1 !important; } .or-ofcanvas-cart-wrapper { top: 0; right: 0; z-index: 20; width: 310px; height: 100vh; position: fixed; overflow: hidden; overflow-y: auto; background-color: #fff; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.8s ease 0s; transition: -webkit-transform 0.8s ease 0s; transition: transform 0.8s ease 0s; transition: transform 0.8s ease 0s, -webkit-transform 0.8s ease 0s; } .or-ofcanvas-cart-wrapper::-webkit-scrollbar { width: 5px; } .or-ofcanvas-cart-wrapper::-webkit-scrollbar-thumb { background-color: var(--base-color); outline: 1px solid slategrey; } .or-ofcanvas-cart-wrapper .or-ofcanvas-cart-content { padding: 30px 20px; } .or-ofcanvas-cart-wrapper .title-area { padding-bottom: 8px; margin-bottom: 60px; border-bottom: 1px solid #dedede; } .or-ofcanvas-cart-wrapper .title-area .cart-title span { font-size: 18px; font-weight: 600; color: var(--title-color); } .or-ofcanvas-cart-wrapper .title-area .cart-close button { padding: 0; border: none; font-size: 18px; background-color: transparent; } .or-ofcanvas-cart-wrapper .or-ofcart-product-item { margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px solid #dedede; } .or-ofcanvas-cart-wrapper .or-ofcart-product-item:last-child { border-bottom: none; } .or-ofcanvas-cart-wrapper .or-ofcart-product-item .or-ofcart-product-img { width: 60px; height: 60px; margin-right: 10px; } .or-ofcanvas-cart-wrapper .or-ofcart-product-item .or-ofcart-product-text h3 { color: var(--title-color); font-size: 18px; font-weight: 700; padding-bottom: 2px; } .or-ofcanvas-cart-wrapper .or-ofcart-product-item .or-ofcart-product-text span { font-size: 14px; } .or-ofcanvas-cart-wrapper .pro-remove { top: 5px; right: 0; cursor: pointer; } .or-ofcanvas-cart-wrapper .pro-remove:hover { color: var(--base-color); } .or-ofcanvas-cart-wrapper.or-canvas-cart-on { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; -webkit-transform: translateX(0); transform: translateX(0); -webkit-box-shadow: 0 2px 27px rgba(54, 54, 54, 0.13); box-shadow: 0 2px 27px rgba(54, 54, 54, 0.13); } .or-ofcart-total span { color: var(--title-color); font-weight: 600; } .or-ofcart-total .total-btn { margin-top: 30px; } .or-ofcart-total .total-btn a { color: #fff; width: 100%; height: 50px; display: block; font-weight: 600; line-height: 50px; margin-bottom: 15px; border-radius: 30px; background-color: var(--base-color); } /*Mobile area*/ /*----------------------------------------------------*/ .mobile_logo { top: 10px; left: 15px; display: none; position: absolute; } .mobile_menu_content { top: 0px; bottom: 0; left: -350px; height: 100vh; z-index: 101; position: fixed; width: 310px; overflow-y: scroll; background-color: #fff; padding: 20px 35px 35px 35px; -webkit-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.19); box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.19); -webkit-transition: all 0.5s ease-in; transition: all 0.5s ease-in; } .mobile_menu_content .mobile-main-navigation { width: 100%; } .mobile_menu_content .mobile-main-navigation .navbar-nav { width: 100%; } .mobile_menu_content .dropdown:after { display: none; } .mobile_menu_content .navbar-nav .dropdown-menu { position: static !important; -webkit-transform: none !important; transform: none !important; } .mobile_menu_content .mobile-main-navigation .navbar-nav li { width: 100%; display: block; -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .mobile_menu_content .mobile-main-navigation .navbar-nav li a { padding: 0; width: 100%; color: #000; display: block; font-weight: 600; font-size: 14px; text-transform: uppercase; padding: 10px 30px 10px 0; } .mobile_menu_content .m-brand-logo { width: 200px; margin: 50px auto; } .mobile_menu_wrap.mobile_menu_on .mobile_menu_content { left: 0px; -webkit-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .mobile_menu_overlay { top: 0; width: 100%; height: 100%; position: fixed; z-index: 100; right: 0%; height: 120vh; opacity: 0; visibility: hidden; background-color: rgba(255, 255, 255, 0.5); -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .mobile_menu_overlay_on { overflow: hidden; } .mobile_menu_wrap.mobile_menu_on .mobile_menu_overlay { opacity: 1; visibility: visible; } .mobile_menu_button { right: 0px; top: -60px; z-index: 5; color: var(--base-color); display: none; font-size: 24px; cursor: pointer; line-height: 38px; position: absolute; text-align: center; } .mobile_menu .mobile-main-navigation .navbar-nav li a:after { display: none; } .mobile_menu .mobile-main-navigation .dropdown > .dropdown-menu { opacity: 1; visibility: visible; } .mobile_menu .in-m-search { position: relative; margin-bottom: 35px; } .mobile_menu .in-m-search input { width: 100%; height: 50px; padding-left: 20px; border: 1px solid #d5d5d5; } .mobile_menu .in-m-search button { top: 0; right: 0; width: 50px; height: 50px; color: #fff; border: none; position: absolute; border: none; background-color: var(--base-color); } .mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu { border: none; display: none; -webkit-transition: none; transition: none; -webkit-box-shadow: none; box-shadow: none; padding: 5px 0px; width: 100%; background-color: transparent; } .mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu li { border: none; padding: 0 10px; line-height: 1; } .mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu li:hover { background-color: transparent; } .mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu li a { color: #000 !important; } .mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu li a:hover { background-color: transparent; } .mobile_menu .dropdown { position: relative; } .mobile_menu .dropdown .dropdown-btn { top: 3px; right: 0; height: 30px; color: #000; padding: 5px 10px; position: absolute; -webkit-transition: 500ms all ease; transition: 500ms all ease; } .mobile_menu .dropdown .dropdown-btn.toggle-open { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .mobile_menu .mobile_menu_close { top: 25px; right: 25px; color: #000; font-size: 20px; cursor: pointer; position: absolute; } .gr-header-section a { color: inherit; } /* social link */ .social-links a { border-radius: 4px; font-size: 15px; text-align: center; color: var(--color-black); text-decoration: none; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .social-links a:not(:last-child) { margin-right: 10px; } .social-links a:hover { border-color: var(--color-white); color: var(--color-black); } .thm-btn { font-size: 15px; padding: 15px 30px; padding-right: 52px; z-index: 1; text-align: center; color: #ffffff; background: var(--color-primary-2); display: inline-block; line-height: 1.3; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; overflow: hidden; position: relative; font-weight: 500; text-transform: uppercase; border-radius: 53px; -webkit-border-radius: 53px; -moz-border-radius: 53px; -ms-border-radius: 53px; -o-border-radius: 53px; } @media (max-width: 1199px) { .thm-btn { padding: 17px 28px; padding-right: 50px; } } .thm-btn i { position: absolute; top: 50%; right: 30px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #fff; font-size: 13px; transition: all .3s ease; } .thm-btn:hover { background-color: var(--color-primary); } .thm-btn:hover i { right: 28px; } .thm-btn:hover .btn-wrap span:nth-child(1) { -webkit-transform: translateY(-150%); -ms-transform: translateY(-150%); transform: translateY(-150%); } .thm-btn:hover .btn-wrap span:nth-child(2) { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .thm-btn.br-0 { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .thm-btn.br-1 { border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; } .thm-btn.fs-12 { font-size: 12px; } .thm-btn.fs-14 { font-size: 14px; } .thm-btn.no-icon { padding: 15px 30px; } .thm-btn .btn-wrap { position: relative; overflow: hidden; display: block; } .thm-btn .btn-wrap span { color: var(--color-white); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .thm-btn .btn-wrap span:nth-child(1) { display: block; position: relative; } .thm-btn .btn-wrap span:nth-child(2) { position: absolute; top: 100%; display: block; } .thm-btn__2 { background: var(--color-primary); } .thm-btn__2:hover { background-color: var(--color-primary-2); } .thm-btn__3 { background: var(--color-primary-3); } .thm-btn__3:hover { background-color: var(--color-primary); } .thm-btn__4 { background: var(--color-red-deep); } .thm-btn__4:hover { background-color: var(--color-primary); } .btns a { margin-right: 30px; margin-top: 20px; } .btns a:last-child { margin-right: 0; } @media (max-width: 991px) { .btns a { margin-right: 20px; } } .view-cart-btn, .cookie-btn { background-color: var(--color-primary); color: var(--color-white); font-weight: 500; height: 40px; line-height: 40px; text-align: center; display: inline-block; padding: 0 35px; } /*----------------------------------------*/ /* 04. globel /*----------------------------------------*/ @media (min-width: 1024px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1350px; } } .tagcloud { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; margin: -10px; } .tagcloud a { display: block; color: #77787B; background-color: #F6F6F6; min-height: 36px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; align-items: center; font-size: 14px !important; text-transform: capitalize; text-decoration: none; font-weight: 500; padding: 0px 17px; margin: 7px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; } .tagcloud a:hover { color: #fff; background-color: var(--color-primary) !important; } .post-tags li { font-size: 15px; text-transform: capitalize; position: relative; } .post-tags li:not(:first-child, :last-child) { margin-right: 11px; padding-right: 15px; } .post-tags li:not(:first-child, :last-child)::before { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 5px; height: 5px; background-color: var(--color-primary); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; content: ""; } .post-tags li span { display: inline-block; background-color: var(--color-primary); padding: 0px 10px; line-height: 25px; color: #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; margin-right: 12px; } .post-tags li a { color: var(--color-black); } .post-tags li a:hover { color: var(--color-black); } .hamburger_menu .icon { font-size: 22px; } .widget__post .tx-post:not(:last-child) { margin-bottom: 20px; } .widget__post .post-thumb { width: 100px; height: 84px; margin-right: 15px; } .widget__post .post-content { width: calc(100% - 115px); } .widget__post .post-title { font-size: 16px; font-weight: 500; font-family: var(--font-body); } .widget__social li { display: flex; align-items: center; justify-content: space-between; } .widget__social li:not(:last-child) { margin-bottom: 29px; } .widget__social li .icon { border: 1px solid var(--color-border); width: 40px; height: 40px; color: var(--color-default); display: flex; align-items: center; justify-content: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; margin-right: 13px; font-size: 16px; } .widget__social li span { color: var(--color-black); font-size: 18px; font-family: var(--font-title); } @media only screen and (min-width: 1200px) and (max-width: 1500px) { .widget__social li span { font-size: 16px; } } .widget__social li a { font-size: 15px; font-weight: 500; color: var(--color-default); align-items: center; justify-content: center; width: 100px; display: flex; border: 1px solid var(--color-border); border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; font-family: var(--font-title); } .widget__social li a:hover { color: #fff; background-color: var(--color-primary); border-color: var(--color-primary) !important; box-shadow: 0px 4px 11px rgba(255, 24, 78, 0.3); -webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); transform: translateY(-1px); } .widget__social.style-2 li a:hover { background-color: var(--color-primary-2); border-color: var(--color-primary-2) !important; box-shadow: 0px 4px 11px rgba(41, 98, 255, 0.3); } .widget__twitter-feeds li { display: flex; } .widget__twitter-feeds li:not(:last-child) { margin-bottom: 25px; } .widget__twitter-feeds .icon { font-size: 24px; color: #0095E9; width: 24px; margin-right: 10px; } .widget__twitter-feeds .content { width: calc(100% - 34px); font-size: 14px; margin-top: -5px; } .widget__twitter-feeds span { font-size: 14px; color: #656A7D; } .widget__twitter-feeds .user-name { font-family: var(--font-title); } .widget__twitter-feeds .twitter-api { font-size: 14px; color: var(--color-black); font-weight: 500; margin-right: 11px; } .widget__twitter-feeds p { font-size: 14px; color: #71737E; line-height: 21px; margin-bottom: 8px; } .widget__twitter-feeds p a { color: #585A6B; font-weight: 500; } .widget__twitter-feeds .date i { margin-right: 5px; } .post-meta li { position: relative; } .post-meta li:not(:last-child) { margin-right: 10px; padding-right: 10px; } .post-meta li:not(:last-child)::before { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; width: 1px; height: 10px; background-color: #C4C4C4; content: ""; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; } .post-meta li i { margin-right: 4px; } .post-meta .avatar img { width: 25px; height: 25px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; overflow: hidden; margin-right: 6px; } .post-meta--2 .post-meta__author { margin-right: 10px; } .post-meta--2 .post-meta__author .avatar img { width: 19px; height: 19px; } .post-meta--2 .date i { margin-right: 5px; } .tx-post:hover .post-thumb img { -webkit-transform: scale(1.02); transform: scale(1.03); } .widget__post .post-thumb img { height: 82px; object-fit: cover; } .tx-post .post-thumb { position: relative; overflow: hidden; } .tx-post .post-thumb img { width: 100%; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .tx-post .post-thumb::before { z-index: 1; } .tx-post .post-thumb.br-3 { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } .tx-post .post-thumb.br-4 { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; } .tx-post .post-title a { color: var(--color-black); } .tx-post .post-number { position: absolute; top: 0; left: 0; width: 20px; height: 20px; background-color: var(--color-primary); display: flex; align-items: center; justify-content: center; color: #fff; font-size: 12px; font-weight: 700; } .tx-post .post-number.style-2 { background-color: var(--color-primary-2); width: 22px; height: 22px; } .tx-post .read-more a { color: var(--color-primary); font-size: 14px; } .tx-post .read-more a i { padding-left: 5px; font-size: 12px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .tx-post .read-more a:hover i { padding-left: 7px; } .tx-post .cat { font-size: 12px; font-weight: 500; color: #999999; text-transform: uppercase; display: inline-block; line-height: 1; } .post-cat { background-color: var(--color-primary); padding: 1px 17px; color: #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; font-size: 14px; font-weight: 400; text-transform: uppercase; display: inline-block; letter-spacing: .6px; } .post-img .post-cat { position: absolute; top: 12px; left: 14px; } /* cart sidebar */ .cart_sidebar { padding-bottom: 50px; } .cart_sidebar .heading_title { line-height: 1; font-size: 18px; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #f6f6f6; font-weight: 700; } .cart_item:not(:last-child) { margin-bottom: 20px; } .cart_item .item_image { display: block; min-width: 60px; overflow: hidden; position: relative; margin-right: 10px; width: 60px; padding: 5px; } .cart_item .item_title { font-size: 14px; font-weight: 500; margin-bottom: 10px; font-family: 'Roboto', sans-serif; } .cart_item .item_price { line-height: 1; display: block; font-size: 14px; font-weight: 500; color: #ff8e28; } .cart_item .remove_btn { top: 50%; right: 0px; color: #ed366a; width: 20px; height: 20px; font-size: 12px; line-height: 19px; text-align: center; position: absolute; border-radius: 100%; background-color: #ffffff; box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.15); transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .cart_sidebar .total_price { display: flex; font-size: 16px; font-weight: 500; margin-top: 30px; padding: 10px 0px; margin-bottom: 20px; align-items: center; color: #1e1d23; border-top: 1px solid #f6f6f6; border-bottom: 1px solid #f6f6f6; justify-content: space-between; } .cart_sidebar .btns_group { margin: -5px; } .cart_sidebar .btns_group li { width: 50%; padding: 5px; } .cart_sidebar .btns_group li a { font-size: 12px; padding: 13px 24px; } .cart_sidebar { top: 0; width: 300px; right: -320px; height: 100vh; z-index: 9999; position: fixed; padding: 50px 20px; overflow-y: scroll; scrollbar-width: none; background-color: #ffffff; box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.29); transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86); -webkit-transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86); -moz-transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86); -ms-transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86); -o-transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86); } .cart_sidebar .mCustomScrollBox { overflow: visible !important; } .cart_sidebar.active { right: 0px; } .cart_sidebar .cart_close_btn { top: 15px; right: 20px; line-height: 1; font-size: 24px; position: absolute; background: transparent; color: #a5a6aa; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .cart_sidebar .cart_close_btn:hover { transform: rotate(180deg); } .category-nav { position: relative; width: 243px; margin-right: 24px; } @media (max-width: 1199px) { .category-nav { display: none; } } .category-nav__list { background-color: var(--color-white); border: 1px solid #E5E5E5; box-shadow: 0px 4px 22px rgba(0, 0, 0, 0.05); width: 100%; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; padding: 10px 0; padding-bottom: 20px; } .category-nav__list li { position: relative; padding: 0 20px; } .category-nav__list li a { color: var(--color-default); font-size: 14px; padding: 12px 0; display: block; } .category-nav__list li a img { margin-right: 15px; width: 25px; } .category-nav__list li:hover > ul { left: calc(100% + 1px); opacity: 1; visibility: visible; pointer-events: unset; } .category-nav > ul ul { position: absolute; left: 98%; right: auto; top: 0; width: 226px; background: var(--color-white); z-index: 1; padding: 0; opacity: 0; visibility: hidden; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; pointer-events: none; box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); list-style: none; padding: 10px 0; z-index: 2; } .category-nav > ul ul li a { padding: 5px 0; } .category-nav > ul > li:hover > ul { left: calc(100% + 1px); opacity: 1; visibility: visible; pointer-events: unset; } .category-nav > ul > li > a { position: relative; } .category-nav > ul > li.menu-item-has-children > a::before { content: "\f105"; font-family: "Font Awesome 5 Pro"; font-weight: 400; font-size: 12px; font-size: calc-rem-value(8); position: absolute; right: -7px; top: 13px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .category__slide .slick-arrow { position: absolute; top: 50%; left: -20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #103178; font-size: 16px; cursor: pointer; } .category__slide .slick-arrow.slick-next { left: auto; right: -20px; } .category__item { margin: 0 15px; } .category__icon { width: 40px; height: 40px; margin: auto; margin-bottom: 18px; display: flex; align-items: center; justify-content: center; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .category__item:hover .category__icon { -webkit-transform: scale(1.07); -ms-transform: scale(1.07); transform: scale(1.07); } .category__title { text-align: center; font-size: 16px; } .vertical-menu-list { position: absolute; top: 56px; left: 0; z-index: 3; } /*** ==================================================================== Search Popup ==================================================================== ***/ .search-popup { position: fixed; left: 0; top: 0; height: 100vh; width: 100%; z-index: 99999; margin-top: -540px; transform: translateY(-100%); -webkit-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1); -moz-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1); -o-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1); transition: all 1500ms cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); } .search-popup .color-layer { position: absolute; content: ''; left: 0; top: 0; height: 100vh; width: 100%; background-color: rgba(0, 0, 0, 0.9); -webkit-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1); -moz-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1); -o-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1); transition: all 1500ms cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); } .sidenav-bar-visible .search-popup { width: 80%; } .search-popup:after { position: absolute; left: 0; top: 100%; width: 100%; height: 560px; background-image: url(../img/waves-shape.png); background-repeat: no-repeat; background-position: center; background-size: cover; margin-top: 0px; content: ""; } .search-active .search-popup { transform: translateY(0%); margin-top: var(--margin-zero); } .search-popup .close-search { position: absolute; left: 0; right: 0; top: 75%; margin: 0 auto; margin-top: -200px; border-radius: 50%; text-align: center; background-color: var(--color-primary); width: 70px; cursor: pointer; border-bottom: 3px solid var(--color-white); -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; opacity: 0; visibility: hidden; } .search-popup .close-search span { position: relative; display: block; height: 66px; width: 63px; font-size: 26px; line-height: 67px; color: #fff; } .search-active .search-popup .close-search { visibility: visible; opacity: 1; top: 50%; -webkit-transition-delay: 1500ms; -moz-transition-delay: 1500ms; -ms-transition-delay: 1500ms; -o-transition-delay: 1500ms; transition-delay: 1500ms; } .search-popup form { position: absolute; max-width: 700px; top: 50%; left: 15px; right: 15px; z-index: 999; margin: -35px auto 0; transform: scaleX(0); transform-origin: center; background-color: var(--color-black); -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .search-active .search-popup form { transform: scaleX(1); -webkit-transition-delay: 1200ms; -moz-transition-delay: 1200ms; -ms-transition-delay: 1200ms; -o-transition-delay: 1200ms; transition-delay: 1200ms; } .search-popup-group { position: relative; margin: var(--margin-zero); overflow: hidden; } .search-popup-group input[type="text"], .search-popup-group input[type="search"] { position: relative; display: block; font-size: 18px; line-height: 50px; color: var(--color-black); height: 70px; width: 100%; padding: 10px 30px; background-color: var(--color-white); -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; font-weight: 500; text-transform: capitalize; border: 0; } .search-popup-group input[type="submit"], .search-popup-group button { position: absolute; right: 30px; top: 0px; height: 70px; line-height: 70px; background: transparent; text-align: center; font-size: 24px; color: var(--color-black); padding: 0; cursor: pointer; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .search-popup-group input[type="submit"]:hover, .search-popup-group button:hover { color: var(--color-black); } .search-popup input::placeholder, .search-popup textarea::placeholder { color: var(--color-black); } .search-popup .close-search.style-two { position: absolute; right: 25px; left: auto; color: var(--color-white); width: auto; height: auto; top: 25px; margin: 0px; border: none; background: none !important; box-shadow: none !important; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .search-popup .close-search.style-two span { font-size: 20px; color: var(--color-white); } .main-header .mobile-menu .menu-box .mCSB_scrollTools { width: 3px; } .search-box-outer { width: 50px; height: 50px; border: 1px solid #E1E0E0; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: var(--color-white); margin-left: 25px; cursor: pointer; } .banner { position: relative; z-index: 1; } .banner__main { width: calc(100% - 267px); position: relative; padding-left: 80px; } @media (max-width: 1200px) { .banner__main { padding-left: 30px; } } @media (max-width: 1199px) { .banner__main { width: 100%; } } @media (max-width: 767px) { .banner__main { padding: 50px 20px 0 20px; } } .banner__height { min-height: 553px; background-color: #F7F7FD; } .banner__img { position: absolute; bottom: 0; right: 13px; } @media (max-width: 991px) { .banner__img { max-width: 340px; } } @media (max-width: 767px) { .banner__img { position: inherit; margin-top: 23px; right: auto; left: 0; } } .banner__img-two { position: absolute; top: 50%; right: -100px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 1199px) { .banner__img-two { right: -40px; max-width: 380px; } } @media (max-width: 991px) { .banner__img-two { position: unset; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); } } .banner__content .subtitle { font-size: 13px; font-weight: 600; padding: 0px 8px; background-color: var(--color-primary-2); color: var(--color-white); display: inline-block; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; letter-spacing: .5px; margin-bottom: 15px; } .banner__content .subtitle.color-1 { color: var(--color-black); background-color: var(--color-primary); } .banner__content .subtitle.color-3 { background-color: var(--color-primary-3); } .banner__content .title { font-size: 42px; font-family: var(--font-body); font-weight: 600; margin-bottom: 17px; } @media (max-width: 1200px) { .banner__content .title { font-size: 35px; } } @media (max-width: 767px) { .banner__content .title { font-size: 25px; } } .banner__content .content { font-size: 16px; margin-bottom: 40px; font-weight: 600; color: #949392; margin-bottom: 15px; } .banner__content .price { font-size: 29px; font-family: var(--font-body); } .banner__content .price span { font-size: 33px; color: #FF6D1B; } @media (max-width: 767px) { .banner__content--2 { padding: 0 20px; } } .banner__content--2 .title { font-size: 36px; } @media (max-width: 767px) { .banner__content--2 .title { font-size: 25px; } } .banner__content--2 .content { font-size: 15px; color: #625E5A; } .banner__content--3 .subtitle { background-color: var(--color-primary); color: var(--color-black); } .banner__content--3 .title { font-size: 40px; font-weight: 500; } @media (max-width: 767px) { .banner__content--3 .title { font-size: 25px; } } .banner__content--3 .content { font-weight: 400; } .banner__content--3 .price { font-weight: 400; } .banner__content--3 .price span { color: var(--color-red); font-style: italic; font-weight: 400; } .banner__single { padding: 0px 45px; padding-right: 30px; min-height: 224px; position: relative; } @media (max-width: 767px) { .banner__single { padding: 60px 25px; } } .banner__single .content > span { background-color: #50AD06; font-size: 12px; display: inline-block; font-weight: 600; color: var(--color-white); padding: 0 15px; letter-spacing: 1px; margin-bottom: 12px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; line-height: 26px; } .banner__single .content h2 { font-size: 18px; line-height: 1.5; margin-bottom: 25px; } .banner__single .content a { font-size: 16px; text-transform: uppercase; color: var(--color-heading); font-weight: 600; } .banner__single .content a i { padding-left: 6px; } .banner__single .content a:hover i::before { transform: translateX(170%); } .banner__single .content a i { font-size: 17px; line-height: 0; position: relative; overflow: hidden; text-shadow: -1.5em 0 0 currentColor; -webkit-transform: translateY(2px); -ms-transform: translateY(2px); transform: translateY(2px); } .banner__single .content a i::before { transition: transform 0.4s; display: inline-block; line-height: 1; } @media only screen and (min-width: 1200px) and (max-width: 1500px) { .banner__single .thumb { max-width: 300px; } } @media (max-width: 1199px) { .banner__single .thumb { max-width: 200px; } } @media (max-width: 991px) { .banner__single .thumb { max-width: 300px; } } @media (max-width: 767px) { .banner__single .thumb { margin-top: 20px; } } .banner__single.style-2 .content > span { background-color: var(--color-primary); color: var(--color-black); } .banner__single-offer { position: absolute; top: 14px; right: 220px; } @media (max-width: 1199px) { .banner__single-offer { right: 190px; } } @media (max-width: 767px) { .banner__single-offer { right: 5px; } } .banner__single-offer span { font-weight: 600; color: var(--color-white); text-align: center; line-height: 20px; } .banner__single-offer .offer { position: absolute; z-index: 1; top: 57%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 21px; } .banner__single-offer .offer span { font-size: 13px; } .banner__single.style-2 .banner__single-offer { top: auto; bottom: 20px; right: 270px; } @media (max-width: 1199px) { .banner__single.style-2 .banner__single-offer { right: 200px; } } @media (max-width: 767px) { .banner__single.style-2 .banner__single-offer { right: 5px; bottom: 100px; top: 5px; bottom: auto; } } .banner__single.style-2 .banner__single-offer span { color: var(--color-black); } .banner__style-2 { min-height: 732px; } @media only screen and (min-width: 1200px) and (max-width: 1500px) { .banner__style-2 { min-height: 650px; } } @media (max-width: 1199px) { .banner__style-2 { min-height: 600px; } } .banner__style-2 > .shape { position: absolute; z-index: -1; } .banner__style-2 .shape1 { left: 0; top: 0; } .banner__style-2 .shape2 { left: 90px; bottom: 70px; } .banner__style-2 .banner__content { -webkit-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); } .banner__style-2 .banner__content .subtitle { background-color: var(--color-primary-3); } .banner__style-2 .banner__content .title { color: var(--color-white); font-size: 44px; } @media (max-width: 767px) { .banner__style-2 .banner__content .title { font-size: 25px; } } .banner__style-2 .banner__content .price { color: var(--color-white); } .banner__style-2 .banner__content .price span { color: var(--color-primary-3); } .banner__style-3 { min-height: 732px; } @media only screen and (min-width: 1200px) and (max-width: 1500px) { .banner__style-3 { min-height: 650px; } } @media (max-width: 1199px) { .banner__style-3 { min-height: 700px; } } @media (max-width: 991px) { .banner__style-3 { min-height: 1300px; } } .banner__style-3 .banner-wrap { -webkit-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); } .banner__style-3 > .shape { position: absolute; z-index: -1; } .banner__style-3 .shape1 { left: 0; top: 0; } .banner__style-3 .shape2 { left: 90px; bottom: 70px; } .banner__content-wrap { padding-left: 45px; } @media (max-width: 991px) { .banner__content-wrap { padding-left: 0; margin-top: 30px; } } .banner__line-shape { position: absolute; left: 58%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: 30px; } @media (max-width: 991px) { .banner__line-shape { display: none; } } .tx-banner .banner-01 { margin-right: 30px; } @media (max-width: 991px) { .tx-banner .banner-01 { margin-right: 15px; } } .add-banner { padding: 30px; } .add-banner__h320 { height: 320px; } .add-banner__h440 { height: 440px; } .add-banner__h340 { height: 340px; } .add-banner__h460 { height: 460px; } .add-banner__h245 { height: 245px; } .add-banner__h450 { height: 450px; } .add-banner__h470 { height: 470px; } .add-banner__h475 { height: 475px; } .add-banner__h450 { height: 450px; } .add-banner__h520 { height: 520px; } .add-banner__h555 { height: 555px; } .add-banner__h490 { height: 490px; } .add-banner > span, .add-banner__content span { font-size: 12px; font-weight: 600; color: var(--color-red); display: inline-block; text-transform: uppercase; margin-bottom: 5px; } .add-banner h3 { font-size: 20px; font-weight: 500; text-transform: uppercase; font-family: var(--font-body); line-height: 35px; } .add-banner .upto-offer span { color: var(--color-red); } .add-banner__2 > span { font-size: 18px; text-transform: capitalize; color: var(--color-black); margin-bottom: 0; } .add-banner__2 h3 { font-size: 15px; text-transform: capitalize; color: #FF8717; -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); } .add-banner__3 { padding: 40px; } .add-banner__3 span { font-size: 12px; text-transform: uppercase; color: var(--color-orange); } .add-banner__3 h3 { font-size: 20px; text-transform: capitalize; color: var(--color-black); line-height: 31px; font-weight: 600; font-family: var(--font-body); -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); } .add-banner__3 .upto-offer span { color: var(--color-orange); } .add-banner__3 .upto-offer .offer-no { font-size: 32px; } .add-banner__btn { font-size: 14px; font-weight: 600; font-family: var(--font-title); color: var(--color-black); } .add-banner.fd-column { display: flex; align-items: center; justify-content: space-between; flex-direction: column; } .add-banner__3.fd-column { align-items: inherit; } .add-banner__img { max-width: 200px; } .add-banner__img.mxw_160 { max-width: 160px; } .offer-banner__item { height: 185px; padding: 20px 45px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; } .offer-banner__content span { color: var(--color-orange); font-size: 13px; display: inline-block; text-transform: uppercase; } .offer-banner__content h3 { font-size: 17px; font-weight: 700; font-family: var(--font-body); text-transform: uppercase; margin-bottom: 5px; } .offer-banner__content .price { font-size: 14px; margin-bottom: 14px; } .offer-banner__content .price span { font-size: 16px; color: var(--color-orange); margin-left: 4px; } .offer-banner__content a { color: var(--color-black); font-family: var(--font-title); font-weight: 600; } .offer-banner__side { background-color: #F5F5F5; min-height: 492px; padding: 40px 20px 30px; } .offer-banner__side span { font-size: 12px; font-weight: 500; text-transform: uppercase; color: var(--color-red); display: inline-block; } .offer-banner__side h3 { font-size: 20px; line-height: 33px; font-weight: 600; font-family: var(--font-body); margin-bottom: 20px; text-transform: capitalize; } .offer-banner__side h4 { font-size: 26px; color: #FF8717; margin-bottom: 20px; } .offer-banner__img { max-width: 220px; position: relative; margin: auto; margin-top: 30px; } .vd-offer-banner__item { padding: 20px 30px; position: relative; min-height: 160px; background-repeat: no-repeat; background-size: cover; } .vd-offer-banner__item.style-2 .vd-offer-banner__content h2 { text-transform: capitalize; color: var(--color-black); font-size: 18px; } .vd-offer-banner__item.style-2 .vd-offer-banner__content .product__price span { font-size: 16px; } .vd-offer-banner__item.style-2 .vd-offer-banner__content .product__price .old { color: #808080; } .vd-offer-banner__item.style-2 .vd-offer-banner__img { right: 0; } .vd-offer-banner__content { width: 70%; } .vd-offer-banner__content span { font-size: 12px; font-family: var(--font-title); text-transform: uppercase; color: var(--color-primary); display: inline-block; margin-bottom: 5px; font-weight: 500; } .vd-offer-banner__content h2 { font-size: 18px; color: var(--color-white); text-transform: uppercase; margin-bottom: 6px; } .vd-offer-banner__content h3 { font-size: 14px; color: var(--color-white); } .vd-offer-banner__content h3 span { color: var(--color-primary); font-size: 16px; font-family: var(--font-title); padding-left: 2px; } .vd-offer-banner__content a { color: var(--color-white); font-family: var(--font-title); font-weight: 500; font-size: 14px; } .vd-offer-banner__img { position: absolute; top: 50%; right: 25px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 1199px) { .vd-offer-banner__img { max-width: 150px; } } @media (max-width: 991px) { .vd-offer-banner__img { max-width: 120px; right: 0; } } .vd-banner__single { min-height: 185px; padding: 20px 40px; } @media (max-width: 1199px) { .vd-banner__single { padding: 25px; } } .vd-banner__single h2 { font-size: 20px; font-family: var(--font-body); margin-bottom: 5px; } .vd-banner__single p { color: #949392; } @media (max-width: 1199px) { .vd-banner__single .thumb { max-width: 200px; } } @media (max-width: 767px) { .vd-banner__single .thumb { margin-top: 30px; } } .vd-banner__offer { position: absolute; width: 50px; height: 50px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background-color: var(--color-red); z-index: 2; display: flex; align-items: center; justify-content: center; text-align: center; left: 52%; bottom: 34px; } @media (max-width: 767px) { .vd-banner__offer { left: auto; right: 20px; bottom: 40px; } } .vd-banner__offer span { color: var(--color-white); line-height: 1; } .vd-banner__single-two p { color: var(--color-primary); } .vd-banner__single-two .thumb { position: relative; z-index: 1; } @media (max-width: 1199px) { .vd-banner__single-two .thumb { max-width: 140px; } } .vd-banner__single-two .thumb::before { position: absolute; top: 50%; right: 0; content: ""; background-color: var(--color-white); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; width: 138px; height: 138px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: -1; } .vd-banner__single-two .vd-banner__offer { background-color: var(--color-primary); top: 40px; bottom: auto; } @media (max-width: 767px) { .vd-banner__single-two .vd-banner__offer { top: auto; bottom: 40px; right: 20px; } } .vdx-banner__single { padding: 10px 30px; padding-right: 20px; min-height: 200px; position: relative; } @media (max-width: 991px) { .vdx-banner__single { min-height: 150px; } } .vdx-banner__content > span { font-size: 12px; font-weight: 600; text-transform: uppercase; color: var(--color-primary); display: inline-block; margin-bottom: 5px; } .vdx-banner__content h3 { font-size: 20px; text-transform: capitalize; font-family: var(--font-body); } @media (max-width: 767px) { .vdx-banner__content h3 { font-size: 18px; } } .vdx-banner__content h3 span { color: var(--color-primary); } .vdx-banner__img { position: absolute; top: 50%; transform: translateY(-50%); right: 0; } @media only screen and (min-width: 1200px) and (max-width: 1500px) { .vdx-banner__img { max-width: 180px; } } @media (max-width: 1199px) { .vdx-banner__img { max-width: 120px; } } @media (max-width: 991px) { .vdx-banner__img { max-width: 100px; } } .vdx-banner__single-two .vdx-banner__content h3 { font-size: 18px; text-transform: capitalize; margin-bottom: 15px; } @media (max-width: 767px) { .vdx-banner__single-two .vdx-banner__content h3 { font-size: 15px; } } @media only screen and (min-width: 1200px) and (max-width: 1500px) { .vdx-banner__single-two .vdx-banner__img { max-width: 250px; } } @media (max-width: 1199px) { .vdx-banner__single-two .vdx-banner__img { max-width: 200px; } } @media (max-width: 991px) { .vdx-banner__single-two .vdx-banner__img { max-width: 100px; } } .banner-slide__active { margin: -15px; } .banner-slide__active .slick-arrow { position: absolute; top: 50%; left: -30px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #BEB9B9; font-size: 18px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; } .banner-slide__active .slick-arrow:hover { color: #121416; } .banner-slide__active .slick-arrow.slick-next { left: auto; right: -30px; } .banner-slide__single { margin: 15px; } .banner-slide__item { min-height: 172px; padding: 15px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } .banner-slide__img { width: 40%; margin-right: 5%; } .banner-slide__content { width: calc(100% - 45%); } .banner-slide__content .offer { font-size: 13px; color: #35D10E; font-family: var(--color-font); font-weight: 700; text-transform: uppercase; } .banner-slide__content h3 { font-size: 17px; font-family: var(--font-body); font-weight: 700; color: #121416; margin-bottom: 5px; text-transform: uppercase; } .banner-slide__content .price { font-size: 14px; color: #131F35; font-weight: 400; margin-bottom: 13px; } .banner-slide__content .price span { color: #35D10E; font-size: 16px; font-weight: 500; margin-left: 4px; } .banner-slide__content a { color: var(--color-black); font-family: var(--font-title); font-weight: 600; } .side-product__slide .owl-nav { position: absolute; top: -45px; right: 0; display: flex; } .side-product__slide .owl-nav div { display: flex; align-items: center; justify-content: center; border-radius: 2px; color: #D3CACA; font-size: 15px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .side-product__slide .owl-nav div:hover { color: #615F5D; } .side-product__slide .owl-nav div.owl-next { margin-left: 20px; } .side-product__item { min-height: 145px; padding: 20px; position: relative; } .side-product__item:not(:last-child) { margin-bottom: 17px; } .side-product__content { width: 60%; margin-right: 5%; } .side-product__content .rating i { color: #FFC107; font-size: 10px; } .side-product__content .rating i:not(:last-child) { margin-right: 3px; } .side-product__content .rating i .fas { color: #D8D8D8; } .side-product__content h3 { font-size: 16px; font-weight: 500; margin-bottom: 10px; } .side-product__content .price { font-family: var(--font-title); font-weight: 600; } .side-product__content .price .new { color: var(--color-red); } .side-product__content .price .old { color: #8D8585; margin-left: 8px; text-decoration: line-through; } .side-product__img { text-align: right; width: calc(100% - 65%); } .side-product__img img { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .side-product__item:hover .side-product__img img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .side-product__offer { position: absolute; bottom: 30px; right: 90px; width: 38px; height: 38px; background-color: var(--color-red); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; font-size: 12px; font-weight: 600; display: flex; align-items: center; justify-content: center; flex-direction: column; line-height: 1.2; color: var(--color-white); } .side-product__offer span { color: currentColor; font-size: 10px; } .side-product__slide-item .side-product__item:nth-child(even) { flex-direction: row-reverse; } .side-product__slide-item .side-product__item:nth-child(even) .side-product__content { margin-right: 0; margin-left: 5%; } .side-product__slide-item .side-product__item:nth-child(even) .side-product__offer { left: 21px; bottom: 24px; background-color: #049ECE; } .side-product__slide-item .side-product__item:nth-child(3) .side-product__offer { background-color: var(--color-primary); } .product__nav { justify-content: flex-end; border: 0; } @media (max-width: 767px) { .product__nav { margin-top: 30px; justify-content: flex-start; } } .product__nav .nav-item:not(:last-child) { margin-right: 60px; } @media (max-width: 1199px) { .product__nav .nav-item:not(:last-child) { margin-right: 30px; } } @media (max-width: 991px) { .product__nav .nav-item:not(:last-child) { margin-right: 25px; } } .product__nav .nav-item .nav-link { font-size: 18px; color: #707070; padding: 0; border: 0; position: relative; } @media (max-width: 767px) { .product__nav .nav-item .nav-link { font-size: 16px; } } .product__nav .nav-item .nav-link::before { position: absolute; bottom: -8px; width: 100%; background-color: var(--color-primary); height: 1px; content: ""; opacity: 0; } .product__nav .nav-item .nav-link::after { position: absolute; bottom: -7px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); border-left: 5px solid transparent; border-top: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 6px solid var(--color-primary); content: ""; opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .product__nav .nav-item .nav-link.active { color: #121416; } .product__nav .nav-item .nav-link.active::before, .product__nav .nav-item .nav-link.active::after { opacity: 1; } @media (max-width: 767px) { .product__nav .nav-item .nav-link::before, .product__nav .nav-item .nav-link::after { display: none; } } .product__nav-md .nav-item .nav-link { font-size: 16px; } .tx-product-style-01 .product__nav-wrap { position: relative; z-index: 1; } .product__nav-wrap { padding-bottom: 8px; border-bottom: 1px solid var(--color-border); } .product__nav-wrap .section-heading { border: 0; padding-bottom: 0; } .product__nav-wrap .section-heading span:before { bottom: -14px; } @media (max-width: 767px) { .product__nav-wrap { border: none; } } .product__item { border: 1px solid var(--color-border); padding: 20px 17px; position: relative; margin-top: -1px; margin-right: -1px; } .product__item .badge-skew { top: 20px; left: 18px; } .product__review { margin-bottom: 4px; } .product__review > span { color: #98928E; font-size: 12px; } .product__title { font-size: 18px; font-weight: 700; line-height: 25px; } .product__title a { color: #121416; } .product__img { padding-top: 0; padding-bottom: 10px; } .product__img img { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; height: 100%; object-fit: cover; } .product__img-h188 { height: 188px; } .product__item:hover .product__img img { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); } .product__available { font-size: 13px; color: #9695A0; display: inline-block; margin-bottom: 2px; } .product__available span { color: var(--color-black); font-weight: 500; } .product__progress { height: 5px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; margin-bottom: 13px; } .product__progress .progress-bar { background-color: #63B820; } .product__progress.style-2 .progress-bar { background-color: var(--color-primary); } .product__progress.mb-0 { margin-bottom: 0; } .product__progress.mb-10 { margin-bottom: 10px; } .product__price { font-size: 14px; font-family: var(--font-body); } .product__price span { display: inline-block; } .product__price .new { color: #E51A1A; font-weight: 500; } .product__price .old { color: #999797; text-decoration: line-through; margin-left: 10px; } .product__wishlist { position: absolute; top: 14px; right: 17px; border: 1px solid #F2F2F2; background-color: var(--color-white); width: 40px; height: 40px; color: #121416; font-size: 14px; display: flex; align-items: center; justify-content: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .product__wishlist:hover { color: var(--color-white); background-color: #02D8F5; border-color: #02D8F5; } .product__action { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; justify-content: center; } .product__action li { -webkit-transform: translateY(8px); -ms-transform: translateY(8px); transform: translateY(8px); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; opacity: 0; visibility: hidden; } .product__action li:not(:last-child) { margin-right: 15px; } .product__action li:nth-child(2) { transition-delay: .1s; } .product__action li:nth-child(3) { transition-delay: .2s; } .product__action li a { width: 40px; height: 40px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border: 1px solid #EDEDED; background-color: var(--color-white); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; display: inline-block; display: flex; align-items: center; justify-content: center; color: #949392; } .product__action li a:hover { color: var(--color-white); background-color: #02D8F5; border-color: #02D8F5; } .product__action.color1 li a:hover { background-color: var(--color-primary); border-color: var(--color-primary); } .product__action.color2 li a:hover { background-color: var(--color-primary-3); border-color: var(--color-primary-3); } .product__action.br-5 li a { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .product__item:hover .product__action li { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; } .product__action-wrap { position: absolute; top: 13px; right: 15px; display: flex; flex-direction: column; align-items: center; } .product__action-wrap .plus-icon { width: 40px; height: 40px; background: rgba(var(--color-primary-2-rgb), 0.04); color: var(--color-primary-2); font-size: 15px; display: inline-block; display: flex; align-items: center; justify-content: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .product__action2 { margin-top: 15px; list-style: none; -webkit-transform: translateY(15px); -ms-transform: translateY(15px); transform: translateY(15px); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; opacity: 0; visibility: hidden; } .product__action2 li:not(:last-child) { margin-bottom: 12px; font-size: 14px; } .product__action2 li a { color: #393939; } .product__item:hover .product__action2 { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .product__item:hover .plus-icon { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .product__slider-wrap { border: 2px solid var(--color-primary); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; padding: 25px 20px; padding-bottom: 45px; } .product__slider-wrap.bg-white { background-color: var(--color-white); } .product__slider-wrap .image { position: relative; max-width: 230px; min-height: 240px; display: flex; align-items: center; justify-content: center; margin: auto; } .product__slider-wrap.pb-50 { padding-bottom: 50px; } .product__slider .offer { position: absolute; top: 60px; right: 15px; width: 38px; height: 38px; background-color: var(--color-red); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; font-size: 12px; font-weight: 600; display: flex; align-items: center; justify-content: center; flex-direction: column; line-height: 1.2; color: var(--color-white); } .product__slider .offer span { color: currentColor; font-size: 10px; } .product__slider-img { position: relative; position: relative; display: flex; align-items: center; justify-content: center; max-width: 230px; margin: auto; } .product__slider-content { padding: 0 15px; } .product__slider-content h3 { font-size: 20px; margin-bottom: 12px; } .product__slider-content h3 a { color: currentColor; } .vd-tab-nav .nav-item:not(:last-child) { margin-right: 50px; } @media (max-width: 991px) { .vd-tab-nav .nav-item:not(:last-child) { margin-right: 20px; } } .vd-tab-nav .nav-item .nav-link { font-size: 15px; } .tx-arrow .slick-arrow { position: absolute; top: -46px; right: 0; cursor: pointer; color: #D3CACA; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .tx-arrow .slick-arrow:hover { color: #615F5D; } .tx-arrow .slick-arrow.slick-prev { margin-right: 20px; } .rating-star li:not(:last-child) { margin-right: 4px; } .rating-star li i { color: #FFC107; font-size: 10px; } .rating-star li i.far { color: #D8D8D8; } .rating-star.color-2 li:not(:last-child) { margin-right: 4px; } .rating-star.color-2 li i { color: var(--color-primary-3); } .product-category { padding: 40px 28px 50px 40px; background-color: #f8f7f5; } .product-category__title { font-size: 20px; font-weight: 700; margin-bottom: 46px; } .product-category__2 ul li { position: relative; } .product-category__2 ul li:not(:last-child) { margin-bottom: 32px; } .product-category__2 ul li a { font-size: 17px; color: #232638; display: block; } .product-category__2 ul li a:hover { color: var(--color-red); } .product-category__2 ul li.more-item a { color: var(--color-red); } .product-category__2 ul li.cat-item-has-children a::before { content: "\f105"; font-family: "Font Awesome 5 Pro"; font-weight: 400; font-size: 12px; font-size: calc-rem-value(8); position: absolute; right: 0px; top: 1px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .product-category ul li { position: relative; } .product-category ul li:not(:last-child) { margin-bottom: 32px; } .product-category ul li a { font-size: 17px; color: #232638; display: block; } .product-category ul li a:hover { color: var(--color-red); } .product-category ul li.more-item a { color: var(--color-red); } .product-category ul li.cat-item-has-children a::before { content: "\f105"; font-family: "Font Awesome 5 Pro"; font-weight: 400; font-size: 12px; font-size: calc-rem-value(8); position: absolute; right: 0px; top: 1px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .product-category__2 ul li:not(:last-child) { margin-bottom: 28px; } .product-category__2 ul li a { font-size: 16px; } .tx-products { margin-right: -60px; } @media (max-width: 991px) { .tx-products { margin-right: 0; } } .tx-product-style-02 { padding: 20px 25px; border: 2px solid var(--color-primary); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } @media (max-width: 767px) { .tx-product-style-02 { padding: 20px 15px; } } .countdown .single { text-align: center; } .countdown .single:not(:last-child) { margin-right: 17px; } .countdown .single h1 { font-size: 11px; width: 35px; height: 35px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background-color: var(--color-primary); display: flex; align-items: center; justify-content: center; font-family: var(--font-body); font-weight: 600; } .countdown .single p { font-size: 11px; font-weight: 500; color: #929292; text-transform: uppercase; } .countdown.style-2 .single h1 { background-color: var(--color-primary-3); color: var(--color-white); } .countdown.style-3 .single h1 { background-color: transparent; border: 1px solid var(--color-border); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .countdown.style-3 .single:hover h1 { background-color: var(--color-primary); border-color: var(--color-primary); color: var(--color-white); } .mr-none-15 { margin-right: -15px; } .feature-product__single { padding: 20px 15px; border: 1px solid var(--color-border); border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; } .feature-product__product .image { width: 70px; margin-right: 15px; } .feature-product__product .content { width: calc(100% - 85px); } .feature-product__product .title { font-size: 15px; margin-bottom: 5px; } .feature-product__product .title a { color: currentColor; } .feature-product__single2 { border: 1px solid var(--color-border); padding: 20px; } .feature-product__single2 .title { font-size: 18px; margin-bottom: 6px; } .feature-product__single2 .title a { color: currentColor; } .tx-sidebar { padding-left: 65px; } @media (max-width: 991px) { .tx-sidebar { padding-left: 0; } } .tx-widget { padding: 20px; border: 1px solid var(--color-border); } .tx-widget__product-item:not(:last-child) { margin-bottom: 32px; } .tx-widget__product-item .thumb { width: 64px; margin-right: 12px; } .tx-widget__product-item .content { width: calc(100% - 95px); } .tx-widget__product-item .content h3 { font-size: 13px; font-family: var(--font-body); line-height: 19px; font-weight: 400; margin-bottom: 7px; } .tx-widget__product-item .content h3 a { color: currentColor; } .tx-widget__product-item.style-2:not(:last-child) { margin-bottom: 40px; } .tx-product .thumb img { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .tx-product:hover .thumb img { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); } .feedback__slider-nav .slick-arrow { display: flex; } .feedback__content-item { text-align: center; } .feedback__img { width: 44px; height: 44px; } .tx-tab-product-wrap { position: relative; padding-top: 80px; } .tx-tab-product-wrap::before { position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 23%); z-index: -1; background: url(../img/bg/bg.jpg) no-repeat; background-size: auto; background-size: auto; background-size: cover; content: ""; } .tx-tab-product { padding: 25px 23px; background-color: var(--color-white); } .tab-product-col { padding-right: 40px; } @media (max-width: 1199px) { .tab-product-col { padding-right: 15px; } } .cat-product__wrap { padding: 30px; padding-top: 15px; border: 1px solid var(--color-primary); border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; } .cat-product__slide { margin: -15px; } .cat-product__slide .slick-arrow { display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; left: -36px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 40px; height: 40px; background-color: var(--color-white); border: 1px solid var(--color-border); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; z-index: 1; cursor: pointer; } .cat-product__slide .slick-arrow.slick-next { left: auto; right: -36px; } .cat-product__item { background-color: #F0F4FA; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; padding: 60px 20px 40px; position: relative; margin: 15px; } .cat-product__item.bg2 { background-color: #FCF2E7; } .cat-product__item.bg3 { background-color: #EDF3FF; } .cat-product__item.bg4 { background-color: #E5EFE8; } .cat-product__item.bg5 { background-color: #F6F6F6; } .cat-product__item .thumb { padding-bottom: 30px; display: flex; align-items: center; justify-content: center; height: 170px; } .cat-product__item .content .title { font-size: 18px; font-family: var(--font-body); } .cat-product__item .content .title a { color: currentColor; } .cat-product__item .content span { color: var(--color-red); font-size: 14px; font-weight: 500; } .cat-product__item .product__action { top: 45%; } .tab-product__slide { padding-top: 30px; padding-bottom: 30px; } .tab-product__slide .slick-arrow { display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; left: -40px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 40px; height: 40px; background-color: var(--color-white); border: 1px solid var(--color-border); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; z-index: 1; color: var(--color-primary-3); cursor: pointer; } .tab-product__slide .slick-arrow.slick-next { left: auto; right: -40px; } .tab-product__item { padding: 30px 20px 0; position: relative; } .tab-product__item::before { top: 0; right: 0; width: 1px; content: ""; height: 100%; position: absolute; background-color: var(--color-border); } .tab-product__item .thumb { display: flex; align-items: center; justify-content: center; height: 170px; position: relative; } .tab-product__item .content .title { font-size: 14px; line-height: 23px; font-family: var(--font-body); margin-bottom: 3px; font-weight: 500; } .tab-product__item .content .title a { color: currentColor; } .tab-product__item .badge-skew { top: 0; } .tab-product__item .price { color: var(--color-red); font-size: 14px; text-transform: uppercase; font-family: var(--font-title); font-weight: 600; } .tab-product__item .price .old-price { color: #929397; text-decoration: line-through; } .tab-product__slide2 .slick-arrow { display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; left: -23px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 40px; height: 40px; background-color: var(--color-white); border: 1px solid var(--color-border); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; z-index: 1; cursor: pointer; } .tab-product__slide2 .slick-arrow.slick-next { left: auto; right: -23px; } .badge-skew { font-size: 11px; font-weight: 600; position: absolute; top: -2px; left: 14px; z-index: 1; padding: 4px 12px 5px; display: inline-block; line-height: 1; color: var(--color-white); } .badge-skew::before { position: absolute; top: 0; left: 0; background-color: var(--color-red); content: ""; width: 100%; height: 100%; z-index: -1; -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); } .badge-skew.color1::before { background-color: var(--color-primary); } .badge-skew.color2::before { background-color: #004C71; } .badge-skew.color3::before { background-color: #E707A6; } .badge-skew.color4::before { background-color: #2296D5; } .badge-skew.color5::before { background-color: #93B200; } .badge-skew.color6::before { background-color: var(--color-primary-3); } .tx-product__item { position: relative; } .tx-product__item .thumb { background-color: #F6F6F6; height: 234px; display: flex; align-items: center; justify-content: center; } .tx-product__item .content { padding: 20px 15px; border: 1px solid var(--color-border); border-top: 0; } .tx-product__item .content h2 { font-size: 14px; font-weight: 600; font-family: var(--font-body); margin-bottom: 14px; line-height: 23px; } .tx-product__item .content h2 a { color: currentColor; } .tx-product__item .badge { position: absolute; top: 12px; left: 7px; } .tx-product__item .badge span { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 12px; text-transform: uppercase; color: var(--color-white); font-weight: 500; } .tx-product__item .product__action li a:hover { background-color: var(--color-primary); border-color: var(--color-primary); } .tx-product__item:hover .product__action li { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; } .tx-product:hover .product__action li { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; } .trending-product { padding: 25px; border: 1px solid var(--color-border); } .tx-offer-product { padding: 30px 25px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border: 2px solid var(--color-primary-3); } @media (max-width: 767px) { .tx-offer-product { padding: 25px 15px; } } @media (max-width: 767px) { .offer-product { margin-left: 0; } } .tab_has_slider > .tab-pane { height: 0; display: block; visibility: hidden; } .tab_has_slider > .tab-pane.show, .tab_has_slider > .tab-pane.active { height: auto; visibility: visible; } .vd-products { padding: 10px 20px; border: 1px solid var(--color-primary-3); } .vd-products.style-2 { border: 1px solid var(--color-primary); } .vd-products.style-2 .tab-product__slide .slick-arrow { color: var(--color-primary); } .vd-product-slide-wrap { padding: 40px 0; background-color: var(--color-white); border: 1px solid var(--color-primary-3); border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; } .vd-product-slide-wrap.style-2 { border-color: var(--color-primary); } .recent-product__nav .nav-item .nav-link { font-size: 16px; } .recent-product__nav .nav-item .nav-link::before, .recent-product__nav .nav-item .nav-link::after { display: none; } .recent-product__nav .nav-item .nav-link.active { color: var(--color-primary-3); } .recent-product__nav.style-2 .nav-item .nav-link.active { color: var(--color-primary); } .recent-product__item { border: 1px solid var(--color-border); padding: 20px 7px; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; } .recent-product__item .thumb { width: 90px; margin-right: 10px; } .recent-product__content .star-rating { float: none; margin-bottom: 10px; } .recent-product__content { width: calc(100% - 110px); } .recent-product__content h3 { font-size: 13px; line-height: 22px; margin-bottom: 10px; } .recent-product__content h3 a { color: currentColor; } .vd-offer-product__item { padding: 0 25px; background-color: #F0F0EF; min-height: 147px; } @media (max-width: 767px) { .vd-offer-product__item { padding: 0 13px; } } .vd-offer-product__img { width: 130px; margin-right: 45px; } @media (max-width: 1199px) { .vd-offer-product__img { margin-right: 5px; } } .vd-offer-product__content { width: calc(100% - 175px); } @media (max-width: 1199px) { .vd-offer-product__content { width: calc(100% - 135px); } } .vd-offer-product__content span { font-size: 13px; font-weight: 600; font-family: var(--font-title); color: #FF7715; text-transform: uppercase; display: inline-block; } .vd-offer-product__content h2 { font-size: 17px; font-weight: var(--font-body); font-weight: 600; text-transform: uppercase; margin-bottom: 7px; } .vd-offer-product__content h3 { font-size: 14px; font-family: var(--font-body); font-weight: 400; margin-bottom: 10px; } .vd-offer-product__content h3 span { font-size: 16px; color: #FF7715; font-weight: 600; } .vd-offer-product__content a { font-size: 14px; color: var(--color-black); font-weight: 600; } .weekly-product__wrap { padding: 30px; border: 1px solid var(--color-border); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } .weekly-product__content p { font-size: 13px; line-height: 23px; color: #949392; margin-bottom: 20px; } .weekly-product__title { font-size: 22px; font-weight: 500; font-family: var(--font-body); margin-bottom: 15px; } .weekly-product__price span { display: inline-block; } .weekly-product__price span:not(:last-child) { margin-right: 10px; } .weekly-product__price .new { font-size: 16px; font-weight: 500; color: var(--color-black); } .weekly-product__price .old { font-size: 14px; color: #808080; font-weight: 400; text-decoration: line-through; } .weekly-product__price .off { font-size: 13px; font-weight: 500; color: var(--color-white); background-color: var(--color-primary); padding: 1px 8px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; } .weekly-product__deal { font-size: 13px; font-family: var(--font-body); } .weekly-product__img { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 1199px) { .weekly-product__img { max-width: 180px; } } @media (max-width: 991px) { .weekly-product__img { position: unset; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .weekly-product__nav { border: 0; z-index: 2; position: relative; margin: -10px; margin-top: 30px; } .weekly-product__nav .nav-item { margin: 10px; } .weekly-product__nav .nav-item .nav-link { border: 1px solid var(--color-border); width: 128px; height: 98px; padding: 10px 20px; background-color: #F9F8FB; } @media (max-width: 1199px) { .weekly-product__nav .nav-item .nav-link { width: 90px; height: 90px; padding: 15px; } } @media (max-width: 991px) { .weekly-product__nav .nav-item .nav-link { width: 70px; height: 70px; padding: 10px; } } .weekly-product__nav .nav-item .nav-link.active { background-color: var(--color-white); } .weekly-product__slide .tx-widget__product-item:not(:last-child) { margin-bottom: 27px; } .weekly-product__slide.tx-arrow .slick-arrow { top: -67px; right: -25px; } .brand__item { display: flex !important; align-items: center; justify-content: center; padding: 0 10px; } /*----------------------------------------*/ /* 09. news /*----------------------------------------*/ .news__thumb { overflow: hidden; } .news__thumb img { width: 100%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .news__item:hover img { -webkit-transform: scale(1.04); -ms-transform: scale(1.04); transform: scale(1.04); } .news__meta { margin-bottom: 5px; } .news__content { border: 1px solid var(--color-border); border-top: 0; padding: 20px; } .news__content p { font-size: 14px; line-height: 23px; } .news__title { font-size: 20px; } .news__title a { color: currentColor; } .news__meta-author { margin-right: 10px; } .news__meta-author .avatar { margin-right: 7px; } .news__meta-author .avatar img { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .news__meta-author span { color: #201616; font-size: 15px; } .news__meta-date { color: #989090; font-size: 14px; } .news__meta-date i { font-size: 12px; margin-right: 5px; } .news__btn { color: var(--color-heading); margin-top: 10px; display: inline-block; font-size: 15px; font-weight: 500; } .news__slide { margin-left: -10px; margin-right: -10px; } .news__slide .slick-arrow { right: 10px; } .news__item { padding: 0 10px; } @media only screen and (min-width: 1200px) and (max-width: 1500px) { .blog-post-wrap { margin-right: 65px; } .no-active-sidebar .blog-post-wrap { margin-right: 0; } } @media (max-width: 991px) { .blog-post-wrap { margin-right: 0; } } .tx-post-item .post-thumb { position: relative; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .tx-post-item .post-date { position: absolute; top: 20px; left: 20px; background-color: var(--color-primary); padding: 2px 20px; padding-top: 4px; color: var(--color-black); font-weight: 700; font-size: 20px; text-align: center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .tx-post-item .post-date span { color: var(--color-black); margin-top: -10px; display: inline-block; -webkit-transform: translateY(-4px); -ms-transform: translateY(-4px); transform: translateY(-4px); } .tx-post-item .post-title { font-size: 34px; font-family: var(--font-body); } @media (max-width: 767px) { .tx-post-item .post-title { font-size: 22px; } } .tx-post-item .post-title a { color: currentColor; } .tx-post-item .post-meta { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid var(--color-border); } .tx-post-item .post-meta .year { color: var(--color-primary); } .tx-post-item .post-meta .post-meta__author .avatar img { background-color: var(--color-primary); } .tx-post-item p { font-size: 15px; } .blog-sidebar { padding: 30px 20px; border: 1px solid var(--color-border); } @media only screen and (min-width: 1200px) and (max-width: 1500px) { .blog-sidebar { margin-left: -60px; } } @media (max-width: 991px) { .blog-sidebar { margin-left: 0; } } @media (max-width: 767px) { .blog-sidebar { padding: 20px; } } .blog-sidebar .widget { padding: 0; border: 0; } .blog-sidebar .widget:first-child { margin-top: 0; } .widget-post .tx-post:not(:last-child) { margin-bottom: 20px; } .widget-post .post-thumb { width: 100px; height: 84px; margin-right: 15px; } .widget-post .post-content { width: calc(100% - 115px); } .widget-post .post-title { font-size: 16px; font-weight: 500; font-family: var(--font-body); } .post-share li:not(:first-child) { margin-left: 13px; } .post-share li a { font-size: 14px; color: rgba(var(--color-black), 0.61); width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--color-border); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .post-details h2 { font-size: 38px; margin-bottom: 18px; font-family: var(--font-body); } @media only screen and (min-width: 1200px) and (max-width: 1500px) { .post-details h2 { font-size: 30px; } } @media (max-width: 1199px) { .post-details h2 { font-size: 26px; } } @media (max-width: 767px) { .post-details h2 { font-size: 20px; } } .post-details h3 { font-size: 30px; margin-bottom: 20px; font-family: var(--font-body); } @media only screen and (min-width: 1200px) and (max-width: 1500px) { .post-details h3 { font-size: 28px; } } @media (max-width: 1199px) { .post-details h3 { font-size: 24px; } } @media (max-width: 767px) { .post-details h3 { font-size: 17px; } } .post-details h4 { font-size: 20px; margin-bottom: 15px; font-family: var(--font-body); } @media (max-width: 1199px) { .post-details h4 { font-size: 18px; } } @media (max-width: 767px) { .post-details h4 { font-size: 17px; } } .post-details h5, .post-details h6 { font-family: var(--font-body); } .post-details .post-meta__author .year { color: var(--color-primary); } .post-details p { font-size: 18px; line-height: 32px; } .post-details p:not(:last-child) { margin-bottom: 20px; } blockquote p{ font-size: 24px !important; font-family: var(--font-title); font-weight: 500!important; line-height: 43px!important; color: var(--color-black)!important; margin-bottom: 0; } blockquote { background-color: #F4F6F8; padding: 40px; border-left: 3px solid var(--color-primary); padding-right: 150px; margin: 30px 0; position: relative; z-index: 1; } @media (max-width: 1199px) { blockquote { font-size: 18px; line-height: 30px; padding-right: 120px; } } @media (max-width: 767px) { blockquote { font-size: 17px; padding: 30px; } } blockquote .quote { position: absolute; right: 40px; bottom: 34px; z-index: -1; } @media (max-width: 1199px) { blockquote .quote { width: 60px; } } @media (max-width: 767px) { blockquote .quote { width: 50px; } } blockquote cite { font-size: 16px; color: #332D2D; padding-left: 30px; position: relative; font-family: var(--font-body); display: block; } @media (max-width: 767px) { blockquote cite { font-size: 15px; margin-top: 10px; } } blockquote cite::before { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 20px; height: 2px; background-color: currentColor; content: ""; } .post-list li { font-size: 16px; padding-left: 35px; position: relative; } .post-list li:not(:last-child) { margin-bottom: 25px; } .post-list li::before { position: absolute; top: 0; left: 0; width: 27px; height: 27px; font-size: 12px; box-shadow: 0px 0px 9px rgba(var(--color-black-rgb), 0.07); content: "\f00c"; font-family: "Font Awesome 5 Pro"; font-weight: 400; color: var(--color-primary); display: flex; align-items: center; justify-content: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .post-list li:hover::before { color: #fff; background-color: var(--color-primary); } ul.post-list__style-2.list-unstyled { list-style: none; padding: 0; } ul.post-list__style-2.list-unstyled li { list-style: none; } .post-list__style-2 li { padding-left: 30px; position: relative; } .post-list__style-2 li:not(:last-child) { margin-bottom: 20px; } .post-list__style-2 li::before { position: absolute; top: 10px; left: 0; width: 12px; height: 12px; content: ""; background-color: var(--color-primary); } .video span { text-align: center; font-style: italic; font-size: 18px; color: #807A7A; margin-top: 20px; display: block; font-weight: 500; } .post-img .post-cat { position: absolute; top: 12px; left: 14px; } .post-tags-share { display: flex; justify-content: space-between; flex-wrap: wrap; } .post-tags-share .title { font-size: 25px; font-weight: 500; margin-right: 20px; font-family: var(--font-body); margin-top: 10px; } .post-tags-share .tags ul { margin-top: 10px; } .post-tags-share .tags ul li { margin-top: 10px; } .post-tags-share .tags ul li:not(:last-child) { margin-right: 16px; } .post-tags-share .tags ul li a { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; padding: 2px 25px; display: inline-block; border: 1px solid var(--color-border); color: var(--color-default); font-size: 12px; text-transform: uppercase; font-weight: 600; color: #949392; } .post-tags-share .tags ul li a:hover { color: #fff; border-color: var(--color-primary); background-color: var(--color-primary); } .post-tags-share .social-share ul { margin-top: 10px; } .post-tags-share .social-share ul li:not(:last-child) { margin-right: 12px; } .post-tags-share .social-share ul li a { width: 45px; height: 38px; background-color: #F2F6F7; color: var(--color-black); display: flex; align-items: center; justify-content: center; font-size: 14px; } .post-tags-share .social-share ul li a:hover { color: #fff; background-color: var(--color-primary); } .post-nav { padding: 20px 0; border-top: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); position: relative; } .post-nav::before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: ""; background-color: var(--color-border); width: 1px; height: 66px; } @media (max-width: 1199px) { .post-nav::before { display: none; } } .post-nav__item { padding: 0 100px; } @media only screen and (min-width: 1200px) and (max-width: 1500px) { .post-nav__item { padding: 0 65px; } } @media (max-width: 767px) { .post-nav__item { padding: 0; } } .post-nav__item .post-thumb { width: 85px; height: 85px; margin-right: 15px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .post-nav__item .post-content { width: calc(100% - 100px); } @media (max-width: 767px) { .post-nav__item .post-content { width: 100%; margin-top: 15px; } } .post-nav__item .post-title { font-size: 16px; margin-bottom: 10px; font-weight: 500; font-family: var(--font-body); } .post-nav__link { width: 56px; height: 36px; display: flex; color: var(--color-primary); align-items: center; justify-content: center; border-radius: 18px; -webkit-border-radius: 18px; -moz-border-radius: 18px; -ms-border-radius: 18px; -o-border-radius: 18px; background: rgba(191, 170, 175, 0.11); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; position: absolute; top: 50%; left: 15px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .post-nav__link:hover { color: #fff; background-color: var(--color-primary); } @media (max-width: 767px) { .post-nav__link { display: none; } } .right-post .post-nav__link { left: auto; right: 15px; } @media (max-width: 1199px) { .left-post .post-nav__item { padding-right: 0; } } @media (max-width: 1199px) { .right-post .post-nav__item { padding-left: 0; } } @media (max-width: 767px) { .right-post .post-nav__item { margin-top: 30px; } } /* comment css */ .post-comments { padding-bottom: 55px; } .post-comments .title { font-size: 26px; margin-bottom: 25; font-weight: 500; font-family: var(--font-body); } .latest__comments .comments-box { border-top: 1px solid var(--color-border-2); padding: 30px 0; } .latest__comments .comments-text { overflow: hidden; } .latest__comments .comments-avatar { border-radius: 50%; float: left; } @media (max-width: 767px) { .latest__comments .comments-avatar { float: none; margin-bottom: 10px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .latest__comments .comments-avatar { float: left; margin-bottom: 0px; } } .latest__comments .comments-avatar img { border-radius: 50%; width: 100px !important; margin-right: 30px; } .latest__comments ul.children { margin-left: 100px; } @media (max-width: 767px) { .latest__comments ul.children { margin-left: 0px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .latest__comments ul.children { margin-left: 50px; } } .latest__comments .avatar-name { margin-bottom: 15px; overflow: hidden; position: relative; } .latest__comments .avatar-name h5 a { color: var(--color-heading); } .latest__comments .avatar-name h5 { font-size: 18px; margin-bottom: 0px; font-weight: 500; font-family: var(--font-body); } .latest__comments .avatar-name span { font-size: 15px; text-transform: uppercase; color: var(--color-default); } .latest__comments .comment-reply-link { color: var(--color-black); display: inline-block; font-size: 14px; font-weight: 400; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; line-height: 1; position: absolute; right: 0; margin-top: 0; top: 0; text-decoration: none; } .latest__comments .comment-reply-link i { margin-right: 5px; } .latest__comments .comment-reply-link:hover { color: var(--color-primary); } .list-unstyled ul { list-style: none; } .latest__comments--2 p { font-size: 14px; line-height: 24px; color: var(--color-black); } .comments-form .title { font-size: 26px; margin-bottom: 30px; font-weight: 500; } .comments-form input, .comments-form textarea { height: 60px; margin-bottom: 20px; padding: 0 30px; width: 100%; font-size: 15px; color: var(--color-black); border-radius: 0px; background-color: #F8F8FB; } .comments-form textarea { padding: 20px 30px; height: 150px; } .comments-form__btn button { border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; } .meta-bottom-border { margin-bottom: 24px; padding-bottom: 24px; border-bottom: 1px solid var(--color-border); } .post-details .post-tags a { color: var(--color-default); } .post-details .post-tags a:hover { color: var(--color-black); } .has-dropcap:first-child::first-letter { font-size: 47px; line-height: 0.8; color: var(--color-primary); font-weight: 600; float: left; padding: 5px 10px; padding-left: 0; vertical-align: top; text-transform: uppercase; } .newslater__wrap { padding: 30px; background-color: var(--color-primary); } @media (max-width: 991px) { .newslater__wrap { justify-content: center; text-align: center; } } .newslater__wrap.bg-primary-3 { background-color: var(--color-primary-3); } .newslater__wrap.bg-primary-3 button { background-color: var(--color-primary); color: var(--color-black); } @media (max-width: 991px) { .newslater__content { margin-bottom: 30px; } } .newslater__form { width: 470px; margin-left: auto; position: relative; } @media (max-width: 991px) { .newslater__form { margin-right: auto; } } .newslater__form input { border: 0; height: 54px; width: 100%; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; } .newslater__form input:focus { border: 0; } .newslater__form button { height: 54px; position: absolute; top: 0; right: 0; padding: 10px 28px; background-color: var(--color-black); color: var(--color-white); font-size: 16px; font-weight: 500; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; } @media (max-width: 767px) { .newslater__form button { position: unset; width: 100%; margin-top: 10px; } } .newslater__wrap.ul_li.bg-primary-3.text-white h2 { color: #fff; } .newslater__content h2 { font-size: 29px; color: var(--color-black); text-transform: uppercase; margin-bottom: 8px; } @media (max-width: 767px) { .newslater__content h2 { font-size: 24px; } } .newslater__content p { font-size: 18px; color: var(--color-white); } .newslater__bg { position: relative; z-index: 1; } .newslater__bg::before { position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; background-color: var(--color-gray); content: ""; z-index: -1; } .newslater__two { background: transparent; padding-left: 0; padding-right: 0; } .newslater__two .title { font-size: 29px; text-transform: capitalize; font-weight: 700; } .newslater__two .title span { color: var(--color-primary-3); } .newslater__two p { color: var(--color-black); } .newslater__two .newslater__form { min-width: 650px; } @media (max-width: 1199px) { .newslater__two .newslater__form { min-width: 500px; } } @media (max-width: 767px) { .newslater__two .newslater__form { min-width: 100%; } } .newslater__two .newslater__form input { height: 72px; font-size: 18px; } .newslater__two .newslater__form button { background-color: var(--color-primary-3); height: 72px; font-weight: 700; } .newslater__two .newslater__form button .btn-wrap span:nth-child(2) { left: 0; right: 0; } .newslater__two.style-2 .title { font-weight: 600; } .newslater__two.style-2 .title span { color: var(--color-primary); } .newslater__two.style-2 .newslater__form button { background-color: var(--color-primary); } .featured__item { background-color: #E7E7F2; position: relative; } .featured__item .shape1 { position: absolute; bottom: 55px; left: 230px; } .featured__item .shape2 { position: absolute; top: 50px; left: 360px; animation: animationFramesOne 35s alternate infinite linear; -webkit-animation: animationFramesOne 35s alternate infinite linear; } .featured__big { min-height: 564px; } @media (max-width: 1199px) { .featured__big { min-height: 520px; } } @media (max-width: 767px) { .featured__big { background-position: 0%; min-height: 400px; } } .featured__offer-item { min-height: 268px; padding: 30px; } .featured__offer-item.style_two { background-size: cover; } .featured__offer-item .offer-save { font-size: 12px; color: var(--color-black); font-weight: 500; text-transform: uppercase; display: inline-block; margin-bottom: 3px; } .featured__offer-item h3 { font-size: 17px; font-weight: 600; font-family: var(--font-body); text-transform: capitalize; margin-bottom: 10px; } .featured__offer-item a { font-size: 14px; color: var(--color-black); font-family: var(--font-title); font-weight: 600; } .featured__offer-item:nth-child(2) .upto-offer span { color: var(--color-black); } .featured__offer-item.style-2 .offer-save { color: #FF7A00; } .featured__offer-item.style-3 .new { font-size: 12px; font-weight: 700; color: var(--color-white); padding: 0px 12px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; background-color: var(--color-primary); display: inline-block; line-height: 22px; margin-bottom: 10px; letter-spacing: 1px; } .featured__offer-item.style-3 h3 { font-size: 22px; line-height: 38px; margin-bottom: 14px; } .featured__offer-item.style-3 .upto-offer span { color: var(--color-red) !important; } .featured__offer-item.style-3 .upto-offer .upto { font-size: 22px; font-weight: 500; } .featured__offer-item.style-3 .upto-offer .offer-no { font-size: 32px; } .featured__h560 { height: 563px; } @media (max-width: 1199px) { .featured__h560 { height: 520px; } } .featured__h530 { min-height: 530px; } .featured__h247 { min-height: 247px; } .featured__style2 { background-color: var(--color-white); border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border: 1px solid var(--color-primary-3); } @media (max-width: 767px) { .featured__style2 { padding-top: 40px; } } @media (max-width: 767px) { .featured__style3 { padding-top: 40px; } } .featured__img { position: absolute; right: 0; bottom: 45px; } @media only screen and (min-width: 1200px) and (max-width: 1500px) { .featured__img { max-width: 500px; } } @media (max-width: 1199px) { .featured__img { max-width: 450px; } } @media (max-width: 767px) { .featured__img { position: unset; } } [class^="col-"]:nth-child(2) > .featured__offer-item .upto-offer span { color: var(--color-black); } [class^="col-"]:nth-child(2) > .featured__offer-item.style-2 .offer-save { color: #FF7A00; } [class^="col-"]:nth-child(2) > .featured__offer-item.style-2 .offer-save { color: var(--color-primary-3); } [class^="col-"]:nth-child(2) > .featured__offer-item.style-2 .upto-offer span { color: var(--color-primary-3); } .upto-offer span { display: inline-block; color: #F88317; } .upto-offer .upto { font-size: 17px; font-weight: 600; line-height: 1; margin-right: 10px; } .upto-offer .offer-no { font-size: 30px; position: relative; font-weight: 700; font-family: var(--font-title); } .upto-offer .offer-no span { font-size: 14px; font-weight: 500; position: absolute; top: -8px; right: -16px; } .feature__wrap { justify-content: center; } .feature__item { border: 1px solid var(--color-border); padding: 30px 18px; width: 20%; margin-top: -1px; margin-right: -1px; } @media (max-width: 1199px) { .feature__item { width: 30%; } } @media (max-width: 991px) { .feature__item { width: 40%; } } @media (max-width: 767px) { .feature__item { width: 100%; } } .feature__item .icon { width: 35px; margin-right: 18px; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; } .feature__item .icon::before { position: absolute; bottom: -4px; right: -2px; background-color: #F1EFEB; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; content: ""; width: 20px; height: 20px; z-index: -1; } .feature__item .content { width: calc(100% - 53px); } .feature__item .content h3 { font-size: 17px; font-weight: 500; } .feature__item .content p { font-size: 14px; } .feature__item.style-2 .icon::before { background-color: #EAF5E1; } .feature__wrap-two { background-color: var(--color-white); border: 1px solid var(--color-border); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .feature__wrap-two .feature__item { border: 0; margin: 0; position: relative; width: 25%; } @media (max-width: 991px) { .feature__wrap-two .feature__item { width: 50%; } .feature__wrap-two .feature__item:nth-child(2)::before { display: none; } } @media (max-width: 767px) { .feature__wrap-two .feature__item { width: 100%; } .feature__wrap-two .feature__item::before { display: none; } } .feature__wrap-two .feature__item::before { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: 58px; content: ""; background-color: var(--color-border); } .feature__wrap-two .feature__item:last-child::before { display: none; } .feature__wrap-two .feature__item .icon::before { display: none; } .feature__line { position: relative; z-index: 1; } .feature__line::before { position: absolute; top: 50%; left: 0; right: 0; width: 100%; background-color: var(--color-border); height: 1px; content: ""; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: -1; } .offer__wrap { padding: 30px 55px; position: relative; z-index: 1; overflow: hidden; } @media (max-width: 767px) { .offer__wrap { padding: 30px; } } .offer__content span { background-color: var(--color-primary-3); color: var(--color-white); display: inline-block; font-size: 13px; font-weight: 600; padding: 0 8px; margin-bottom: 20px; } .offer__content h2 { font-size: 32px; font-weight: 700; margin-bottom: 17px; } .offer__content p { font-size: 16px; color: #8D8080; } .offer__content a { display: inline-block; margin-top: 10px; font-size: 15px; color: #171515; text-transform: uppercase; } .offer__content a i { font-size: 17px; line-height: 0; position: relative; overflow: hidden; text-shadow: -1.5em 0 0 currentColor; -webkit-transform: translateY(3px); -ms-transform: translateY(3px); transform: translateY(3px); padding-left: 4px; } .offer__content a i::before { transition: transform 0.4s; display: inline-block; line-height: 1; } .offer__content a:hover i:before { transform: translateX(170%); } .offer__arrow-shape { position: absolute; left: 42%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (max-width: 991px) { .offer__arrow-shape { display: none; } } .offer .offer-box { position: absolute; top: 66px; right: 41%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } @media (max-width: 991px) { .offer .offer-box { right: 8%; } } @media (max-width: 991px) { .offer .offer-box { right: 20px; top: 20px; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .offer__shape { position: absolute; bottom: -50px; left: 44%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: -1; } .offer__shape2 { position: absolute; bottom: -25px; left: 59%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: -1; } .offer__shape3 { position: absolute; z-index: -1; right: 30px; top: 70px; } .offer__shape4 { position: absolute; z-index: -1; z-index: -1; right: 0; bottom: 0; } @media (max-width: 767px) { .offer__shape4 { display: none; } } .offer-box::before { position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; content: ""; border: 2px dashed rgba(var(--color-white-rgb), 0.3); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; animation: spin 12s infinite linear; -webkit-animation: spin 12s infinite linear; } .offer-box h3 { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: var(--color-white); font-size: 21px; font-weight: 700; text-align: center; line-height: 1; } .offer-box h3 span { font-size: 12px; color: var(--color-white); } .offer-box h3 span.saffix { font-size: 13px; } .testimonial__active { margin: 0 -15px; } .testimonial__active .slick-arrow { display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; left: -36px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 40px; height: 40px; background-color: var(--color-white); border: 1px solid var(--color-border); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; z-index: 1; cursor: pointer; color: var(--color-primary-3); } .testimonial__active .slick-arrow.slick-next { left: auto; right: -36px; } .testimonial__single { padding: 30px; border: 1px solid var(--color-border); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; margin: 0 15px; } .testimonial__single:hover { border-color: var(--color-primary-3); } .testimonial__single:hover .quote { color: var(--color-primary-3); } .testimonial__single:hover h3 span { color: var(--color-primary-3); } .testimonial__single .quote { font-size: 30px; color: #F25422; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .testimonial__single p { font-size: 18px; line-height: 42px; } .testimonial__single h3 { font-size: 20px; font-weight: 500; margin-top: 30px; padding-top: 20px; border-top: 1px solid var(--color-border); } .testimonial__single h3 span { color: #ED2D44; font-weight: 400; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .feedback__item { text-align: center; } .feedback__item span { font-size: 12px; } .feedback__item h4 { font-size: 16px; font-family: var(--font-body); } .feedback__img { left: 0; right: 0; margin: auto; margin-top: 15px; } /* breadcrumb css */ .breadcrumb-area { padding: 30px 0; } section.breadcrumb-area { border-top: 1px solid var(--color-border); margin-top: 12px; } .groser-breadcrumb ul { margin-bottom: 0px; } .groser-breadcrumb li a{ color: var(--color-default); } .groser-breadcrumb li { color: var(--color-primary); font-size: 16px; position: relative; } @media (max-width: 767px) { .groser-breadcrumb li { font-size: 14px; } } .groser-breadcrumb li:not(:last-child) { margin-right: 26px; } .groser-breadcrumb li:not(:last-child)::after { position: absolute; left: 0; content: ""; top: 0; width: 100%; height: 100%; content: "\f105"; width: auto; height: auto; left: auto; font-family: "Font Awesome 5 Pro"; font-weight: 400; right: -12px; top: 2px; color: #706C6C; font-size: 13px; } .groser-breadcrumb li a { text-decoration: none; } .groser-breadcrumb li a span { color: #706C6C; } .groser-breadcrumb li span { color: var(--color-primary); } /*----------------------------------------*/ /* 11. shop /*----------------------------------------*/ .shop-section { overflow: hidden; } .shop-section ul { list-style: none; } .shop-section .woocommerce-toolbar-top { text-align: right; margin-bottom: 40px; display: flex; align-items: center; flex-wrap: wrap; border: 1px solid var(--color-border); padding: 5px 10px; } @media (max-width: 550px) { .shop-section .woocommerce-toolbar-top { text-align: center; padding: 10px; } } .shop-section .woocommerce-toolbar-top > p, .shop-section .woocommerce-toolbar-top > div, .shop-section .woocommerce-toolbar-top form { display: inline-block; } @media (max-width: 550px) { .shop-section .woocommerce-toolbar-top > p, .shop-section .woocommerce-toolbar-top > div, .shop-section .woocommerce-toolbar-top form, .shop-section .woocommerce-toolbar-top form select { width: 100%; display: block; float: none; } .shop-section .woocommerce-toolbar-top p { margin-bottom: 10px !important; } } .shop-section .woocommerce-toolbar-top p { float: left; margin: 0; } .shop-section .woocommerce-toolbar-top form { float: right; font-size: 15px; font-size: 1rem; } @media (max-width: 550px) { .shop-section .woocommerce-toolbar-top form { margin-top: 15px; } } .shop-section .woocommerce-toolbar-top form select { color: #555; border: none; height: auto; box-shadow: none; padding-right: 0; } .shop-section .woocommerce-toolbar-top > div { margin: 0 auto; } .shop-section .woocommerce-toolbar-top > div a { width: 23px; display: inline-block; } .shop-section .woocommerce-toolbar-top > div > a + a { margin-left: 7px; } .shop-section .woocommerce-toolbar-top .active { border-color: var(--color-black); color: #fff; } .shop-section .woocommerce-toolbar-top select { background-position: calc(100% - 15px) 17px; padding: 6px 15px; } @media (max-width: 1500px) { .shop-section .woocommerce-toolbar-top .grid-4 { display: none; } } .shop-section .woocommerce-toolbar-top .grid-draw { overflow: hidden; text-align: center; } .shop-section .woocommerce-toolbar-top .grid-draw span { width: 5px; height: 5px; background-color: #c3c3c3; float: left; margin: 0 0 1px 1px; } .shop-section .woocommerce-toolbar-top .products-sizes { padding: 7px 10px 2px 10px; margin-right: 15px; overflow: hidden; padding-bottom: 0; } @media (max-width: 550px) { .shop-section .woocommerce-toolbar-top .products-sizes { padding: 15px 0; } } .shop-section .woocommerce-toolbar-top .products-sizes .grid-draw > span:first-child { margin-left: 0; } .shop-section .woocommerce-toolbar-top .grid-draw-line { overflow: hidden; } .shop-section .woocommerce-toolbar-top .grid-draw-line span { width: 5px; height: 5px; background-color: #c3c3c3; float: left; margin: 0 0 1px 1px; } .shop-section .woocommerce-toolbar-top .products-sizes .grid-draw > span:first-child { margin-left: 0; } .shop-section .woocommerce-toolbar-top .grid-draw-line span:last-child { width: 16px; height: 1px; position: relative; top: 2px; } .shop-section .woocommerce-toolbar-top .products-sizes .active span { background-color: var(--color-black); } .shop-section .woocommerce-content-wrap { width: calc(100% - 260px); padding-right: 30px; float: left; } .shop-section .woocommerce-content-wrap.no-shop-active-sidebar { float: none; width: 100%; } @media (max-width: 991px) { .shop-section .woocommerce-content-wrap { width: 100%; float: none; padding-right: 0; margin-bottom: 60px; } } .shop-section .shop-sidebar { width: 260px; float: left; } @media (max-width: 767px) { .shop-section .shop-sidebar { width: 100%; } } .shop-section .shop-sidebar .widget:not(:last-child) { margin-bottom: 40px; } @media (max-width: 991px) { .shop-section .shop-sidebar { float: none; } .shop-section .woocommerce-toolbar-top p { font-size: 14px; } .shop-section .products.list-view .product-info { padding-left: 30px !important; padding-right: 0 !important; } } .shop-section .woocommerce-product-details__short-description, .realted-porduct .woocommerce-product-details__short-description { display: none; } .shop-section .products { overflow: inherit; margin: 0 -15px; display: flex; flex-wrap: wrap; } .shop-section .products > li { width: calc(25% - 30px); float: left; margin: 0 15px 30px; padding: 20px; border: 1px solid var(--color-border); position: relative; } @media (max-width: 1500px) { .shop-section .products > li { width: calc(33.33% - 50px); } } @media (max-width: 1300px) { .shop-section .products > li { width: calc(50% - 30px); } } @media (max-width: 500px) { .shop-section .products > li { width: calc(100% - 30px); float: none; } } .shop-section .products.three-column > li { width: calc(33.33% - 30px) !important; } .shop-section .products.three-column .product { border: 1px solid var(--color-border); padding: 30px; } @media (max-width: 1300px) { .shop-section .products.three-column > li { width: calc(50% - 30px)!important;; } } @media (max-width: 500px) { .shop-section .products.three-column > li { width: calc(100% - 30px)!important;; float: none; } } .shop-section .products.list-view { overflow: inherit; margin-top: -30px; } .shop-section .products.list-view > li { width: calc(100% - 30px) !important; float: none; overflow: hidden; margin-top: 30px; } @media screen and (min-width: 600px) { .shop-section .products.list-view > 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; } } .shop-section .products.list-view .product-holder { max-width: 300px; float: left; } @media (max-width: 600px) { .shop-section .products.list-view .product-holder { max-width: auto; width: 100%; float: none; } } .shop-section .products.list-view .product-info { width: calc(100% - 300px); float: right; padding-left: 40px; padding-right: 40px; text-align: left; } @media (max-width: 600px) { .shop-section .products.list-view .product-info { width: 100%; float: none; padding-left: 0 !important; } } .shop-section .products.list-view .product-info h4 { font-size: 20px; margin-bottom: 0.7em; } .shop-section .products.list-view .woocommerce-product-details__short-description { margin: 1em 0; display: block; } .shop-section .products.list-view .product-description:last-child { margin-bottom: 0; } .shop-fullwidth .woocommerce-content-wrap { width: 100%; padding-left: 0; } @media screen and (min-width: 1200px) { .shop-right-sidebar .woocommerce-content-wrap { float: left; padding-left: 0; padding-right: 90px; } } .shop-area .product-holder { position: relative; text-align: center; margin-bottom: 20px; } .shop-area .product-holder img { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .shop-area .product-holder .product__action-wrap { top: -10px; right: -10px; } .shop-area .product { position: relative; } .shop-area .product:hover .product__action2 { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); margin-top: 10px; } .shop-area .product:hover .plus-icon { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .shop-area .product:hover .product-holder img { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); } .shop-area .product .product__action-wrap .plus-icon { color: var(--color-fourty); background-color: #26901b1c; } .shop-area .product-holder > a { width: 100%; height: 100%; display: flex; position: relative; align-items: center; justify-content: center; } .shop-area .product-holder > a > div:last-child { width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .shop-area .product-holder > a:hover > div:last-child { opacity: 1; visibility: visible; } .shop-area .product:hover .shop-action-wrap { opacity: 1; visibility: visible; bottom: 35px; } .shop-area .shop-action-wrap { position: absolute; text-align: right; right: 0; bottom: 15px; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .shop-area .shop-action { display: inline-block; } .shop-area .shop-action > li { text-align: center; } .shop-area .shop-action > li + li { margin-top: 5px; } .shop-area .shop-action li a { background-color: #F1F2F4; width: 40px; height: 40px; line-height: 40px; color: var(--color-default); display: inline-block; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; position: relative; z-index: 1; font-size: 14px; border: 1px solid var(--color-border); } .shop-area .shop-action li a:hover { background-color: var(--color-primary); border-color: var(--color-primary); color: #fff; } .shop-area .product-info h4 { font-size: 15px; font-weight: 500; margin: 0 0 0.5em; text-transform: capitalize; } .shop-area .product-info h4 a { color: var(--color-black); } .shop-area .product-info h4 a:hover { color: var(--color-black); } .shop-area .product-info .woocommerce-Price-amount { margin-bottom: 5px; color: currentColor; } .shop-area .product-info .woocommerce-Price-amount span { color: inherit; } .shop-area .product-info del span.woocommerce-Price-amount.amount { text-decoration: line-through; } .shop-area .product-info h4 { margin-bottom: 0; margin-top: 10px; } .shop-area .product-info ins { font-weight: 500; color: var(--color-fourty); text-decoration: none; } .shop-area .product-info del { text-decoration: line-through; color: #999797; } .shop-area .product-info .rating i:before { font-size: 12px; color: #ffab50; } .shop-area .product-info .rating > span { display: inline-block; padding-left: 5px; font-size: 13px; font-size: 0.8666666667rem; font-weight: 500; } .shop-area-style2 .shop-action-wrap, .shop-area-style3 .shop-action-wrap { width: 45px; left: 25px; } .shop-area-style2 .shop-action > li, .shop-area-style3 .shop-action > li { float: none; } .shop-area-style2 .shop-action > li + li, .shop-area-style3 .shop-action > li + li { margin-left: 0; margin-top: 5px; } .shop-area-style3 .shop-action-wrap { left: auto; right: 25px; } .shop-section .pagination { justify-content: center; } /* shop sidebar */ .shop-sidebar .widget_price_filter .filter-price { position: relative; font-size: 15px; font-size: 1rem; } .shop-sidebar .widget_price_filter .filter-price input { border: 0; padding: 0; display: inline-block; width: auto; position: absolute; } .shop-sidebar .widget_price_filter .filter-price input:focus { border: 0; outline: none; } .shop-sidebar .widget_price_filter .filter-price button { font-family: var(--font-body); background-color: transparent; color: var(--color-default); font-size: 15px; font-size: 12px; font-weight: 600; padding: 0px 22px; text-transform: capitalize; letter-spacing: 0; display: inline-block; border: 0; outline: none; position: absolute; right: 0; bottom: 0; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; border-radius: 2px; border: 1px solid #ddd; } .shop-sidebar .widget_price_filter .filter-price #amount { color: var(--color-default); font-weight: 500; height: auto; box-shadow: none; background: transparent; } .shop-sidebar .widget_price_filter #slider-range { height: 6px; background: #EEEEED; border: 0; border-radius: 50px; margin-bottom: 25px; } .shop-sidebar .widget_price_filter #slider-range .ui-slider-range { background: var(--color-primary); } .shop-sidebar .widget_price_filter .ui-state-default, .shop-sidebar .widget_price_filter .ui-widget-content .ui-state-default, .shop-sidebar .widget_price_filter .ui-widget-header .ui-state-default { width: 5px; height: 14px; margin: 0; border: none; background: var(--color-primary); border-radius: 0; top: -4px; } .shop-sidebar .widget_price_filter .ui-state-default:focus, .shop-sidebar .widget_price_filter .ui-widget-content .ui-state-default:focus, .shop-sidebar .widget_price_filter .ui-widget-header .ui-state-default:focus { outline: none; } .product-single-wrap { display: flex; flex-wrap: wrap; } .product_details_img { width: 75%; border: 1px solid var(--color-border); padding: 70px; min-height: 520px; display: flex; align-items: center; justify-content: center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } @media (max-width: 991px) { .product_details_img { min-height: 300px; padding: 15px; } } .shop_thumb_tab { width: 25%; padding-left: 20px; } .shop_thumb_tab ul li { margin-bottom: 20px; } .shop_thumb_tab ul li .nav-link { padding: 10px; border: 1px solid var(--color-border); height: 110px; padding: 10px; width: 110px; display: flex; align-items: center; justify-content: center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; box-shadow: 0px 10px 15px rgba(221, 221, 221, 0.15); } @media (max-width: 991px) { .shop_thumb_tab ul li .nav-link { width: 60px; height: 60px; } } .shop_thumb_tab ul li:last-child { margin-bottom: 0; } .shop_thumb_tab ul li button { padding: 0; border: transparent; overflow: hidden; } .shop_thumb_tab ul li button { max-width: 104px; height: auto; background: transparent; } .shop_thumb_tab ul li button.active { border-color: var(--color-primary); } .product_details_img .pl_thumb img { width: 100%; } .shop_details .details_content { padding-left: 40px; } .details_content .title { font-size: 45px; margin-bottom: 20px; text-transform: uppercase; } .details_content .pl_list { margin-top: 25px; margin-bottom: 30px; } .details_content .price { font-size: 25px; margin-bottom: 6px; font-weight: 700; font-family: var(--font-body); } .details_content .review_wrap { margin-bottom: 22px; } .details_content .review_wrap .review li { color: #ffab50; font-size: 13px; margin-right: 6px; } .product-details p { font-size: 16px; color: #434D55; line-height: 30px; } .product-details h2 { font-size: 30px; margin-bottom: 10px; font-weight: 700; } @media (max-width: 767px) { .product-details h2 { font-size: 24px; } } .shop-single-section .product-details .price { font-family: var(--font-family-Quicksand); font-size: 20px; font-size: 1.3333333333rem; margin: 0.4em 0 0.7em; font-weight: bold; color: var(--color-black); } .shop-single-section .product-details .price span { color: currentColor; } .shop-single-section .product-details .price .old { font-size: 20px; font-size: 1.3333333333rem; font-weight: normal; color: var(--color-default); text-decoration: line-through; display: inline-block; margin-left: 5px; } .shop-single-section .product-details .rating { margin-bottom: 20px; } .product-details .rating i::before { font-size: 12px; color: #ffab50; } .shop-single-section .product-details .color-size span { font-size: 14px; font-size: 0.9333333333rem; font-weight: bold; color: var(--color-default); text-transform: uppercase; display: inline-block; padding-right: 15px; display: block; margin-bottom: 5px; } .shop-single-section .product-details .color-size select { min-width: 80px; height: 40px; border: 1px solid var(--color-border); color: var(--color-black); outline: 0; padding: 6px 15px; background-position: calc(100% - 15px) 17px; } .shop-single-section .product-details .color-size > div + div { margin-top: 15px; } .product-details .product-option .product-row { display: flex; align-items: center; } .product-details .product-option .product-row .thm-btn { margin-left: 20px; } .shop-single-section .product-details .product-option .product-row > div:first-child { width: 100px; height: 48px; } .shop-single-section .product-details .color-size { margin-bottom: 30px; } .shop-single-section .product-details .product-option .bootstrap-touchspin { width: 100px; border: 1px solid var(--color-border); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; flex-wrap: inherit; } .shop-single-section .product-details .product-option .bootstrap-touchspin button { text-decoration: none; border: 0; height: 48px; line-height: 50px; padding: 0 10px; font-size: 16px; font-size: 1.0666666667rem; font-weight: 500; color: var(--color-default); } .shop-single-section .product-details .product-option .bootstrap-touchspin-down { left: 10px; } .shop-single-section .product-details .product-option .bootstrap-touchspin-up { right: 10px; } .shop-single-section .product-details .product-option .bootstrap-touchspin input { border: 0; height: 48px; line-height: 50px; text-align: center; font-size: 16px; font-size: 1.0666666667rem; font-weight: 500; color: var(--color-default); padding: 0; } .shop-single-section .product-details .product-count:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; } .shop-single-section .thb-product-meta-before .product_meta > span { font-size: 16px; font-weight: 500; color: #232323; display: block; margin-bottom: 15px; } .shop-single-section .thb-product-meta-before .product_meta > span a { font-weight: 400; font-size: 15px; color: var(--color-default); } .shop-single-section .product-details .product-option { margin-top: 25px; } .shop-single-section .single-product-info { margin-top: 60px; } @media (max-width: 767px) { .shop-single-section .single-product-info .tablist { margin-bottom: 25px; } } .shop-single-section .single-product-info h4 { font-size: 18px; font-size: 1.2rem; font-weight: 400; margin: 0; line-height: 1.7em; font-family: var(--font-body); font-weight: 500; } .shop-single-section .single-product-info p { margin-bottom: 1.3em; } .shop-single-section .single-product-info .tab-pane p:last-child { margin-bottom: 0; } .shop-single-section .single-product-info .nav-tabs { border: 0; display: inline-block; margin-top: 5px; } .shop-single-section .single-product-info .nav-tabs { margin-top: -10px; } .shop-single-section .single-product-info .nav-tabs li { float: left; margin-right: 30px; margin-top: 10px; } .shop-single-section .single-product-info .nav-tabs li:last-child { margin-right: 0; } .shop-single-section .single-product-info .nav-tabs button { font-family: var(--font-body); background: transparent; font-weight: 600; font-size: 14px; text-transform: uppercase; color: #121416; display: block; border: 1px solid #F2F2F2; padding: 13px 32px; } .shop-single-section .single-product-info .nav-tabs button.active { background-color: var(--color-primary); border-color: var(--color-primary); } @media (max-width: 767px) { .shop-single-section .single-product-info .nav-tabs button { font-size: 12px; padding: 8px 25px; } } .shop-single-section .single-product-info .nav-tabs a:hover, .shop-single-section .single-product-info .nav-tabs .active a { background-color: transparent; color: #00394f; } .shop-single-section .single-product-info .tab-content { padding: 35px 0; margin-top: -1px; text-align: left; } @media (max-width: 767px) { .shop-single-section .single-product-info .tab-content { border: 0; padding: 0; margin: 0; } } .shop-single-section .single-product-info .client-rv { overflow: hidden; margin-bottom: 30px; } .shop-single-section .single-product-info .client-rv:last-child { margin-bottom: 0; } .shop-single-section .single-product-info .client-rv .client-pic { width: 60px; float: left; } @media (max-width: 767px) { .shop-single-section .single-product-info .client-rv .client-pic { width: 100%; float: none; margin-bottom: 10px; } } .shop-single-section .single-product-info .client-rv .details { width: calc(100% - 80px); float: right; } @media (max-width: 767px) { .shop-single-section .single-product-info .client-rv .details { width: 100%; float: none; } } @media (max-width: 767px) { .shop-single-section .single-product-info .client-rv .name-rating-time { padding-bottom: 3px; } } .shop-single-section .single-product-info .client-rv .name-rating-time > div, .shop-single-section .single-product-info .client-rv .name-rating > div { display: inline-block; font-size: 14px; font-size: 0.9333333333rem; } @media (max-width: 767px) { .shop-single-section .single-product-info .client-rv .name-rating-time > div, .shop-single-section .single-product-info .client-rv .name-rating > div { font-size: 12px; font-size: 0.8rem; display: block; } } .shop-single-section .single-product-info .client-rv .rating .fi:before { font-size: 12px; } .shop-single-section .single-product-info .client-rv .rating { font-size: 12px; color: #E0A500; padding-left: 12px; } @media (max-width: 767px) { .shop-single-section .single-product-info .client-rv .rating { padding-left: 0; margin: 4px 0 7px; } } .shop-single-section .single-product-info .client-rv .name-rating-time .time { font-size: 14px; font-size: 0.9333333333rem; font-weight: 500; margin-top: 3px; display: block; color: #b3b3b3; text-transform: uppercase; } @media (max-width: 767px) { .shop-single-section .single-product-info .client-rv .name-rating-time .time { float: none; } } .shop-single-section .single-product-info .client-rv .review-body { padding-top: 12px; } .shop-single-section .single-product-info .review-form-wrapper { margin-top: 50px; } @media screen and (min-width: 1200px) { .shop-single-section .single-product-info .review-form-wrapper { padding-left: 15px; } } @media (max-width: 991px) { .shop-single-section .single-product-info .review-form { margin-top: 45px; } } .shop-single-section .single-product-info .review-form h4 { margin-bottom: 1.73em; font-weight: 500; } .shop-single-section .single-product-info .review-form form input, .shop-single-section .single-product-info .review-form form textarea { width: 100%; height: auto; border: 1px solid #ddd; border-radius: 0; padding: 12px 15px; -webkit-box-shadow: none; box-shadow: none; } @media (max-width: 991px) { .shop-single-section .single-product-info .review-form form input, .shop-single-section .single-product-info .review-form form textarea { padding: 10px 15px; } } .shop-single-section .single-product-info .review-form form input:focus, .shop-single-section .single-product-info .review-form form textarea:focus { border: 1px solid var(--color-primary); outline: none; -webkit-box-shadow: none; box-shadow: none; } .shop-single-section .single-product-info .review-form form textarea { height: 130px; } .shop-single-section .single-product-info .review-form form > div { margin-bottom: 27px; } .shop-single-section .single-product-info .review-form form > div:last-child { margin-bottom: 0; } .shop-single-section .single-product-info .review-form form .rating-wrapper > div { display: inline-block; } @media (max-width: 767px) { .shop-single-section .single-product-info .review-form form .rating-wrapper > div { display: block; float: none !important; } } .shop-single-section .single-product-info .review-form form .rating-wrapper > div:last-child { float: right; } @media (max-width: 767px) { .shop-single-section .single-product-info .review-form form .rating-wrapper > div:last-child { margin-top: 20px; } } .shop-single-section .single-product-info .review-form form .rating a { font-size: 14px; color: #cccccc; display: inline-block; margin-right: 5px; } @media (max-width: 767px) { .shop-single-section .single-product-info .review-form form .rating a { font-size: 12px; } } .shop-single-section .single-product-info .review-form form .rating a:last-child { margin: 0; } .shop-single-section .single-product-info .review-form form .rating a:hover { color: #E0A500; } .shop-single-section .single-product-info .review-form .submit button { border: 0; outline: none; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .shop-single-section .realted-porduct { margin-top: 20px; } .shop-area ul { list-style: none; } .shop-single-section .realted-porduct h3 { font-size: 28px; line-height: 0.95em; margin: 0 0 0.7em; position: relative; font-weight: 500; text-transform: capitalize; font-family: var(--font-body); margin-bottom: 30px; } @media (max-width: 767px) { .shop-single-section .realted-porduct h3 { font-size: 24px; } } @media (max-width: 330px) { .shop-single-section .realted-porduct h3 { font-size: 20px; } } .shop-single-section .products { overflow: hidden; margin: 0 -15px; } .shop-single-section .products > li { width: calc(25% - 30px); float: left; margin: 0 15px 30px; margin: 0 15px 30px; padding: 30px; border: 1px solid var(--color-border); } @media (max-width: 1199px) { .shop-single-section .products > li { width: calc(50% - 30px); } } @media (max-width: 500px) { .shop-single-section .products > li { width: calc(100% - 30px) !important; float: none; } .single-product div.product .woocommerce-product-gallery .flex-viewport { width: 100% !important; float: none !important; } .flex-viewport { padding: 0 !important; min-height: auto !important; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs { width: 100% !important; } .woocommerce div.product div.images .flex-control-thumbs li { float: left; width: 50%; margin-bottom: 20px; } .woocommerce div.product div.images .flex-control-thumbs li img { margin: 0 !important; width: 65px!important; height: 65px!important; } .woocommerce div.product div.images .flex-control-thumbs li { float: left !important; width: 63px !important; margin: 0 5px !important; } .woocommerce div.product div.images .flex-control-thumbs { margin-top: 10px; } .banner-slide__active .slick-arrow.slick-next, .category__slide .slick-arrow.slick-next { display: none !important; } } .shop-single-section .product-info { padding-top: 25px; padding-bottom: 0; } .woocommerce-cart .grop-page-content_warp .woocommerce { margin-top: 20px; margin-bottom: 41px; } .woocommerce .quantity { width: 76px; } .woocommerce-cart .woocommerce table.shop_table th { padding: 15px 19px 13px; text-transform: uppercase; color: var(--color-fourtyone); font-weight: 700; } .side-product__item .out-stock__badge { background: transparent !important; padding: 0 !important; top: 7px; left: 12px; } .woocommerce table.shop_table { border: 0; border-radius: 0; } .shop_table tfoot tr th { font-weight: normal; } .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th { font-weight: 500; } .shop_table { table-layout: auto; border-collapse: collapse; border-spacing: 0; width: 100%; text-align: left; } .shop_table thead tr th:first-child { text-align: left; } .shop_table.woocommerce-checkout-review-order-table th, .shop_table.woocommerce-checkout-review-order-table td { padding-top: 15px; padding-bottom: 15px; } .shop_table th, .shop_table td { padding: 25px 0; } .shop_table.woocommerce-checkout-review-order-table th, .shop_table.woocommerce-checkout-review-order-table td { padding-top: 15px; padding-bottom: 15px; } .shop_table tbody tr td { padding-right: 25px; } .shop_table th, .shop_table td { padding: 25px 0; } .add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background: #f5f5f5; border-radius: 0; padding: 25px; } #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods { padding: 0; list-style: none; } #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { background-color: #e6e6e6; } #add_payment_method #payment div.payment_box:before, .woocommerce-cart #payment div.payment_box:before, .woocommerce-checkout #payment div.payment_box:before { border: 1em solid var(--color-border); border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; } #add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row { padding-left: 0; } .woocommerce table.shop_table td { border-top: 1px solid var(--color-border); } .woocommerce-cart .woocommerce table.shop_table td.actions { padding-top: 19px; padding-bottom: 19px; text-align: right; } .woocommerce table.shop_table th, .woocommerce table.shop_table td { font-size: 15px; font-size: 1rem; padding: 17px 19px 15px; } .woocommerce-cart .woocommerce table.shop_table .cart_single td.product-name, .woocommerce-cart .woocommerce table.shop_table .cart_single td.product-name a { color: var(--color-default); } .woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon { float: left; } .woocommerce table.cart td.actions .coupon { display: flex; align-items: center; flex-wrap: wrap; } @media (max-width: 767px) { .woocommerce table.cart td.actions .coupon { display: unset; } } .widget_products .product-list-widget > li { display: flex; align-items: center; margin-bottom: 25px; } .widget_products .product-list-widget > li:last-child { margin-bottom: 0; } .widget_products .product-thumb { width: 80px; margin-right: 15px; } .rating_star li { font-size: 12px; color: #ffab50; margin-right: 2px; } .widget_products .rating_star { margin-bottom: 6px; } .widget_products .procuct-title { font-size: 16px; font-family: var(--font-body); margin-bottom: 7px; } .widget_products .woocommerce-Price-amount.amount { font-size: 14px; } .widget_products .prodcut-content del { font-size: 15px; padding-left: 5px; color: var(--color-default); } .widget_products .prodcut-content ins { text-decoration: none; color: var(--color-black); } .product-single-wrap { display: flex; flex-wrap: wrap; } .product_details_img { width: 75%; } .shop_thumb_tab { width: 25%; } .shop_thumb_tab ul li { margin-bottom: 20px; padding-left: 20px; } @media (max-width: 1199px) { .shop_thumb_tab ul li { padding-left: 0; } } .woocommerce-cart .woocommerce table.shop_table td.actions .coupon label:first-child { display: none; } .woocommerce-cart .woocommerce table.shop_table td.actions #coupon_code { font-size: 14px; height: 52px; margin-right: 20px; padding-left: 18px; width: 227px; box-shadow: none; border: 1px solid var(--color-border); color: var(--color-black); } .woocommerce-cart .woocommerce table.shop_table td.actions input:focus { border-color: var(--color-primary) !important; } .woocommerce-cart .woocommerce table.shop_table tr.cart-subtotal td[data-title*=Subtotal], .woocommerce-cart .woocommerce table.shop_table tr.shipping td[data-title*=Subtotal], .woocommerce-cart .woocommerce table.shop_table tr.order-total td[data-title*=Subtotal] { color: var(--color-black); } .woocommerce-cart .woocommerce table.shop_table tr.cart-subtotal td[data-title*=Subtotal]::-webkit-input-placeholder, .woocommerce-cart .woocommerce table.shop_table tr.shipping td[data-title*=Subtotal]::-webkit-input-placeholder, .woocommerce-cart .woocommerce table.shop_table tr.order-total td[data-title*=Subtotal]::-webkit-input-placeholder { opacity: 1; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; color: var(--color-default); } .woocommerce-cart .woocommerce table.shop_table tr.cart-subtotal td[data-title*=Subtotal]::-moz-placeholder, .woocommerce-cart .woocommerce table.shop_table tr.shipping td[data-title*=Subtotal]::-moz-placeholder, .woocommerce-cart .woocommerce table.shop_table tr.order-total td[data-title*=Subtotal]::-moz-placeholder { /* Firefox 19+ */ opacity: 1; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; color: var(--color-default); } .woocommerce-cart .woocommerce table.shop_table tr.cart-subtotal td[data-title*=Subtotal]:-ms-input-placeholder, .woocommerce-cart .woocommerce table.shop_table tr.shipping td[data-title*=Subtotal]:-ms-input-placeholder, .woocommerce-cart .woocommerce table.shop_table tr.order-total td[data-title*=Subtotal]:-ms-input-placeholder { /* IE 10+ */ opacity: 1; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; color: var(--color-default); } .woocommerce-cart .woocommerce table.shop_table tr.cart-subtotal td[data-title*=Subtotal]:-moz-placeholder, .woocommerce-cart .woocommerce table.shop_table tr.shipping td[data-title*=Subtotal]:-moz-placeholder, .woocommerce-cart .woocommerce table.shop_table tr.order-total td[data-title*=Subtotal]:-moz-placeholder { /* Firefox 18- */ opacity: 1; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; color: var(--color-default); } .woocommerce-cart .woocommerce table.shop_table tr.cart-subtotal th, .woocommerce-cart .woocommerce table.shop_table tr.cart-subtotal td, .woocommerce-cart .woocommerce table.shop_table tr.shipping th, .woocommerce-cart .woocommerce table.shop_table tr.shipping td, .woocommerce-cart .woocommerce table.shop_table tr.order-total th, .woocommerce-cart .woocommerce table.shop_table tr.order-total td { padding: 16px 15px 14px; } .woocommerce-cart .woocommerce-shipping-calculator .shipping-calculator-button { color: var(--color-black); margin-top: 6px; display: block; margin-bottom: 12px; } .woocommerce-cart .shipping-calculator-form-row { margin: 0 0 13px; } .woocommerce-cart .shipping-calculator-form button.button { background-color: #000 !important; color: #ffffff !important; height: 45px; line-height: 45px; padding: 1px 27px 0; margin-top: 4px; } #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img { width: 70px; object-fit: cover; } .woocommerce-cart .woocommerce table.shop_table .cart_single td a.remove { width: 18px; height: 18px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; line-height: 17px; color: #fff !important; border-radius: 50%; background: #dbdbdb; font-weight: normal; font-size: 15px; } .woocommerce-cart .woocommerce table.shop_table .cart_single td a.remove:hover { background-color: #000; } .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit[disabled]:disabled, .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button[disabled]:disabled, .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button[disabled]:disabled, .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button[disabled]:disabled { padding-top: 0; padding-bottom: 0; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { margin-top: 50px; } .woocommerce .cart-collaterals .cart_totals > h2, .woocommerce-page .cart-collaterals .cart_totals > h2 { font-size: 24px; font-size: 1.6rem; margin: 0 0 1.3em; } #add_payment_method .cart-collaterals .cart_totals table select, .woocommerce-cart .cart-collaterals .cart_totals table select, .woocommerce-checkout .cart-collaterals .cart_totals table select { border: 1px solid var(--color-border); color: var(--color-default); font-size: 14px; height: 50px; width: 100%; } #add_payment_method .wc-proceed-to-checkout, .woocommerce-cart .wc-proceed-to-checkout, .woocommerce-checkout .wc-proceed-to-checkout { padding: 0; text-align: right; } #add_payment_method .wc-proceed-to-checkout, .woocommerce-cart .wc-proceed-to-checkout, .woocommerce-checkout .wc-proceed-to-checkout { padding: 0; } #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button { margin-bottom: 0; margin-top: 16px; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { padding: 15px 30px; } .woocommerce-cart .input-text.qty.text { -webkit-box-shadow: none; box-shadow: none; } .woocommerce-cart input::-webkit-outer-spin-button, .woocommerce-cart input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } @media (max-width: 600px) { .woocommerce-cart thead { display: none; } .woocommerce-cart table, .woocommerce-cart th, .woocommerce-cart td, .woocommerce-cart tr, .woocommerce-cart tbody { width: 100%; display: block; border: 0; text-align: center; } .woocommerce table.shop_table { border: 1px solid var(--color-border); } .quantity { margin: 0 auto; } .woocommerce table.shop_table td { border: 0; } .woocommerce-cart tbody > tr { position: relative; } .woocommerce-cart tbody > tr + tr { border-top: 1px solid var(--color-border); } .woocommerce-cart tbody > tr { padding: 30px 20px; } .woocommerce-cart .woocommerce table.shop_table .cart_single td { padding: 8px 10px; } .woocommerce-cart .woocommerce table.shop_table .cart_single td.product-remove { border-right: 0; width: auto; } .woocommerce-cart .woocommerce table.shop_table .cart_single td.product-remove { position: absolute; right: 15px; top: 15px; } .woocommerce-cart .woocommerce table.shop_table td.actions { text-align: center; } .woocommerce-cart .woocommerce table.shop_table td.actions input, .woocommerce-cart .woocommerce table.shop_table td.actions button { display: block; float: none; } .woocommerce-cart .coupon { float: none !important; } .woocommerce-cart .woocommerce table.shop_table td.actions input, .woocommerce-cart .woocommerce table.shop_table td.actions button { display: inline-block; float: none; margin-top: 10px; } .woocommerce-cart .woocommerce table.shop_table .cart_single td.product-name, .woocommerce-cart .woocommerce table.shop_table .cart_single td.product-name a, .woocommerce-cart .woocommerce table.shop_table .cart_single td, .woocommerce-cart .woocommerce table.shop_table .cart_single td a { font-weight: 500; } } @media (max-width: 767px) { .cart-section .container { max-width: 100%; } } @media (max-width: 600px) { .cart-section .wc-proceed-to-checkout { text-align: center; } } .cart-section .btn { padding: 7px 4px 7px 6px; font-size: 8px; font-weight: normal; position: relative; } .cart-section .btn:hover { background-color: #000 !important; } .cart-section .bootstrap-touchspin { border: 1px solid var(--color-border); width: 100px; flex-wrap: inherit; } .cart-section .bootstrap-touchspin button { text-decoration: none; border: 0; height: 38px; line-height: 38px; padding: 0 10px; font-size: 16px; font-size: 1.0666666667rem; font-weight: 500; color: var(--color-default); } .cart-section .bootstrap-touchspin input { border: 0; height: 38px; line-height: 38px; text-align: center; font-size: 16px; font-size: 1.0666666667rem; font-weight: 500; color: var(--color-default); background: transparent; } .cart-section .bootstrap-touchspin-up { right: 10px; } .cart-section .bootstrap-touchspin-up:hover { background: transparent !important; } .cart-section .bootstrap-touchspin-down { left: 10px; } .cart-section .bootstrap-touchspin-down:hover { background: transparent !important; } /* Firefox */ .woocommerce-cart input[type=number] { -moz-appearance: textfield; } .woocommerce strong { font-weight: 500; } .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up, .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down { border-radius: 0; } .checkout-section .checkout.woocommerce-checkout { overflow: hidden; clear: both; } @media screen and (min-width: 992px) { .checkout-section .checkout.woocommerce-checkout .col2-set { width: 70%; float: left; padding-right: 85px; } .checkout-section .checkout.woocommerce-checkout .woocommerce-checkout-review-order { width: 30%; float: right; } .checkout-section .checkout.woocommerce-checkout form-row.form-row-first, .checkout-section .checkout.woocommerce-checkout form-row.form-row-last, .checkout-section .checkout.woocommerce-checkout-row.form-row-first, .checkout-section .checkout.woocommerce-checkout-row.form-row-last { width: 50%; float: left; } .checkout-section .checkout.woocommerce-checkout form-row.form-row-first, .checkout-section .checkout.woocommerce-checkout-row.form-row-first { padding-right: 15px; } .checkout-section .checkout.woocommerce-checkout form-row.form-row-last, .checkout-section .checkout.woocommerce-checkout-row.form-row-last { padding-left: 15px; } } .checkout-section .checkout.woocommerce-checkout-row label.checkbox, .checkout-section .checkout.woocommerce-checkout .woocommerce-shipping-fields label.checkbox { display: inline-block; } .checkout-section .checkout.woocommerce-checkout-row textarea { height: 180px; } /*** woocommerce ***/ .woocommerce-Button, .woocommerce-button { background: rgba(0, 0, 0, 0.9); font-size: 12px; font-size: 0.8rem; font-weight: 500; font-weight: 500; padding: 12px 30px; color: #fff; margin-top: 20px; color: white; display: inline-block; margin-left: auto; margin-right: auto; text-transform: uppercase; letter-spacing: 3px; border: 0; } .woocommerce-Button:hover, .woocommerce-button:hover { background: #000; } .woocommerce-info:before { display: none; } .woocommerce-privacy-policy-text a { font-weight: 500; color: #E0A500; text-decoration: underline; } .woocommerce-error a, .woocommerce-info a, .woocommerce-message a, .lost_password a { color: var(--color-default); } .woocommerce-error a:hover, .woocommerce-info a:hover, .woocommerce-message a:hover, .lost_password a:hover { text-decoration: underline; } .woocommerce-error, .woocommerce-info, .woocommerce-message { background-color: rgba(191, 171, 112, 0.1); width: auto; padding: 15px 20px; border: 1px solid rgba(191, 171, 112, 0.2); padding: 15px 15px 15px 35px; margin: 0 0 2em; position: relative; color: var(--color-default); list-style: none; word-wrap: break-word; } @media (max-width: 767px) { .woocommerce-error, .woocommerce-info, .woocommerce-message { padding: 15px; } } .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { padding: 34px 35px 33px; border: 1px solid var(--color-border); margin: 19px 0; text-align: left; border-radius: 0; } .woocommerce .login p { margin-bottom: 15px; } @media (max-width: 767px) { .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { padding: 34px 20px 33px; } } .woocommerce form-row .required { color: red; font-weight: 600; border: 0; } .woocommerce form.login > p:not(.form-row) { margin-bottom: 2em; } #customer_login form.login > p:not(.form-row) { margin-top: 0; margin-bottom: 0; } .woocommerce form.login input[type=submit], .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { color: #fff; font-size: 12px; font-size: 0.8rem; font-weight: 600; padding: 14px 30px; text-transform: uppercase; letter-spacing: 2px; display: inline-block; border: 0; border-radius: 0; outline: 0; } .woocommerce .checkout_coupon input[type="submit"] { padding: 14px 30px; border: 0; margin-top: 10px; } .woocommerce form.login input[type=submit]:hover, .woocommerce form.login input[type=submit]:focus, .woocommerce form.login input[type=submit]:active, .woocommerce #respond input#submit:hover, .woocommerce #respond input#submit:focus, .woocommerce #respond input#submit:active, .woocommerce a.button:hover, .woocommerce a.button:focus, .woocommerce a.button:active, .woocommerce button.button:hover, .woocommerce button.button:focus, .woocommerce button.button:active, .woocommerce input.button:hover, .woocommerce input.button:focus, .woocommerce input.button:active { background-color: var(--color-primary-2); color: #fff; } .woocommerce form-row input.input-text, .woocommerce form-row textarea { padding: 12px 15px; } .woocommerce form-row label.inline { display: inline; padding-left: 15px; } .woocommerce h3 { font-size: 22px; font-size: 1.4666666667rem; } abbr, abbr[title] { border-bottom: 1px dotted #0a0a0a; cursor: help; text-decoration: none; } @media (max-width: 767px) { .woocommerce form-row label.inline { padding-left: 5px; } } .checkout-section input[type="text"], .checkout-section input[type="password"], .checkout-section input[type="email"], .checkout-section input[type="tel"], .checkout-section select, .checkout-section textarea { height: 55px; box-shadow: none; } #add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li { line-height: 2; text-align: left; margin: 0; font-weight: 400; } #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { position: relative; box-sizing: border-box; width: 100%; padding: 1em; margin: 1em 0; font-size: .92em; border-radius: 2px; line-height: 1.5; background-color: #e6e6e6; color: var(--color-default); } #add_payment_method #payment ul.payment_methods li img, .woocommerce-cart #payment ul.payment_methods li img, .woocommerce-checkout #payment ul.payment_methods li img { vertical-align: middle; margin: -2px 0 0 .5em; padding: 0; position: relative; box-shadow: none; } #add_payment_method #payment .payment_method_paypal img, .woocommerce-cart #payment .payment_method_paypal img, .woocommerce-checkout #payment .payment_method_paypal img { max-height: 52px; vertical-align: middle; } #add_payment_method #payment .payment_method_paypal .about_paypal, .woocommerce-cart #payment .payment_method_paypal .about_paypal, .woocommerce-checkout #payment .payment_method_paypal .about_paypal { float: right; line-height: 52px; font-size: .83em; color: var(--color-default); margin-left: 10px; } #add_payment_method #payment ul.payment_methods li input, .woocommerce-cart #payment ul.payment_methods li input, .woocommerce-checkout #payment ul.payment_methods li input { margin: 0 5px 0 0; } #add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before { border: 1em solid var(--color-border); border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; } #add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before { content: ""; display: block; border: 1em solid var(--color-border); border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; position: absolute; top: -.75em; left: 0; margin: -1em 0 0 2em; } #add_payment_method #payment div.payment_box p:last-child, .woocommerce-cart #payment div.payment_box p:last-child, .woocommerce-checkout #payment div.payment_box p:last-child { margin-bottom: 0; } .woocommerce table.shop_table { border: 1px solid var(--color-border); margin: 0 -1px 24px 0; text-align: left; width: 100%; border-collapse: separate; border-radius: 5px; } .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th { font-weight: 700; border-top: 1px solid var(--color-border); } .woocommerce-billing-fields p { margin-bottom: 15px; } .widget__title { font-size: 22px; margin-bottom: 20px; font-weight: 500; color: var(--color-black); padding-bottom: 10px; border-bottom: 1px solid var(--color-border); text-transform: capitalize; font-family: var(--font-body); } .widget__title span { position: relative; color: currentColor; padding-right: 7px; } .widget__title span::before { position: absolute; bottom: -16px; left: 0; width: 100%; content: ""; background-color: var(--color-primary); height: 1px; } .widget__search { position: relative; } .widget__search input { width: 100%; height: 50px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-width: 1px; border-color: #E1E0E0; border: 1px solid #E1E0E0; padding: 0 20px;} .widget__search button { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: transparent; width: 50px; height: 100%; font-size: 15px; color: #A5A5A5; } .widget__color span { width: 30px; height: 30px; border: 1px solid #E5E5E5; padding: 2px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; display: inline-block; margin: 0 2px; position: relative; cursor: pointer; } .widget__color span::before { position: absolute; width: 22px; height: 22px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: ""; background-color: #C4C4C4; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } .widget__color span:nth-child(2)::before { background-color: #0B5FB5; } .widget__color span:nth-child(3)::before { background-color: #00A651; } .widget__color span:nth-child(4)::before { background-color: #FEE496; } .widget__color span:nth-child(5)::before { background-color: #BC25BF; } .widget__color span:nth-child(6)::before { background-color: #000000; } .widget__color span:nth-child(7)::before { background-color: #FC7C8D; } .widget_categories li:not(:last-child), .widget_archive li:not(:last-child), .widget_pages li:not(:last-child), .widget_meta li:not(:last-child), .widget_recent_comments li:not(:last-child), .widget_rss li:not(:last-child), .widget_nav_menu li:not(:last-child), .widget_product_categories li:not(:last-child){ margin-bottom: 15px; } .widget_categories ul, .widget_archive ul, .widget_meta ul, .widget_pages ul, .widget_recent_comments ul, .widget_recent_entries ul, .widget_nav_menu ul, .widget_rss ul, .widget_product_categories ul { list-style: none; padding: 0; margin: 0; } .widget-area.blog-sidebar .widget ul li .children li, .widget-area.blog-sidebar .widget ul li .sub-menu li { padding-left: 15px; padding-top: 0 !important; margin-bottom: 15px; } .feature-product__single .star-rating { float: none; margin-bottom: 10px; } .widget_recent_comments ul#recentcomments li a { color: #232638; } .widget_categories li a, .widget_archive li a, .widget_pages li a, .widget_meta li a, .widget_recent_entries li a, .widget_rss li a, .widget_nav_menu li a, .widget_product_categories li a { font-size: 16px; color: #232638; display: flex; align-items: center; justify-content: space-between; } .widget_categories li a:hover, .widget_pages li a:hover, .widget_meta li a:hover, .widget_archive li a:hover { color: var(--color-primary); } .widget_categories li a i, .widget_archive li a i { font-size: 12px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .widget__add { background-color: #F5F7FD; min-height: 487px; padding: 25px; position: relative; } .widget__add .content > span { font-size: 12px; font-weight: 500; display: inline-block; margin-bottom: 10px; background-color: var(--color-primary); color: var(--color-white); border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; padding: 0px 11px; line-height: 24px; } .widget__add .content h3 { font-size: 24px; font-weight: 500; font-family: var(--font-body); margin-bottom: 30px; } .widget__add .content h3 span { color: var(--color-primary); text-decoration: underline; } .widget__add .content .thm-btn { font-size: 14px; text-transform: capitalize; padding: 10px 23px; background-color: #0E489F; } .widget__add .image { position: absolute; bottom: 13px; left: 0; right: 0; margin: auto; text-align: center; } .widget__add .image .add_img { position: absolute; bottom: 45px; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); max-width: 185px; } .checkbox__item:not(:last-child) { margin-bottom: 13px; } .checkbox__item label { font-size: 15px; color: #7E8285; -webkit-transform: translateY(2px); -ms-transform: translateY(2px); transform: translateY(2px); } .form-check-input { width: 15px; height: 15px; border: 1px solid #D9D9D9; margin-right: 10px; } -check-input:checked { background-color: var(--color-primary); border-color: var(--color-primary); box-shadow: none; } -check-input:focus { box-shadow: none; border-color: var(--color-primary); } .shop-left-sidebar { display: flex; flex-direction: row-reverse; flex-wrap: wrap; } @media (max-width: 991px) { .shop-left-sidebar { display: unset; } } .shop-section .shop-left-sidebar .woocommerce-content-wrap { width: calc(100% - 260px); padding-right: 0px; padding-left: 30px; } @media (max-width: 991px) { .shop-section .shop-left-sidebar .woocommerce-content-wrap { width: 100%; padding-left: 0; } } .model-option-wrap > span { font-size: 16px; font-weight: 500; color: #232323; margin-right: 8px; } .model-option { margin: -7px; } .model-option li { font-size: 12px; font-weight: 600; color: #8D8884; background-color: #F2F2F2; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; padding: 0px 13px; text-transform: uppercase; line-height: 24px; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; margin: 7px; } .model-option li.active { background-color: var(--color-primary); color: var(--color-white); } .product-share-wrap a { margin-left: 15px; } .product-share-wrap a:hover { color: var(--color-primary) !important; } .add-to-cart-btn .thm-btn { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; font-size: 14px; height: 48px; } .add-to-cart-btn .thm-btn span { color: var(--color-black); } .woocommerce-cart .actions .thm-btn { padding: 16px 33px; border: 0; } /*----------------------------------------*/ /* 07. contact /*----------------------------------------*/ .contact-info__item { padding: 25px 20px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; border: 1px solid var(--color-border); } .contact-info__item:hover, .contact-info__item.active { border-color: var(--color-border); } .contact-info__item .icon { width: 53px; margin-right: 15px; -webkit-transform: translateY(7px); -ms-transform: translateY(7px); transform: translateY(7px); } .contact-info__item .content { width: calc(100% - 68px); } .contact-info__item h3 { font-size: 20px; margin-bottom: 2px; font-family: var(--font-body); } .contact-info__item a, .contact-info__item p, .contact-info__item span { font-size: 14px; color: var(--color-default); display: block; line-height: 26px; } .contact-info__content h3 { font-size: 28px; margin-bottom: 24px; font-family: var(--font-body); } .contact-info__content p { font-size: 16px; line-height: 32px; } .contact-info__content p:not(:last-child) { margin-bottom: 20px; } .contact-img { margin-right: 80px; z-index: 1; } @media (max-width: 1199px) { .contact-img { margin-right: 20px; } } .contact-img > img { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; } .contact-img::before { position: absolute; bottom: 54px; right: -5px; width: 357px; height: 284px; background-color: #FDBC14; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; content: ""; -webkit-transform: rotate(-24deg); -ms-transform: rotate(-24deg); transform: rotate(-24deg); z-index: -1; } @media (max-width: 1199px) { .contact-img::before { width: 200px; height: 200px; } } .contact-img__author { position: absolute; top: -13px; right: 0; background-color: #fff; padding: 24px 45px; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); min-height: 152px; } .contact-img__author::before, .contact-img__author::after { position: absolute; background: rgba(255, 24, 78, 0.13); content: ""; width: 97px; height: 11px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; left: 0; right: 0; margin: auto; bottom: 52px; } .contact-img__author::after { width: 70px; bottom: 29px; } .contact-img__author img { width: 48px; height: 48px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } @media only screen and (min-width: 1200px) and (max-width: 1500px) { .contact-from__wrap { padding-left: 0; } } @media (max-width: 1199px) { .contact-from__wrap { padding-left: 0; } } @media (max-width: 991px) { .contact-from__wrap { margin-top: 30px; } } .contact-from__chekbox .wpcf7-list-item.first.last { margin: 0; } .contact-from__field input, .contact-from__field textarea { width: 100%; border: 1px solid var(--color-border); margin-bottom: 26px; height: 62px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; color: var(--color-default); font-size: 15px; padding: 0 20px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; background-color: var(--color-white); } .contact-from__field input:focus, .contact-from__field textarea:focus { border-color: var(--color-primary); } .contact-from__field textarea { min-height: 210px; padding: 20px; } .contact-from__chekbox input { margin-right: 5px; } .contact-from__chekbox label { font-size: 15px; color: var(--color-default); -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); } .contact-from__btn button { padding-top: 16px; padding-bottom: 16px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; } .accordion_box { position: relative; } .accordion_box .block { position: relative; background: #F4F6F8; overflow: hidden; margin-bottom: 16px; } .accordion_box .block:last-child { margin-bottom: 0; } .accordion_box .block .acc-btn { color: var(--color-black); font-family: var(--font-body); position: relative; font-weight: 600; font-size: 16px; cursor: pointer; padding: 20px 30px; padding-bottom: 18px; } .accordion_box .block .content { position: relative; padding: 0px 30px 20px; } .accordion_box .block .acc_body { position: relative; display: none; } .accordion_box .block .acc_body.current { display: block; } /*----------------------------------------*/ /* 06. about /*----------------------------------------*/ @media (max-width: 1199px) { .about__content.pl-70 { padding-left: 40px; } } @media (max-width: 991px) { .about__content.pl-70 { padding-left: 0; } } @media (max-width: 991px) { .about__content { padding: 0; margin-top: 30px; } } @media (max-width: 1199px) { .about__content p br { display: none; } } .about__content h2 { font-size: 38px; margin-bottom: 20px; font-family: var(--font-body); } @media (max-width: 1199px) { .about__content h2 { font-size: 30px; } } @media (max-width: 767px) { .about__content h2 { font-size: 25px; } .about__content h2 br { display: none; } } .about__content h3 { font-size: 30px; text-transform: capitalize; margin-bottom: 30px; font-family: var(--font-body); } @media (max-width: 767px) { .about__content h3 { font-size: 25px; margin-bottom: 20px; } } .about__info-box .icon { width: 50px; position: relative; margin-right: 10px; } .about__info-box .content { width: calc(100% - 60px); } .about__info-box h4 { font-size: 18px; margin-bottom: 5px; font-family: var(--font-body); } .about__info-box p { font-size: 14px; line-height: 24px; } .about__list li { position: relative; padding-left: 26px; color: #445658; } .about__list li:not(:last-child) { margin-bottom: 10px; } .about__list li::before { position: absolute; top: 0; left: 0; content: "\f00c"; font-weight: 40; font-family: "Font Awesome 5 Pro"; color: var(--color-primary); font-size: 13px; } .about__video-img { width: 258px; height: 260px; margin-right: 35px; } @media (max-width: 1199px) { .about__video-img { width: 100%; margin-right: 0; } } .about__video-img img { width: 100%; height: 100%; object-fit: cover; } .about__video-content { width: calc(100% - 293px); } @media (max-width: 1199px) { .about__video-content { width: 100%; margin-top: 20px; } } .about__video-content h4 { font-size: 26px; margin-bottom: 12px; font-family: var(--font-body); } .about__btn .thm-btn { border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; font-size: 15px; text-transform: capitalize; } .about__btn .thm-btn span, .about__btn .thm-btn i { color: var(--color-black); } .about-info__wrap { padding: 68px; background-color: #F6F5F8; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } @media (max-width: 1199px) { .about-info__wrap { padding: 50px 30px; } } @media (max-width: 767px) { .about-info__wrap { padding: 40px 15px; } } .about-info__box { background-color: #fff; padding: 50px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } @media (max-width: 991px) { .about-info__box { padding: 20px 25px; } } .about-info__item:not(:last-child) { padding-bottom: 40px; margin-bottom: 35px; border-bottom: 2px solid #F1F0F3; } @media (max-width: 767px) { .about-info__item:not(:last-child) { padding-bottom: 25px; margin-bottom: 25px; } } .about-info__item:hover .number { color: #fff; background-color: rgba(var(--color-primary-rgb), 1); } .about-info__item .number { width: 42px; height: 42px; background-color: rgba(var(--color-primary-rgb), 0.04); color: var(--color-primary); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; font-weight: 500; margin-right: 23px; display: flex; align-items: center; justify-content: center; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .about-info__item .content { width: calc(100% - 65px); } .about-info__item h4 { font-size: 19px; margin-bottom: 7px; text-transform: capitalize; font-family: var(--font-body); } .about-info__item p { font-size: 14px; line-height: 26px; } .about-info__tab-wrap h2 { font-size: 38px; margin-bottom: 25px; font-family: var(--font-body); } @media (max-width: 1199px) { .about-info__tab-wrap h2 { font-size: 30px; } } @media (max-width: 767px) { .about-info__tab-wrap h2 { font-size: 25px; } } @media only screen and (min-width: 1200px) and (max-width: 1500px) { .about-info__tab-wrap { padding-left: 70px; } } @media (max-width: 1199px) { .about-info__tab-wrap { padding-left: 30px; } } @media (max-width: 991px) { .about-info__tab-wrap { padding: 0; margin-top: 30px; } } @media (max-width: 1199px) { .about-info__tab-wrap p br { display: none; } } .about-info__tab .nav-tabs { border: 0; margin-bottom: 30px; margin-top: -20px; } .about-info__tab .nav-item { margin-top: 20px; } .about-info__tab .nav-item:not(:last-child) { margin-right: 20px; } .about-info__tab .nav-item .nav-link { font-size: 16px; font-weight: 500; padding: 7px 40px; border: 0; color: var(--color-black); background-color: var(--color-white); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; position: relative; z-index: 1; } @media (max-width: 767px) { .about-info__tab .nav-item .nav-link { padding: 5px 30px; } } .about-info__tab .nav-item .nav-link::before { position: absolute; left: 0; right: 0; bottom: -6px; margin: auto; content: ""; background: var(--color-primary); width: 12px; height: 12px; opacity: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; z-index: -1; } .about-info__tab .nav-item .nav-link.active { background-color: var(--color-primary); } .about-info__tab .nav-item .nav-link.active::before { opacity: 1; } .about-info__tab-list li { position: relative; padding-left: 35px; } .about-info__tab-list li::before { position: absolute; top: 0; left: 0; content: "\f00c"; font-weight: 400; font-family: "Font Awesome 5 Pro"; color: var(--color-primary); font-size: 13px; width: 27px; height: 27px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background-color: var(--color-white); box-shadow: 0px 0px 9px rgba(var(--color-black-rgb), 0.06); display: flex; align-items: center; justify-content: center; } .about-info__tab-list li:not(:last-child) { margin-bottom: 25px; } .about-info__bottom { bottom: -60px; position: relative; overflow: hidden; } .about-info__info { background: #060809; padding: 35px; position: relative; min-height: 120px; display: flex; align-items: center; } @media (max-width: 991px) { .about-info__info { min-height: 100px; } } .about-info__info h2 { font-size: 34px; color: var(--color-white); font-family: var(--font-body); } @media (max-width: 1199px) { .about-info__info h2 { font-size: 25px; } } .about-info__info .popup-video { left: auto; right: 27px; } @media (max-width: 767px) { .about-info__info .popup-video { right: 20px; } } .about-info__info.info-left span { color: var(--color-primary); } .about-info__info.info-right { background-color: var(--color-primary); } .about-info__info.info-right span { color: #000; } @media (max-width: 767px) { .about-info__info.info-right { padding-right: 95px; } } .about-info__info .icon { position: absolute; left: 34px; top: -10px; animation: spin 8s infinite linear; -webkit-animation: spin 8s infinite linear; } .about-info__info .icon--2 { left: auto; right: 38px; top: 38px; } @media (max-width: 991px) { .md-mt-30 { margin-top: 30px; } } @media only screen and (min-width: 1200px) and (max-width: 1500px) { .account__wrap.pr-60 { padding-right: 30px; } } @media (max-width: 1199px) { .account__wrap.pr-60 { padding-right: 0px; } } @media only screen and (min-width: 1200px) and (max-width: 1500px) { .account__wrap.pl-60 { padding-left: 30px; } } @media (max-width: 1199px) { .account__wrap.pl-60 { padding-left: 0px; } } .account__title { font-size: 24px; font-weight: 500; font-family: var(--font-body); color: var(--color-black); margin-bottom: 20px; } .account__input-field { margin-bottom: 28px; } .account__input-field input { border-width: 1px; border-color: #E0E0E0; } .account__input-field label { font-size: 16px; font-weight: 500; color: var(--color-black); margin-bottom: 10px; } .account__input-field-check-label { font-size: 15px; font-weight: 400; color: #474645; -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); } .account__input-field-check-label a { color: var(--color-primary); } .account__btn .thm-btn { padding: 13px 30px; text-transform: uppercase; font-size: 16px; } .account__btn .thm-btn span { color: var(--color-black); } /*----------------------------------------*/ /* 13. 404 /*----------------------------------------*/ .error__text h1 { font-size: 340px; color: rgba(60, 58, 70, 0.14); font-family: var(--font-body); line-height: 1; } @media only screen and (min-width: 1200px) and (max-width: 1500px) { .error__text h1 { font-size: 300px; } } @media (max-width: 1199px) { .error__text h1 { font-size: 250px; } } @media (max-width: 991px) { .error__text h1 { font-size: 200px; } } @media (max-width: 767px) { .error__text h1 { font-size: 120px; } } .error__text h3 { font-size: 55px; margin-bottom: 30px; font-family: var(--font-body); } @media (max-width: 1199px) { .error__text h3 { font-size: 40px; } } @media (max-width: 991px) { .error__text h3 { font-size: 30px; } } @media (max-width: 767px) { .error__text h3 { font-size: 22px; } } .error__text p { font-size: 18px; } .go-back-btn .thm-btn { border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; } /*----------------------------------------*/ /* 18. preloder /*----------------------------------------*/ .preloder_part { position: fixed; left: 0; top: 0; width: 100%; height: 100vh; z-index: 99999; background-color: var(--color-white); } .spinner { margin: 0 auto; width: 40px; height: 40px; left: 0; right: 0; top: 48%; position: absolute; text-align: center; -webkit-animation: sk-rotate 2.0s infinite linear; animation: sk-rotate 2.0s infinite linear; z-index: 99999; } .dot1, .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: var(--color-primary); border-radius: 100%; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; } .dot2 { top: auto; bottom: 0; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg); } } @keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } @-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0); } 50% { -webkit-transform: scale(1); } } @keyframes sk-bounce { 0%, 100% { transform: scale(0); -webkit-transform: scale(0); } 50% { transform: scale(1); -webkit-transform: scale(1); } } /* backtoup */ .progress-wrap { position: fixed; right: 30px; bottom: 40px; height: 35px; width: 35px; cursor: pointer; display: block; border-radius: 50px; box-shadow: inset 0 0 0 2px rgba(255, 24, 78, 0.08); z-index: 99; opacity: 0; visibility: hidden; -webkit-transition: all 200ms linear; transition: all 200ms linear; transform: translateY(15px); -webkit-transform: translateY(15px); -moz-transform: translateY(15px); -ms-transform: translateY(15px); -o-transform: translateY(15px); } .progress-wrap::after { position: absolute; content: '\f176'; font-family: "Font Awesome 5 Pro"; text-align: center; line-height: 35px; font-size: 15px; color: var(--color-primary); left: 0; top: 0; height: 35px; width: 35px; cursor: pointer; display: block; z-index: 1; -webkit-transition: all 200ms linear; transition: all 200ms linear; } .progress-wrap svg path { fill: none; } .progress-wrap svg.progress-circle path { stroke: var(--color-primary); stroke-width: 4; box-sizing: border-box; -webkit-transition: all 200ms linear; transition: all 200ms linear; } .progress-wrap.active-progress { opacity: 1; visibility: visible; transform: translateY(0); } .progress-wrap.style-2 { box-shadow: inset 0 0 0 2px rgba(41, 98, 255, 0.15); } .progress-wrap.style-2::after { color: var(--color-primary-2); } .progress-wrap.style-2 svg.progress-circle path { stroke: var(--color-primary-2); } /*----------------------------------------*/ /* 14. footer /*----------------------------------------*/ .footer { position: relative; overflow: hidden; z-index: 1; } .footer__shape img { position: absolute; z-index: -1; } .footer__shape .shape1 { left: 0; top: 100px; } .footer__shape .shape2 { left: 140px; bottom: 240px; animation: animationFramesTwo 35s alternate infinite linear; -webkit-animation: animationFramesTwo 35s alternate infinite linear; } .footer__shape .shape3 { left: 55px; bottom: 0; } .footer__shape .shape4 { top: 100px; right: 200px; animation: animationFramesThree 35s alternate infinite linear; -webkit-animation: animationFramesThree 35s alternate infinite linear; } .footer__shape .shape5 { bottom: 100px; right: -100px; animation: spin 12s infinite linear; -webkit-animation: spin 12s infinite linear; } .footer__widget p { color: #949392; } .footer__widget .title { font-size: 22px; margin-bottom: 28px; } .footer__widget ul { list-style: none; } .footer__widget ul li:not(:last-child) { margin-bottom: 10px; } .footer__widget ul li a { color: #929292; } .footer__widget ul li a:hover { color: var(--color-black); } .footer__widget .category li a { position: relative; padding-left: 12px; } .footer__widget .category li a::before { position: absolute; top: 7px; left: 0; width: 5px; height: 5px; background-color: #C4C4C4; content: ""; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .footer__widget .category li a:hover::before { background-color: var(--color-primary); } .footer__widget:nth-child(2) { padding-left: 100px; } @media (max-width: 1199px) { .footer__widget:nth-child(2) { padding-left: 40px; } } @media (max-width: 991px) { .footer__widget:nth-child(2) { padding-left: 15px; } } @media (max-width: 1199px) { .footer__widget:nth-child(3) { margin-left: -30px; } } @media (max-width: 991px) { .footer__widget:nth-child(3) { margin-left: 0; } } @media (max-width: 1199px) { .footer__widget:nth-child(4) { margin-left: -30px; } } @media (max-width: 1199px) { .footer__widget:nth-child(4) { margin-left: 0; } } @media (max-width: 1199px) { .footer .apps-img .app { max-width: 110px; } } .footer__post .post-thumb { width: 77px; margin-right: 13px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; position: relative; overflow: hidden; } .footer__post .post-thumb img { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; object-fit: cover; height: 68px; } .footer__post .post-number { position: absolute; top: 0; left: 0; width: 20px; height: 20px; background-color: var(--color-primary); color: var(--color-white); font-size: 12px; font-weight: 700; display: flex; align-items: center; justify-content: center; } .footer__post .post-date { font-size: 13px; margin-bottom: 5px; } .footer__post .post-date i { color: var(--color-primary); font-style: 12px; margin-right: 5px; } .footer__post .post-content { width: calc(100% - 90px); } .footer__post .post-title { font-size: 16px; font-weight: 500; } .footer__post .post-title a { color: currentColor; } .footer__post-item:hover .post-thumb img { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); } .footer__post .footer__post-item:not(:last-child) { margin-bottom: 25px; } .footer__bottom { border-top: 1px solid rgba(71, 65, 65, 0.07); padding: 30px 0; padding-top: 15px; } .footer__copyright { font-size: 18px; font-family: var(--font-title); } .footer__copyright a { color: var(--color-primary); } .footer__social { display: flex; flex: 1; justify-content: center; } .footer__social a { width: 40px; height: 40px; background-color: rgba(2, 2, 2, 0.08); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; font-size: 13px; color: var(--color-black); display: flex; align-items: center; justify-content: center; } .footer__social a:not(:last-child) { margin-right: 15px; } .footer__social a:hover { background-color: var(--color-primary); color: #fff; } .footer__style2 .footer__post .post-number { background-color: var(--color-primary-3); } .footer__style2 .footer__post .post-date i { color: var(--color-primary-3); } .footer__style2 .footer__social a:hover { background-color: var(--color-primary-3); } /*# sourceMappingURL=main.css.map */ .viando_btn-one{ position:relative; font-size:16px; font-weight:500; background:none; padding:14px 32px; border-radius:50px; color:var(--color-fourty); border:1px solid var(--color-fourty); font-family:var(--font-family-DMSans); } .viando_btn-one .far{ position:relative; margin-left:10px; } .viando_btn-one:hover{ color:var(--white-color); background-color:var(--color-fourty); } .viando_btn-two{ position:relative; font-size:14px; font-weight:500; background:none; padding:15px 30px; border-radius:50px; color:var(--white-color); background-color:var(--color-fourty); font-family:var(--font-family-DMSans); } .viando_btn-two .far{ position:relative; margin-left:10px; } .viando_btn-two:hover{ color:var(--white-color); background-color:var(--color-fourty); } .viando_header-six{ position:relative; } .header .mega-menu-content h3{ margin-bottom:30px !important; } .header .main-menu__nav ul li .mega-menu{ padding-bottom:0px; } .viando_header-six .header__top-left li{ color:var(--white-color); font-family:var(--font-family-DMSans); } .viando_header-six .header__top-left li a{ color:var(--white-color); } .viando_header-six .header__top-left li img{ margin-right:5px; } .viando_header-six .header__top-left li span{ font-weight:500; color:var(--color-fourty); text-decoration:underline; } .viando_header-six .header__top-middle{ position:relative; margin-left:15px; padding-left:15px; color:var(--color-one); font-size:14px; font-family:var(--font-family-DMSans); } .viando_header-six .header__top-middle:before{ position:absolute; content:''; left:0px; top:6px; width:1px; height:15px; border-right:1px solid var(--color-border); } .viando_header-six .header__top-middle span{ color:var(--color-two); font-weight:700; } .header__language ul .lang-btn i{ color:var(--white-color); } .viando_header-six .header__top-right > li a{ font-size:15px; color:var(--white-color); font-family:var(--font-family-DMSans); } .header__language .lang_sub_list li a{ color:var(--black-color); } .viando_header-six .header__info-item:not(:last-child)::before{ display:none; } .viando_header-six .header__info-item{ padding-right:var(--padding-zero); } .viando_header-six .header__middle{ padding:15px 0px; } .viando_header-six .header__info-item .content h4{ font-weight:700; font-size:18px; letter-spacing: 0.04em; color:var(--color-fourtyone); font-family:var(--font-family-Quicksand); } .viando_header-six .header__info-item .content span{ color:var(--color-fourtyone); font-family:var(--font-family-DMSans); } .viando_header-six .header__icons .icon .count{ background-color:var(--color-nine); } .viando_header-six .header__category-nav{ font-size:var(--font-16); color:var(--white-color); background-color:var(--color-fourty); font-family:var(--font-family-Quicksand); } .viando_header-six .main-menu__nav ul li:hover > a, .viando_header-six .main-menu__nav ul li.active > a{ border-radius:3px; color:var(--color-fourty); } .viando_header-six .main-menu__nav ul li a{ font-weight:700; font-size:15px; color:var(--color-fourtyone); font-family:var(--font-family-Quicksand); } .viando_header-six .header__search input{ border-radius:5px; height:55px; } .viando_header-six .header__wrap{ border-top:1px solid var(--color-border); } .viando_header-six .header__main{ position:relative; padding:10px 0px 0px; } .viando_header-six .header__wrap.uk-active{ padding:0px 0px 10px; } .viando_banner-style-two{ margin-bottom:30px; } .viando_banner-style-two .banner__wrap{ overflow: hidden; border-radius: 10px; background-size:cover; background-color:var(--color-eleven); } .viando_banner-style-two .banner__height{ background:none; } .viando_banner-style-two .category-nav__list{ border:none; padding-top:20px; box-shadow:inherit; margin-left:15px; background:none; border-radius: 10px 0px 0px 10px; } .viando_banner-style-two .category-nav__list li{ padding:0px 0px; } .viando_banner-style-two .category-nav > ul > li{ margin-bottom:5px; } .viando_banner-style-two .category-nav > ul > li:last-child{ margin-bottom:0px; } .viando_banner-style-two .category-nav > ul > li > a{ font-weight:700; font-size:14px; padding:12px 22px; color:var(--color-fourtyone); background-color:var(--white-color); font-family:var(--font-family-Quicksand); } .viando_banner-style-two .category-nav > ul > li > a:hover{ color:var(--white-color); border-color:var(--color-fourty); background-color:var(--color-fourty); } .viando_banner-style-two .category-nav > ul > li > a:hover img{ /* filter: invert(1%); */ filter: brightness(100); } .viando_banner-style-two .category-nav__list li > ul{ padding:10px 15px; } .viando_banner-style-two .category-nav > ul > li.menu-item-has-children > a::before{ top: 12px; right: 15px; font-size:14px; } .banner-slide__item{ position:relative; overflow:hidden; border-radius:8px; } .banner-slide__single.style-two{ margin:0px; } .banner-slide__single.style-two .color-circle-one{ position:absolute; left:-25px; top:-45px; width:213px; height:213px; opacity:0.15; border-radius:50%; background-color:var(--color-thirteen); } .banner-slide__single.style-two .color-circle-two{ position:absolute; left:-25px; top:-45px; width:213px; height:213px; opacity:0.15; border-radius:50%; background-color:var(--color-fourteen); } .banner-slide__single.style-two .color-circle-three{ position:absolute; left:-25px; top:-45px; width:213px; height:213px; opacity:0.15; border-radius:50%; background-color:var(--color-fifteen); } .banner-slide__single.style-two:first-child .offer{ color:var(--color-seventeen); } .banner-slide__single.style-two:first-child span{ color:var(--color-eighteen); } .banner-slide__single.style-two:first-child a, .banner-slide__single.style-two:nth-child(3) a{ text-decoration:none; color:var(--color-two); } .banner-slide__single.style-two:nth-child(3) span{ color:var(--color-nineteen); } .banner-slide__single.style-two:nth-child(3) .offer{ color:var(--color-twenty); } .banner-slide__single.style-two .offer{ font-size:12px; font-weight:600; letter-spacing:0.5px; font-family:var(--font-family-Quicksand); } .banner-slide__single.style-two h3{ font-size:18px; color:var(--color-fourtyone); font-family:var(--font-family-Quicksand); } .banner-slide__single.style-two .price{ font-size:16px; color:var(--color-sixteen); margin-top:8px; font-family:var(--font-family-DMSans); } .banner-slide__single.style-two .price span{ font-weight:700; text-decoration:underline; } .banner-slide__single.style-two a{ font-size:14px; font-weight:500; text-decoration:underline; color:var(--color-eighteen); font-family:var(--font-family-DMSans); } .viando_banner-style-two .banner__content .subtitle{ font-weight:500; font-size:16px; padding:3px 22px; border-radius:50px; color:var(--color-fourty); background-color:#EEFFEC; font-family:var(--font-family-DMSans); } .viando_banner-style-two .banner__content .title{ font-size:45px; font-weight:700; line-height:53px; color:var(--color-fourtyone); font-family:var(--font-family-Quicksand); } .product .product-holder .button { padding: 11px; } .banner-th.viando_banner-style-two .banner__content .title h2.title { color: #fff; } .viando_banner-style-two .banner__content .content{ font-weight:400; font-size:16px; color:var(--color-fourtyone); font-family:var(--font-family-DMSans); } .viando_banner-style-two .banner__content .price{ font-size:20px; font-weight:400; color:var(--color-fourtyone); font-family:var(--font-family-DMSans); } .viando_banner-style-two .banner__content .price span{ font-size:33px; font-weight:700; color:var(--color-fourty); border-bottom:2px solid var(--color-fourty); font-family:var(--font-family-Quicksand); } /* Viando 6 Product */ .viando-6_product{ position:relative; } .viando-6_product .product__nav-wrap{ border:none; } .viando-6_product .section-heading{ font-size:30px; font-weight:700; border:none; padding:0px; color:var(--color-fourtyone); font-family:var(--font-family-Quicksand); } .viando-6_product .tx-arrow .slick-arrow{ top:-55px; } .viando-6_product .side-product__content .price .old{ font-weight:400; font-family:var(--font-family-DMSans); } .viando-6_product .side-product__slide-item .side-product__item:nth-child(even) .side-product__offer{ font-family:var(--font-family-DMSans); background-color:var(--color-twentynine); } .viando-6_product .side-product__content h3{ font-size:16px; font-weight:700; margin-top:5px; color:var(--color-fourtyone); font-family:var(--font-family-Quicksand); } .viando-6_product .product__nav .nav-item .nav-link{ font-weight:600; font-size:16px; text-transform:capitalize; color:var(--color-fourtyone); font-family:var(--font-family-Quicksand); } .viando-6_product .product__nav .nav-item .nav-link:hover, .viando-6_product .product__nav .nav-item .nav-link.active{ color:var(--color-fourty); } .viando-6_product .product__nav .nav-item .nav-link::before{ content:'/'; width:auto; right:-20px; top:0px; bottom:auto; opacity:1; font-size:14px; border:none; background:none; } .viando-6_product .product__nav .nav-item .nav-link::after, .viando-6_product .section-heading span::before{ display:none; } .viando-6_product .product__nav .nav-item:not(:last-child) { margin-right: 30px; } .viando-6_product-item{ padding:4px 4px; border-radius:10px; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; margin-bottom:30px; } .viando-6_product-item.alternate{ padding: 0px; border: none; border-radius: 0px; border: 1px solid #ebebeb; } .viando-6_product-item.alternate .cart-btn{ display:block; width:100%; margin-top:15px; text-align:center; background-color:#FFF1CC; color:var(--color-fourtyone); } .viando-6_product-item.alternate .product__content{ padding-bottom:15px; } .viando-6_product-item.alternate .cart-btn .icon{ color:var(--color-fourtyone); } .viando-6_product-item.alternate .off-product__badge{ top:12px; right:12px; } .viando-6_product-item:hover{ box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); } .viando-6_product-item .total-sold_items{ font-size:12px; margin-bottom:2px; color:var(--color-two); font-family:var(--font-family-DMSans); } .viando-6_product-item .product__progress .progress-bar{ background-color:var(--color-fourty); } .viando-6_product-item.alternate .product__title{ font-size:18px; } .viando-6_product-item:hover .product_item-subtitle a { color: #fff; } .viando-6_product-item.style-two.last-one{ border-right:none; } .viando-6_product-item .product_item-subtitle{ position:relative; font-size:12px; padding:0px 10px; border-radius:50px; display:inline-block; padding:1px 14px 0px; margin-bottom:10px; color:var(--color-twentythree); border:1px solid rgba(0,0,0,0.07); font-family:var(--font-family-DMSans); transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .viando-6_product-item .product__title{ font-size:20px; font-weight:700; line-height:28px; margin-bottom:5px; font-family:var(--font-family-Quicksand); } .viando-6_product-item .product__review > span{ font-family:var(--font-family-DMSans); } .viando-6_product-item .by-name{ position:relative; font-size:12px; color:var(--color-twentythree); font-family:var(--font-family-DMSans); } .viando-6_product-item .by-name span{ position:relative; color:var(--color-fourty); } .viando-6_product-item .viando-6_lower-box{ position:relative; padding:15px 0px 0px; margin-top:15px; border-top:1px solid var(--color-twentyfour); } .viando-6_product-item .product__price .new{ font-weight:700; color:var(--color-fourty); font-family:var(--font-family-DMSans); } .viando-6_product-item .product__price .old{ font-weight:400; color:var(--color-twentythree); font-family:var(--font-family-DMSans); } .viando-6_product-item .cart-btn, .deal_lower-box .button, .deal_lower-box .added_to_cart, .viando-6_product-item .added_to_cart{ position:relative; padding:7px 20px; font-weight:500; font-size:14px; border-radius:50px; color:var(--color-fourty); text-transform:capitalize; background-color: #EEFFEC; font-family:var(--font-family-DMSans); } .deal-block_inner .button.added { display: none; } .viando-6_product-item .cart-btn .icon, .deal_lower-box .button .icon{ position:relative; margin-right:5px; font-weight:normal; color:var(--color-fourty); } .viando-6_product-item .cart-btn:hover, .deal_lower-box .button:hover, .viando-6_product-item .added_to_cart:hover, .deal_lower-box .added_to_cart:hover{ color:var(--white-color); background-color:var(--color-fourty); } .deal-block_inner .deal-content del { margin-right: 0; font-weight: 400; } .deal-block_inner .deal-content ins span { font-weight: 7; } .viando-6_product-item .cart-btn:hover .icon, .deal-block_inner .deal_lower-box .button:hover .icon{ color:var(--white-color); } .viando-6_product-item .product__title a:hover{ color:var(--color-fourty); } .viando-6_product-item .product__action li a{ color:var(--color-fourty); border-color:var(--color-fourty); } .viando-6_product-item .product__action li a:hover{ color:var(--white-color); background-color:var(--color-fourty); } .viando-6_product .slick-prev{ width:30px; height:30px; font-size:18px; line-height:26px; border-radius:50px; text-align:center; color:var(--color-twentyeight); border:1px solid var(--color-twentyseven); } .viando-6_product .slick-prev:hover{ color:var(--white-color); border-color:var(--color-fourty); background-color:var(--color-fourty); } .viando-6_product .slick-next{ width:30px; height:30px; font-size:18px; line-height:28px; border-radius:50px; text-align:center; transform: rotate(90deg); color:var(--color-twentyeight); border:1px solid var(--color-twentyseven); } .viando-6_product .slick-next:hover{ color:var(--white-color); border-color:var(--color-fourty); background-color:var(--color-fourty); } .viando-6_product .tx-arrow .slick-arrow.slick-prev { margin-right: 35px; transform: rotate(90deg) } .off-product__badge{ position:absolute; right:20px; top:20px; font-size:12px; font-weight:700; padding:1px 8px; border-radius:8px; display:inline-block; color:var(--white-color); font-family:var(--font-family-DMSans); background-color:var(--color-twentyone); } .off-product__badge.color-two{ background-color:var(--color-thirty); } .off-product__badge.color-three{ background-color:var(--color-thirtyone); } .off-product__badge span{ color:var(--white-color); } .new-product__badge{ position:absolute; left:20px; top:20px; font-size:12px; font-weight:700; padding:1px 8px; border-radius:8px; display:inline-block; color:var(--white-color); text-transform:capitalize; font-family:var(--font-family-DMSans); background-color:var(--color-twentyfive); } .new-product__badge.alternate{ right:20px; left:auto; } .out-stock__badge{ position:absolute; right:20px; top:20px; font-size:12px; font-weight:700; padding:1px 8px; border-radius:5px; display:inline-block; color:var(--white-color); text-transform:capitalize; font-family:var(--font-family-DMSans); background-color:var(--color-twentysix); } span.out-stock__badge.stout { right: auto; left: 20px; } .viando-6_product .side-product__item{ padding:31.5px 20px; } /*** ==================================================================== Viando Section ==================================================================== ***/ .viando-6-deals{ position:relative; padding:20px 0px 40px; } .deal-title_box{ position:relative; margin-bottom:30px; } .deal_title{ font-size:30px; font-weight:700; color:var(--color-fourtyone); font-family:var(--font-family-Quicksand); } .deal-see_all{ position: relative; padding: 4px 20px; font-weight: 500; font-size: 15px; border-radius: 50px; color: var(--color-fourty); text-transform: capitalize; background-color: #EEFFEC; font-family: var(--font-family-DMSans); } .deal-see_all:hover{ color: var(--white-color); background-color: var(--color-fourty); } .deal-block{ position:relative; margin-bottom:30px; } .deal-block_inner{ position:relative; border-radius:10px; overflow:hidden; background-color:var(--white-color); box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.05); } .deal-block_image{ position:relative; } .deal-block_image img{ position:relative; width:100%; display:block; } .deal-block_image .countdown{ position:absolute; left:22px; bottom:0px; right:0px; } .deal-block_image .countdown .single{ float:none; width:50px; padding-top:10px; text-align:center; display:inline-block; margin-right:8px; border-radius:7px 7px 0px 0px; background-color:var(--white-color); } .deal-block_image .countdown .single:last-child{ margin-right:0px; } .deal-block_image .countdown h1{ position:relative; left:7px; height:20px; background:none; font-size:12px; font-weight:700; color:var(--color-fourty); font-family: var(--font-family-DMSans); } .deal-block_image .countdown p{ line-height:1em; padding:5px 0px 8px; font-size:var(--font-12); text-transform:capitalize; color:var(--color-thirtythree); } .deal-content{ position:relative; padding:25px 20px 0px; } .deal-block__title{ position:relative; font-size: 20px; font-weight: 700; line-height: 26px; margin-bottom: 5px; font-family: var(--font-family-Quicksand); } .deal-block__title a{ position:relative; color:var(--color-fourtyone); } .deal-block__title a:hover{ color:var(--color-fourty); } .deal__review{ font-size: 12px; font-family: var(--font-family-DMSans); } .deal__review span{ color:var(--color-thirtytwo); } .deal-by_name{ position: relative; font-size: 12px; color: var(--color-twentythree); font-family: var(--font-family-DMSans); } .deal-by_name span{ color: var(--color-fourty); } .deal_lower-box{ position: relative; margin-top: 15px; padding: 15px 0px 15px; border-top: 1px solid var(--color-twentyfour); } .deal__price .new{ font-weight: 700; font-size:14px; color: var(--color-fourty); font-family: var(--font-family-DMSans); } .deal__price .old{ font-size:12px; font-weight: 400; margin-left:10px; text-decoration:line-through; color: var(--color-twentythree); font-family: var(--font-family-DMSans); } .deal_lower-box .product__price span { color: var(--color-fourty); } .deal-cart-btn{ position: relative; padding: 8px 15px; font-weight: 500; font-size: 14px; border-radius: 50px; color: var(--color-fourty); text-transform: capitalize; background-color: #EEFFEC; font-family: var(--font-family-DMSans); } .deal-cart-btn .icon{ position:relative; margin-right:5px; font-weight:normal; color:var(--color-fourty); } .deal-cart-btn:hover{ color:var(--white-color); background-color:var(--color-fourty); } .deal-cart-btn:hover .icon{ color:var(--white-color); } /*** ==================================================================== Subscribe One ==================================================================== ***/ .subscribe-one{ position:relative; padding:100px 0px 100px; background-size:cover; } .subscribe-one_title{ position:relative; font-size:50px; font-weight:700; line-height:60px; text-align:center; color:var(--color-fourtyone); } .subscribe-one_text{ position:relative; margin-top:20px; text-align:center; font-size:16px; line-height:30px; margin-bottom:35px; color:var(--color-fourtyone); } .subscribe-box { position: relative; width:770px; margin:0 auto; } .subscribe-box .form-group { position: relative; margin: 0px; width: 100%; max-width: 100%; padding-right:220px; } .subscribe-box .form-group input[type="text"], .subscribe-box .form-group input[type="email"] { position: relative; line-height: 43px; display: block; height: 80px; width: 100%; padding:10px 30px; box-shadow: inherit; border-radius:50px; font-size: 18px; font-weight:500; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; color:var(--black-color); background-color:var(--white-color); border: 1px solid var(--color-fourty); font-family: var(--font-family-DMSans); } .subscribe-box .form-group button{ position: absolute; right: 0px; top: 0px; font-size: 22px; font-weight: 500; padding: 25px 50px; border-radius:50px; display: inline-block; color: var(--white-color); text-transform: capitalize; background-color: var(--color-fourty); font-family: var(--font-family-DMSans); } .subscribe-box button:hover{ color: var(--white-color); background-color: var(--color-two); } /*** ==================================================================== Off Products ==================================================================== ***/ .off-products{ position:relative; padding-top:80px; padding-bottom:50px; } .off-product_one{ position:relative; margin-bottom:30px; } .off-product_one:nth-child(2) .off-product-one_inner{ padding:42px 50px; background-color:var(--color-thirtysix); } .off-product-one_inner{ position:relative; padding:50px 50px; border-radius:20px; background-color:var(--color-thirtyfive); } .off-product-one_inner:before{ position:absolute; content:''; right:5px; top:5px; width:194px; height:194px; opacity:0.20; border-radius:50%; background-color:var(--white-color); } .off-product-one_off{ position:relative; font-size:16px; font-weight:700; color:var(--color-fourtyone); text-transform:uppercase; font-family: var(--font-family-DMSans); } .off-product-one_title{ position:relative; z-index:1; font-size:30px; line-height:40px; font-weight:700; color:var(--color-fourtyone); font-family:var(--font-family-Quicksand); } .off-product-one_image{ position:absolute; right:30px; top:25px; } .off-product-one_price{ position:relative; font-size:16px; font-weight:700; margin-top:15px; color:var(--color-fourtyone); font-family: var(--font-family-DMSans); } .off-product-one_price span{ position:relative; font-weight:400; margin-left:12px; text-decoration:line-through; } /*** ==================================================================== Off Products ==================================================================== ***/ .marketing-one{ position:relative; } .market-one_column{ position:relative; margin-bottom:30px; } .market-one_inner-column{ position:relative; border-radius:20px; padding:30px 25px 35px; border:1px solid var(--color-thirtyseven); } .market-one_title-box{ position:relative; margin-bottom:20px; } .market-one_title{ position:relative; font-size:22px; font-weight:700; padding-bottom:15px; color:var(--color-fourtyone); font-family:var(--font-family-Quicksand); border-bottom:1px solid var(--color-thirtyseven); } .market-one_content{ position:relative; height:420px; overflow-y:auto; margin-right: -25px; padding-right: 30px; } /* width */ .market-one_content::-webkit-scrollbar { width: 3px; } /* Track */ .market-one_content::-webkit-scrollbar-track { background: #f1f1f1; } /* Handle */ .market-one_content::-webkit-scrollbar-thumb { background-color:var(--color-fourty); } /* Handle on hover */ .market-one_content::-webkit-scrollbar-thumb:hover { background: #555; } .tx-widget__product-item .product__price ins span, .tx-widget__product-item .product__price span { color: var(--color-fourty); font-size: 14px; } .tx-widget__product-item .product__price del span { color: #999797; } .tx-widget__product-item .product__price del { margin-right: 2px; } .market-one_content .tx-widget__product-item .content h3{ font-weight:700; font-size:15px; margin-bottom:0px; font-family:var(--font-family-Quicksand); } .tx-widget__product-item .star-rating { float: none; margin-top: 10px; margin-bottom: 10px; } .market-one_content .product__price .new{ color:var(--color-fourty); font-family: var(--font-family-DMSans); } .product__price .old{ font-weight:400; font-family: var(--font-family-DMSans); } /*** ==================================================================== News One ==================================================================== ***/ .news-one{ position:relative; padding:20px 0px 60px; } .news-one .news__item{ padding: 0px 12px; } .news-one.style-two{ padding-top:90px; } .news-one .slick-next{ position:absolute; right:10px; top:-60px; width:35px; height:35px; font-size:18px; cursor:pointer; line-height:33px; text-align:center; border-radius:50px; display:inline-block; color:var(--color-thirtyeight); border:1px solid var(--color-thirtyeight); } .news-one .slick-next:hover, .news-one .slick-prev:hover{ color:var(--white-color); border-color:var(--color-fourty); background-color:var(--color-fourty); } .news-one .slick-prev{ position:absolute; right:55px; top:-60px; width:35px; height:35px; font-size:18px; cursor:pointer; line-height:33px; text-align:center; border-radius:50px; display:inline-block; color:var(--color-thirtyeight); border:1px solid var(--color-thirtyeight); } .news-one .slick-list{ padding:25px 0px; } .news-one_title_box{ position:relative; /* margin-bottom:30px; */ } .news-one_title{ position:relative; font-size:30px; font-weight:700; text-transform:capitalize; color:var(--color-fourtyone); font-family:var(--font-family-Quicksand); } .news-one_text{ position:relative; font-size:16px; font-weight:400; line-height:26px; margin-top:10px; color:var(--color-one); font-family: var(--font-family-DMSans); } .news__item.style-two .news__meta-date:first-child{ margin-right:15px; } .news__item.style-two .news__meta-date i{ position:relative; top:-1px; } .news__item.style-two .news__content{ position:relative; border:none; padding:25px 25px 25px; } .news__item.style-two .news__title{ font-weight:700; font-size:22px; font-family:var(--font-family-Quicksand); } .news__item.style-two .news__title a{ color:var(--color-fourtyone); } .news__item.style-two .news__content p{ font-size:16px; line-height:30px; color:var(--color-one); font-family: var(--font-family-DMSans); } .news__btn{ margin-top:10px; font-weight:500; color:var(--color-fourtyone); font-family: var(--font-family-DMSans); } .news__item-inner{ position:relative; border-radius:10px; overflow:hidden; box-shadow:0px 0px 15px rgba(0,0,0,0.10); } /*** ==================================================================== Brands One ==================================================================== ***/ .brands-one{ position:relative; } .brands-one .inner-container{ position:relative; padding:10px 0px 35px; border-top:1px solid var(--color-thirtynine); border-bottom:1px solid var(--color-thirtynine); } .brands-one img{ position:relative; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; } .brands-one img:hover{ opacity:1; filter: grayscale(0%); } .groser-footer-six .footer__widget:nth-child(2){ padding-left:30px; } .groser-footer-six .logo-text{ font-size:16px; line-height:30px; margin-bottom:15px; margin-right:-10px; color:var(--color-one); font-family: var(--font-family-DMSans); } .groser-footer-six .install_app{ position:relative; margin-top:25px; font-size:16px; font-weight:700; color:var(--color-fourtyone); font-family:var(--font-family-Quicksand); } .groser-footer-six .install_app span{ position:relative; display:block; font-weight:400; margin-top:2px; font-size:15px; color:var(--color-one); font-family: var(--font-family-DMSans); } .groser-footer-six .footer__widget .title{ font-size:22px; font-weight:700; color:var(--color-fourtyone); font-family:var(--font-family-Quicksand); } .groser-footer-six .footer__widget ul li a{ font-size:15px; padding-left:0px; color:var(--color-two); font-family: var(--font-family-DMSans); } .groser-footer-six .footer__widget ul li a:before{ display:none; } .groser-footer-six .footer__widget ul li a:hover{ padding-left:15px; color:var(--color-fourty); } .groser-footer-six .footer__copyright{ color:var(--color-fourtyone); font-family: var(--font-family-DMSans); } .groser-footer-six .footer__copyright a{ color:var(--color-fourty); } .groser-footer-six .footer__bottom{ padding:0px 0px 15px; } .footer__social-two{ position:relative; } .tx-product__item.tx-product .thumb img { max-width: 175px; } .footer__social-two a{ position:relative; width:35px; height:35px; line-height:40px; border-radius:50px; margin-right:10px; text-align:center; display:inline-block; background: #F3F8FF; } .footer__social-two .facebook{ position:relative; color:#1877F2; background-color:#F3F8FF; } .footer__social-two .twitter{ position:relative; color:#1DA1F2; background-color:#c8eaff; } .footer__social-two .skype{ position:relative; color:#00AFF0; background-color:#EEFAFF; } .footer__social-two .pinterest{ position:relative; color:#E60023; background-color:#FFF4F6; } .header__logo{ margin-right:30px; padding-right:30px; border-right:1px solid rgba(0,0,0,0.07); } .viando_header-six .header__top-wrap{ border:none; padding:6px 0px; background-color:var(--color-fourty) } .header__search{ width:550px; max-width:550px; } .header__search button{ right:10px; width:55px; height:42px; line-height:42px; border-radius:3px; color:var(--color-fourtyone); background-color:var(--color-fourtytwo); } .header__icons .icon{ width:45px; height:45px; line-height:43px; text-align:center; border-radius:4px; margin-right:10px; border:1px solid rgba(0,0,0,0.07); } .header__icons .icon.shopping-bag, .header__icons .icon.wishlist-icon{ margin-right:10px; } .header__icons .icon .count { top: -5px; right: -7px; height:21px; min-width:21px; color:var(--white-color); background-color:var(--color-fourty); } .viando_header-six .header__icons .icon .count{ background-color:var(--color-fourty); } .main-menu__nav ul li:hover > a, .main-menu__nav ul li.active > a{ background-color:#EEFFEC; } .main-menu__nav ul li .submenu li:hover > a, .main-menu__nav ul li .submenu li.active > a{ color:var(--color-fourty); background-color:#EEFFEC; } /* Custom Select */ .form-group .ui-selectmenu-button.ui-button{ width:100%; border:0px; background:none; line-height:28px; font-style:normal; border-radius:5px; color:var(--color-four); font-size:var(--font-16); padding: 12px 25px 12px 38px; border:1px solid rgba(0,0,0,0.10) } .form-group .ui-button .ui-icon{ background:none; position:relative; top:4px; text-indent:0px; color:#a5a5a5; font-size:var(--font-20); } .form-group .ui-button .ui-icon:before{ font-family: 'Font Awesome 5 Pro'; content: "\f107"; position:absolute; right:0px; top:0px !important; height:20px; display:block; line-height:20px; font-size:var(--font-20); font-weight:normal; text-align:center; z-index:5; color:var(--color-fiftyfour); } .ui-menu .ui-menu-item{ font-size:var(--font-14); } .ui-menu .ui-menu-item:last-child{ border:none; } .ui-state-active, .ui-widget-content .ui-state-active{ background-color:var(--color-fourty) !important; border-color:var(--color-fourty) !important; color:var(--white-color) !important; } .ui-menu .ui-menu-item-wrapper{ position:relative; display:block; padding:8px 20px; line-height:24px; font-size:var(--font-14); } .ui-menu-item:hover{ background-color:var(--main-color); } .location-form-group{ position:relative; width:180px; margin-left:15px; } .location-form-group .store__location { width: 100%; border: 0px; background: none; line-height: 28px; font-style: normal; border-radius: 5px; color: var(--color-fourtyone); font-size: var(--font-16); padding: 12px 25px 12px 30px; border: 1px solid rgba(0,0,0,0.10); display: inline-block; } .location-form-group .store__location img { margin-right: 3px; margin-top: -3px; } .location-form-group .location-icon{ position:absolute; left:15px; top:11px; } .product__img{ border-radius: 10px 10px 0px 0px; padding-top: 10px; } .product__img.color-two{ background-color:#EFF9FE; } .product__img.color-three{ background-color:#FFF5FA; } .product__img.color-four{ background-color:#EFFEF7; } .product__img.color-five{ background-color:#FEEFFA; } .product__img.color-six{ background-color:#FEEFEF; } .product__img.color-seven{ background-color:#fff; } .viando-6_product-item .product__content{ position:relative; padding:20px 20px 10px; } .viando-6_product-item:hover .product_item-subtitle{ color:var(--white-color); border-color:var(--color-fourty); background-color:var(--color-fourty); } .side-product__content h3{ margin-bottom:5px; } /* 7 Demo 7 Page */ .newsletter-popup-area-section{ display:none !important; } .viando_header-seven{ background-color:#fff; } .viando_header-seven .header__logo{ padding:0px; margin:0px; border:none; } .viando_header-seven .location-form-group{ margin-left:0px; margin-right:30px; } .viando_header-seven .form-group .ui-selectmenu-button.ui-button{ border-radius:50px; color:var(--white-color); padding:10px 25px 10px 25px; border:1px solid rgba(255,255,255,0.60); } .viando_header-seven .form-group .ui-selectmenu-text{ font-size:12px; font-weight:500; color:var(--white-color); font-family:var(--font-family-Quicksand); } .viando_header-seven .form-group .ui-button .ui-icon:before{ color:#ffffff; } .viando_header-seven .header__search-box .select-box select{ font-size:15px; font-weight:700; padding-left:30px; font-family:var(--font-family-Quicksand); } .viando_header-seven .header__search-box{ border:none; border-radius:50px; margin-right:30px; border: 1px solid var(--color-border); } .viando_header-seven .header__search-box input[type="text"]{ width:440px; border-radius:50px; } .viando_header-seven .header__search-box button{ border-radius:50px; } .viando_header-seven .header__icons .icon{ border-radius:50px; border:1px solid var(--color-border); } .viando_header-seven .header__icons .icon.shopping-bag .count{ color:#fff; background-color:var(--color-fourty); } .viando_header-seven .header__wrap.uk-sticky{ border-top:1px solid var(--color-border); } .viando_header-seven .uk-sticky-fixed .header__info-item .icon{ filter: invert(100%); } .viando_header-seven .uk-sticky-fixed .header__info-item .content span, .viando_header-seven .uk-sticky-fixed .header__info-item .content h4, .viando_header-seven .uk-sticky-fixed .main-menu__nav ul li a{ color:#000000; } .viando_header-seven .main-menu__nav ul li:hover > a, .viando_header-seven .main-menu__nav ul li.active > a{ color:var(--color-fourty); } .viando_header-seven .header__info-item .content h4{ color:var(--color-fourtyone); font-size:18px; font-family:var(--font-family-Quicksand); } .viando_header-seven .header__info-item .content span{ color:var(--color-fourtyone); } .viando_header-seven .main-menu__nav ul li{ padding:20px 0px; } .viando_header-seven .main-menu__nav ul li .submenu li a{ color:#000000; } .track-btn-box{ position:relative; margin-right:30px; } .track-btn-box .track-btn{ position:relative; color:#000000; font-size:18px; font-weight:700; padding:15px 30px; border-radius:50px; text-transform:capitalize; background-color:var(--color-fourtytwo); font-family:var(--font-family-Quicksand); } .track-btn-box .track-btn:hover{ color:var(--white-color); background-color:var(--black-color); } /* Viando Banner Style Three */ .viando_banner-style-three{ position:relative; background-size:cover; } .viando_banner-style-three .banner__height{ background:none; } .viando_banner-style-three .banner__wrap{ position:relative; } .viando_banner-style-three .banner__content .title{ font-size:70px; line-height:80px; color:var(--color-fourtyone); font-family:var(--font-family-Quicksand); } .viando_banner-style-three .banner__content .content{ font-size:21px; font-weight:400; color:var(--color-fourtyone); font-family:var(--font-family-DMSans); } .viando_banner-style-three .price{ font-size:20px; font-weight:400; color:var(--color-fourtyone); font-family:var(--font-family-DMSans); } .viando_banner-style-three .price span{ font-size:33px; font-weight:700; color:var(--color-fourtyone); font-family:var(--font-family-Quicksand); } /* Viando 7 Products */ .viando-7_products{ position:relative; padding:70px 0px 70px; } .viando-7_products .owl-carousel .owl-stage-outer{ position:relative; padding:20px 0px; } .viando-7_products .owl-nav{ position:absolute; left:-20px; top:50%; right:-20px; margin-top:-30px; } .viando-7_products .owl-nav .owl-prev{ position:absolute; left:0px; width:40px; height:40px; font-size:16px; line-height:40px; text-align:center; border-radius:50px; display:inline-block; color:var(--black-color); font-family: 'Font Awesome 5 Pro'; background-color:var(--white-color); box-shadow:0px 0px 15px rgba(0,0,0,0.05); -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .viando-7_products .owl-nav .owl-next{ position:absolute; right:0px; width:40px; height:40px; font-size:16px; line-height:40px; text-align:center; border-radius:50px; display:inline-block; color:var(--black-color); font-family: 'Font Awesome 5 Pro'; background-color:var(--white-color); box-shadow:0px 0px 15px rgba(0,0,0,0.05); -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .viando-7_products .owl-nav .owl-prev:hover, .viando-7_products .owl-nav .owl-next:hover{ background-color:var(--color-fourty); } .viando-7_products .owl-nav .owl-prev:hover span, .viando-7_products .owl-nav .owl-next:hover span{ color:var(--white-color); } .service-one{ position:relative; } .service-one_inner{ position:relative; overflow:hidden; padding:20px 15px; text-align:center; border-radius:15px; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; background-color:var(--color-fourtythree); } .service-one_inner:hover{ background-color:var(--white-color) !important; box-shadow:0px 0px 15px rgba(0,0,0,0.07); } .service-one_title{ position:relative; margin-top:15px; font-size:18px; font-weight:700; font-family:var(--font-family-Quicksand); } .service-one_title a{ position:relative; color:var(--color-fourtyone); } .service-one_icon img{ position:relative; margin:0 auto; width:auto !important; max-width:inherit; } .service-one_items{ position:relative; margin-top:5px; font-size:15px; color:var(--color-fourtyfour); } .service-one_inner.color-two{ background-color:rgba(0,0,0,0.02); } .service-one_inner.color-three{ background-color:#F2FFE2; } .service-one_inner.color-four{ background-color:#FFF8F1; } .service-one_inner.color-five{ background-color:#FBF3FF; } .service-one_inner.color-six{ background-color:#F4F9FF; } .viando-7_products-two .section-heading{ font-size: 30px; font-weight: 700; border: none; padding: 0px; color: var(--color-fourtyone); font-family: var(--font-family-Quicksand); } .viando-7_products-two .product__nav-wrap{ border:none; padding-bottom:10px; } .viando-7_products-two .product__nav-wrap .section-heading span:before{ display:none; } .viando-7_products-two .product__nav .nav-item .nav-link{ font-weight: 700; font-size: 16px; text-transform: capitalize; color: var(--color-fourtyone); font-family: var(--font-family-Quicksand); } .viando-7_products-two .product__nav .nav-item .nav-link::before{ content: '/'; width: auto; right: -20px; top: 0px; bottom: auto; opacity: 1; font-size: 14px; border: none; background: none; } .viando-7_products-two .product__nav .nav-item:not(:last-child){ margin-right:5px; padding-right:30px; } .viando-7_products-two .product__nav .nav-item .nav-link.active{ color:var(--color-fourty); } .viando-7_products-two .product__img{ padding-bottom:0px; background:none; } .viando-7_products-two .product__nav .nav-item .nav-link::after{ display:none; } .viando-7_products-two .product__nav .nav-item:last-child .nav-link::before{ display:none; } .viando-7_products-two .product_item-subtitle{ padding:0px; border:none; } .viando-7_products-two .viando-6_product-item:hover .product_item-subtitle{ background:none; color:var(--color-fourty); } /* Viando 7 Offers */ .viando-7_offers{ position:relative; padding:80px 0px 60px; } .offer-inner-column{ position:relative; border-radius:15px; padding:40px 60px 50px; background-color:var(--color-fourtyfive); } .viando7-title-box{ position:relative; margin-bottom:20px; } .viando7-title-box h2{ font-weight:700; font-size:30px; color:var(--color-fourtyone); font-family: var(--font-family-Quicksand); } .viando7-title-box .countdown .single h1{ width:40px; height:30px; font-size:15px; border-radius:5px; color:var(--white-color); background-color:var(--color-fourtysix); font-family: var(--font-family-Quicksand); } .viando7-title-box .countdown .single p{ text-transform:capitalize; font-weight:500; font-size:12px; color:var(--color-fourtyone); font-family:var(--font-family-DMSans); } .viando-6_product-item.style-two{ border:none; padding:0px 0px; border-radius:0px; margin-right:0px; margin-bottom:0px; border-right:1px solid #DCD9D9; background-color:var(--white-color); } .parrent__product_no_b:last-child .product__item.viando-6_product-item.style-two { border: none; } .viando-6_product-item.style-two .product__img{ border-radius:0px; background-color:var(--white-color); } .viando-6_product-item.style-two .cart-btn{ display: block; width: 100%; margin-top: 15px; font-weight:500; font-size:14px; text-align: center; background-color: #FFF1CC; color: var(--color-fourtyone); font-family:var(--font-family-DMSans); } .viando-6_product-item.style-two .cart-btn .icon{ color: var(--color-fourtyone); } .viando-6_product-item.style-two .cart-btn:hover{ background-color:#F1AE00; } .viando-6_product-item.style-two .product__content{ border-radius:0px; padding-bottom:25px; } .offer-inner-column .row.g-0{ overflow:hidden; border-radius:15px; } .groser7-all_items{ position:relative; font-size:14px; font-weight:700; margin-top:30px; padding:7px 24px; border-radius:50px; letter-spacing:1px; display:inline-block; border:1px solid #DCD9D9; color:var(--color-fourtyone); } .groser7-all_items:hover{ background-color:var(--color-fourty); border-color:var(--color-fourty); color:var(--white-color); } .weekly-inner-column{ position:relative; padding:40px 30px 20px; border-radius:15px; border:1px solid var(--color-fourtysix); } .weekly-inner-column .title-box{ position:relative; } .weekly-inner-column .title-box h2{ position:relative; font-weight:700; font-size:30px; color:var(--color-fourtyone); font-family: var(--font-family-Quicksand); } .weekly-inner-column .product__img{ position:relative; height:auto; text-align:center; } .weekly-inner-column .product__img img{ height:auto; margin:0 auto; } .weekly-inner-column .product__content{ padding-top:0px; } .off-red__badge{ position:absolute; right:40px; bottom:10px; width:70px; height:70px; z-index:10; font-size:16px; font-weight:600; line-height:22px; text-align:center; border-radius:50px; display:inline-block; padding-top:12px; color:var(--white-color); background-color:var(--color-fourtyseven); } .off-red__badge span{ display:block; font-weight:400; color:var(--white-color); } .weekly-inner-column .tx-arrow .slick-arrow.slick-prev{ margin-right:30px; } .weekly-inner-column .tx-arrow .slick-arrow{ top:-25px; } /* Viando7 Products Banner */ .viando7-products_banner{ position:relative; padding:30px 0px 80px; } .product-banner{ position:relative; } .product-banner_inner{ position:relative; overflow:hidden; padding:50px 40px; border-radius:10px; background-size:cover; } .product-banner_title{ position:relative; font-size:14px; font-weight:700; text-transform:uppercase; color:var(--color-fourtyeight); font-family: var(--font-family-Quicksand); } .product-banner_title.color-two{ color:var(--color-fourtytwo); } .product-banner_heading{ font-size:30px; font-weight:700; color:var(--color-fourtyone); font-family: var(--font-family-Quicksand); } .product-banner_text{ margin-top:5px; font-size:15px; color:var(--color-fourtyone); font-family:var(--font-family-DMSans); } .product-banner_shop{ position:relative; margin-top:15px; padding:8px 22px; border-radius:50px; display:inline-block; color:var(--white-color); text-transform:capitalize; background-color:var(--color-fourtysix); } .product-banner_shop:hover{ color:var(--white-color); background-color:var(--color-fourtyeight); } .product-banner_shop.color-two{ background-color:var(--color-fourtynine); } /* Viando7 Popular Products */ .viando7-popular-products{ position:relative; } .add-image{ position:relative; display:inline-block; } .adds-content{ position:absolute; left:20px; right:20px; bottom:50px; text-align:center; } .adds_title{ position:relative; font-size:14px; font-weight:700; text-transform:uppercase; color:var(--color-fourtyeight); font-family: var(--font-family-Quicksand); } .adds_heading{ font-size:30px; margin-top:5px; font-size:24px; font-weight:700; line-height:34px; color:var(--white-color); font-family: var(--font-family-Quicksand); } .adds_shop{ position:relative; margin-top:18px; padding:8px 22px; border-radius:50px; display:inline-block; color:var(--white-color); text-transform:capitalize; background-color:var(--color-fourtyeight); } .adds_shop:hover{ color:var(--white-color); background-color:var(--color-fourtyeight); } .viando7-popular-products .section-heading{ font-size: 30px; font-weight: 700; border: none; padding: 0px; color: var(--color-fourtyone); font-family: var(--font-family-Quicksand); } .viando7-popular-products .product__nav-wrap{ border:none; padding-bottom:10px; } .viando7-popular-products .product__nav-wrap .section-heading span:before{ display:none; } .viando7-popular-products .product__nav .nav-item .nav-link{ font-weight: 700; font-size: 16px; text-transform: capitalize; color: var(--color-fourtyone); font-family: var(--font-family-Quicksand); } .viando7-popular-products .product__nav .nav-item .nav-link::before{ content: '/'; width: auto; right: -20px; top: 0px; bottom: auto; opacity: 1; font-size: 14px; border: none; background: none; } .viando7-popular-products .product__nav .nav-item:not(:last-child){ margin-right:5px; padding-right:30px; } .viando7-popular-products .product__nav .nav-item .nav-link.active{ color:var(--color-fourty); } .viando7-popular-products .product__img{ padding-bottom:0px; background:none; } .viando7-popular-products .product__nav .nav-item .nav-link::after{ display:none; } .viando7-popular-products .product__nav .nav-item:last-child .nav-link::before{ display:none; } /* Viando7 Recent Products */ .viando7-recent-products .section-heading{ font-size: 30px; font-weight: 700; border: none; padding: 0px; color: var(--color-fourtyone); font-family: var(--font-family-Quicksand); } .viando7-recent-products .product__nav-wrap .section-heading span:before{ display:none; } .viando7-recent-products .product__nav-wrap{ border:none; padding-bottom:0px; } .viando7-recent-products .recent-product__nav .nav-item .nav-link{ font-weight: 700; font-size: 16px; text-transform: capitalize; color: var(--color-fourtyone); font-family: var(--font-family-Quicksand); } .viando7-recent-products .product__nav .nav-item:not(:last-child){ margin-right:30px; } .viando7-recent-products .recent-product__nav.style-2 .nav-item .nav-link.active{ color: var(--color-fourty); } .viando7-recent-products .recent-product__item{ border-radius:7px; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .viando7-recent-products .recent-product__item:hover{ box-shadow:0px 0px 20px rgba(0,0,0,0.08); } .viando7-recent-products .recent-product__content h3 a{ font-size:15px; font-weight:700; color:var(--color-fourtyone); font-family: var(--font-family-Quicksand); } .viando7-recent-products .product__price{ font-size:12px; color:var(--color-fifty); font-family:var(--font-family-DMSans); } .viando7-recent-products .product__price .new{ font-size:13px; font-weight:700; color:var(--color-fourty); } .fruits-image{ position:relative; margin-top:10px; overflow:hidden; border-radius:10px; display:inline-block; } .fruits-content{ position:absolute; left:20px; top:50px; right:20px; text-align:center; } .fruits_title{ position:relative; font-size:14px; font-weight:700; text-transform:uppercase; color:var(--black-color); font-family: var(--font-family-Quicksand); } .fruits_heading{ font-size:30px; margin-top:5px; font-size:24px; font-weight:700; line-height:34px; color:var(--black-color); font-family: var(--font-family-Quicksand); } .fruits_shop{ position:relative; margin-top:18px; padding:8px 22px; border-radius:50px; display:inline-block; color:var(--white-color); text-transform:capitalize; background-color:var(--color-fiftyone); } .fruits_shop:hover{ color:var(--white-color); background-color:var(--color-fourtyeight); } .brands-one.style-two{ padding-bottom:80px; } .brands-one.style-two .inner-container{ border:none; padding:0px; } .news-one.style-two .news__item{ padding:0px 15px; } .news_item-tag{ position:absolute; right:30px; top:-20px; font-size:12px; font-weight:500; padding:6px 22px; border-radius:50px; color:var(--white-color); background-color:var(--color-fourty); font-family:var(--font-family-DMSans); -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .news__item-inner:hover .news_item-tag{ color:var(--black-color); background-color:var(--color-fiftytwo); } /* groser Footer Seven */ .groser-footer-seven{ position:relative; padding-top:60px; background-color:var(--black-color); } .groser-footer-seven .feature__wrap-two{ border:none; padding-bottom:10px; margin-bottom:50px; background-color:var(--black-color); border-bottom:1px solid rgba(255,255,255,0.10); } .groser-footer-seven .feature__wrap-two .feature__item::before, .groser-footer-seven .feature__line::before{ display:none; } .groser-footer-seven .feature__item .content h3{ font-size:16px; font-weight:700; color:var(--white-color); font-family: var(--font-family-Quicksand); } .groser-footer-seven .feature__wrap-two .feature__item{ width:20%; padding:0px; margin-bottom:30px; } .groser-footer-seven .feature__item .content p{ margin-top:5px; color:var(--color-fiftythree); } .groser-footer-seven .footer__widget .title{ color:var(--white-color); font-family: var(--font-family-Quicksand); } .groser-footer-seven .footer__widget:nth-child(2){ padding-left:30px; } .groser-footer-seven .footer__widget p{ font-size:16px; color:var(--color-fiftythree); } .groser-footer-seven .install_app{ position:relative; font-size:16px; font-weight:700; margin-top:20px; color:var(--white-color); font-family: var(--font-family-Quicksand); } .groser-footer-seven .install_app span{ position:relative; font-size:15px; display:block; font-weight:400; color:var(--color-fiftythree); } .groser-footer-seven .footer__widget ul li a{ font-size:15px; color:var(--color-fiftythree); font-family:var(--font-family-DMSans); } .groser-footer-seven .footer__widget ul li a:hover{ color:var(--color-fourty); } .footer__copyright{ color:var(--color-fiftythree); font-family:var(--font-family-DMSans); } .groser-footer-seven .footer__bottom{ border-color:rgba(255,255,255,0.10); } .footer__copyright a{ color:var(--color-fourty); } /* Responsive Style */ @media only screen and (max-width: 1200px){ .header__search{ display:none; } .viando-6_product-item .cart-btn{ font-size:13px; } .deal-cart-btn, .viando-6_product-item .cart-btn{ font-size:13px; padding:8px 15px; } .viando-7_offers .offer-inner-column{ padding:40px 30px 40px; } } @media only screen and (max-width: 1140px){ .deal-content{ padding:25px 12px 0px; } .deal-block_image .countdown{ left:8px; } .viando-6_product .section-heading{ font-size:24px; } .viando_header-seven .header__search-box{ display:none; } } @media only screen and (max-width: 1023px){ .banner-slide__single.style-two{ margin-bottom:30px; } .viando-6_product .section-heading{ margin-bottom:25px; } .viando-6_product .product__nav{ width:100%; justify-content: flex-start; } .subscribe-box{ width:100%; } .header__main{ padding:15px 0px; } .viando_header-seven .hamburger_menu .icon span{ color:var(--color-default); } .viando_header-seven .uk-sticky-fixed .hamburger_menu .icon span{ color:var(--black-color); } .viando7-recent-products .section-heading, .viando7-popular-products .section-heading, .viando-7_products-two .section-heading{ margin-bottom:15px; } .weekly-column{ position:relative; margin-top:30px; } .product-banner{ margin-bottom:30px; } .add-image{ display:none !important; } .groser-footer-seven .feature__wrap-two .feature__item{ width:50%; } } @media only screen and (max-width: 767px){ .viando-6_product .product__nav{ margin-top:0px; } .subscribe-one_title{ font-size:32px; line-height:45px; } .viando_header-six .header__logo{ padding-right:0px; margin-right:0px; border:none; } .viando_header-seven .location-form-group, .viando_header-six .header__info-item, .subscribe-one_text br{ display:none; } .off-product-one_image{ right:0px; } .product__nav{ margin-top:5px !important; } .offer-inner-column .row.g-0{ border-radius:0px !important; overflow:visible !important; } .viando-6_product-item.style-two{ border:1px solid #DCD9D9 !important; margin-bottom:30px !important; } } @media only screen and (max-width: 599px){ .viando_banner-style-two .banner__content .title{ font-size:32px; line-height:40px; } .viando-6_product .product__nav .nav-item:not(:last-child) { margin-right: 20px; } .subscribe-box .form-group{ padding-right:0px; } .subscribe-box .form-group button{ position:relative; width:100%; display:block; margin-top:15px; } .off-product-one_title{ font-size:24px; line-height:34px; } .off-product_one:nth-child(2) .off-product-one_inner, .off-product-one_inner{ padding:25px 20px; } .subscribe-one_title br, .news-one_text br, .off-product-one_image{ display:none; } .groser-footer-six .footer__widget:nth-child(2){ padding-left:15px; } .news__item.style-two .news__title{ font-size:20px; } .news-one .slick-prev, .news-one .slick-next{ display:none !important; } .news__item.style-two .news__content{ padding:15px 15px; } } @media only screen and (max-width: 479px) { .news-one .slick-prev, .news-one .slick-next{ top:-30px; } .viando_banner-style-two .banner__content .title { font-size: 26px; line-height: 36px; } .location-form-group{ display:none; } .deal_title{ margin-bottom:25px; } .viando_header-seven .track-btn-box{ margin-right:0px; } .news_item-tag, .viando_header-seven .header__icons, .viando_header-seven .header__info-item{ display:none !important; } .weekly-inner-column, .viando-7_offers .offer-inner-column { padding: 30px 15px 30px !important; } .product-banner_inner{ padding:30px 20px; } .product-banner_heading{ font-size:22px; } .groser-footer-seven .feature__wrap-two .feature__item{ width:100%; } } /*---------------------------------------------------- */ /*Cta area*/ /*----------------------------------------------------*/ @-webkit-keyframes icon-bounce { 0%, 100%, 20%, 50%, 80% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 60% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } } @keyframes icon-bounce { 0%, 100%, 20%, 50%, 80% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 60% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } } .gr-cta-feature-item .feature-icon { z-index: 1; width: 60px; height: 60px; margin-right: 15px; } .gr-cta-feature-item .feature-icon img { max-width: 48px; } .gr-cta-feature-item .feature-icon:before { top: 0; left: 0; width: 55px; content: ""; z-index: -1; height: 55px; position: absolute; border-radius: 100%; background-color: #ebf9f2; } .gr-cta-feature-item .feature-text h3 { font-size: 27px; font-weight: 700; color: var(--title-color); } .gr-cta-feature-item .feature-text span { font-size: 20px; color: #959595; } .gr-cta-feature-item:hover .feature-icon { -webkit-animation: icon-bounce 0.8s ease-out infinite; animation: icon-bounce 0.8s ease-out infinite; } /*---------------------------------------------------- */ /*Blog area*/ /*----------------------------------------------------*/ .gr-blog-section { padding: 100px 0px; background-color: #eff9f4; } .gr-blog-section .leaf-shape3 { top: -40px; right: 50px; } .gr-blog-section .leaf-shape5 { right: 30px; bottom: -60px; } .gr-blog-section .leaf-shape4 { left: 0; bottom: -160px; } .gr-blog-content { padding-top: 20px; } .gr-blog-item-1 { max-width: 725px; } .gr-blog-item-1 .blog-img { overflow: hidden; border-radius: 8px; margin-bottom: 25px; } .gr-blog-item-1 .blog-img img { -webkit-transition: all 300ms ease; transition: all 300ms ease; } .gr-blog-item-1 .blog-text h3 { font-size: 35px; font-weight: 700; padding-bottom: 12px; color: var(--title-color); } .gr-blog-item-1 .blog-text h3:hover { color: #ff7d09; } .gr-blog-item-1 .blog-text .blog-meta { color: #a4a8b0; font-size: 13px; font-weight: 700; margin-bottom: 15px; } .gr-blog-item-1 .blog-text .blog-meta .author-meta { margin-right: 35px; } .gr-blog-item-1 .blog-text .blog-meta .author-meta .inner-img { width: 35px; height: 35px; margin-right: 8px; overflow: hidden; border-radius: 100%; } .gr-blog-item-1 .blog-text .blog-meta .date-meta { margin-right: 20px; } .gr-blog-item-1 .blog-text .blog-meta .category-meta, .gr-blog-item-1 .blog-text .blog-meta .category-meta a { color: #f17070; } .gr-blog-item-1 .blog-text p { font-size: 20px; line-height: 1.667; color: #959595; } .gr-blog-item-1:hover .blog-img img { -webkit-filter: grayscale(1); filter: grayscale(1); } .gr-blog-item-2 { margin-bottom: 30px; } .gr-blog-item-2 .blog-img { max-width: 250px; overflow: hidden; margin-right: 30px; border-radius: 6px; } .gr-blog-item-2 .blog-img img { -webkit-transition: all 300ms ease; transition: all 300ms ease; } .gr-blog-item-2 .blog-text { max-width: 240px; } .gr-blog-item-2 .blog-text .blog-category { color: #f17070; font-size: 13px; font-weight: 600; } .gr-blog-item-2 .blog-text .blog-category a{ color: #f17070; } .gr-blog-content h3 a { color: var(--title-color); } .gr-blog-item-1 .blog-img img { height: 370px; -o-object-fit: cover; object-fit: cover; } .gr-blog-item-2 .blog-img img { height: 167px; -o-object-fit: cover; object-fit: cover; } .gr-blog-item-2 .blog-text h3 { font-size: 21px; font-weight: 700; padding: 8px 0px 10px; color: var(--title-color); } .gr-blog-item-2 .blog-text h3:hover { color: #ff7d09; } .gr-blog-item-2 .blog-text .author-meta { color: #a4a8b0; font-size: 14px; font-weight: 700; } .gr-blog-item-2:hover .blog-img img { -webkit-filter: grayscale(1); filter: grayscale(1); } /*---------------------------------------------------- */ /*Condiment area*/ /*----------------------------------------------------*/ .gr-condiments-section { padding: 120px 0px 105px; } .gr-condiments-section .leaf-shape1 { top: 100px; left: 120px; } .gr-condiments-section .leaf-shape2 { top: 150px; right: 100px; } .gr-condiments-item-area { max-width: 425px; } .gr-condiments-item-area:before { left: 0; right: 0; width: 80%; bottom: 0; height: 6px; content: ""; margin: 0 auto; position: absolute; background-color: #eff9f4; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .gr-condiments-item-area .gr-condiments-img { z-index: 1; padding-top: 70px; margin-bottom: 15px; } .gr-condiments-item-area .gr-condiments-img:before { top: 0; left: 0; right: 0; z-index: -1; content: ""; width: 340px; height: 340px; margin: 0 auto; position: absolute; border-radius: 100%; background-color: #eff9f4; -webkit-transition: all 300ms ease; transition: all 300ms ease; border: 3px solid #eff9f4; } .gr-condiments-item-area .gr-condiments-img .inner-circle-logo { top: 15px; right: 40px; } .gr-condiments-item-area .gr-condiments-text h3 { font-size: 29px; font-weight: 600; padding-bottom: 5px; color: var(--title-color); } .gr-condiments-item-area .gr-condiments-text h3 a{ color: var(--title-color); } .gr-condiments-item-area .gr-condiments-text h3:hover { color: #ff7d09; } .gr-condiments-item-area .gr-condiments-text .gr-condiments-price h4 { font-size: 17px; font-weight: 600; padding-bottom: 30px; color: var(--title-color); -webkit-transition: all 300ms ease; transition: all 300ms ease; } .gr-condiments-item-area .gr-condiments-text .gr-condiments-price h4 span { font-size: 17px; font-weight: 600; color: var(--title-color); } .gr-condiments-item-area .gr-condiments-text .gr-condiments-price h4 del { margin-right: 5px; } .gr-condiments-item-area .gr-condiments-btn-grp .product_btn_grp a:before { font-size: 15px; } .gr-condiments-item-area .gr-condiments-btn-grp .product_btn_grp a span:before { font-size: 15px; content: "\f291"; font-weight: 400; } .gr-condiments-item-area .gr-condiments-btn-grp { left: 0; right: 0; bottom: 0; } .gr-condiments-item-area .gr-condiments-btn-grp .product_btn_grp a, .gr-condiments-item-area .gr-condiments-btn-grp .product_btn_grp .woosw-btn{ opacity: 0; width: 55px; height: 55px; color: #000000; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 0; margin: 0px 3px; border-radius: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; visibility: hidden; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #fff1e4; -webkit-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1); transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1); border: none; } .gr-condiments-item-area .gr-condiments-btn-grp .product_btn_grp a:hover span { color: #fff; } .gr-condiments-item-area .gr-condiments-btn-grp .product_btn_grp a.added_to_cart { display: none; } .gr-condiments-item-area .gr-condiments-btn-grp .product_btn_grp a:hover, .gr-condiments-item-area .gr-condiments-btn-grp .product_btn_grp .woosw-btn:hover { color: #fff; background-color: var(--base-color); } .gr-condiments-item-area:hover:before { width: 0%; } .gr-condiments-item-area:hover .gr-condiments-text .gr-condiments-price { opacity: 0; visibility: hidden; -webkit-transform: translateY(-15px); transform: translateY(-15px); } .gr-condiments-item-area:hover .gr-condiments-btn-grp .product_btn_grp a, .gr-condiments-item-area:hover .gr-condiments-btn-grp .product_btn_grp .woosw-btn { opacity: 1; visibility: visible; -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } .gr-condiments-item-area:hover .gr-condiments-img:before { background-color: transparent; border: 3px solid var(--base-color); } .gr-condiments-content { padding-top: 45px; } .gr-condiments-content .gr-store-carousel .cond_left_arrow_1 { left: -100px; } .gr-condiments-content .gr-store-carousel .cond_right_arrow_1 { right: -100px; } /*---------------------------------------------------- */ /*Shop Banner area*/ /*----------------------------------------------------*/ .gr-shop-banner-item { z-index: 1; overflow: hidden; border-radius: 12px; padding: 65px 45px 55px; } .gr-shop-banner-item .shop-banner-img { top: 0; z-index: -1; right: -70px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .gr-shop-banner-item .shop-banner-text h3 { font-size: 30px; font-weight: 700; max-width: 190px; color: var(--title-color); padding-bottom: 30px; } .gr-shop-banner-item .shop-banner-text h3 a{ color: var(--title-color); } .gr-shop-banner-item:hover .shop-banner-img { -webkit-transform: scale(1.1); transform: scale(1.1); } .gr-shop-banner-content .col-lg-4:nth-child(1) .gr-shop-banner-item { background-color: #f6f5ff; } .gr-shop-banner-content .col-lg-4:nth-child(2) .gr-shop-banner-item { background-color: #fdf1de; } .gr-shop-banner-content .col-lg-4:nth-child(2) .gr-shop-banner-item .shop-banner-img { top: 30px; right: -100px; } .gr-shop-banner-content .col-lg-4:nth-child(3) .gr-shop-banner-item { background-color: #e7f1f3; } .gr-shop-banner-content .col-lg-4:nth-child(3) .gr-shop-banner-item .shop-banner-img { top: 15px; right: -30px; } /*---------------------------------------------------- */ /*Amazing Deal area*/ /*----------------------------------------------------*/ .gr-amazing-deal-section .gr-section-title p { color: #5e5e5e; } .gr-amazing-deal-text-area { max-width: 560px; } .gr-amazing-deal-text-area .gr-section-title { max-width: 520px; } .gr-amazing-deal-text-area .gr-section-title .subtitle { margin-bottom: 20px; color: var(--title-color); background-color: #fed11c; } .gr-amazing-deal-text-area .gr-section-title h2 { font-size: 60px; } .gr-amazing-deal-product-area { margin-top: 35px; border-radius: 8px; margin-bottom: 15px; background-color: #ffffff; -webkit-box-shadow: 0px 3px 109px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 3px 109px 0px rgba(0, 0, 0, 0.08); } .gr-amazing-deal-product { padding: 20px 30px; border-bottom: 1px solid #d7cfcf; } .gr-amazing-deal-product:last-child { border-bottom: none; } .gr-amazing-deal-product .gr-product-img-text .product-img { max-width: 70px; margin-right: 15px; } .gr-amazing-deal-product .gr-product-img-text .product-text-title { max-width: 150px; } .gr-amazing-deal-product .gr-product-img-text .product-text-title h3 { font-size: 19px; font-weight: 600; padding-bottom: 5px; color: var(--title-color); } .gr-amazing-deal-product .gr-product-img-text .product-text-title h3 a{ color: var(--title-color); } span.rate-ratting { font-size: 12px; margin-left: 5px; font-weight: 600; color: var(--title-color); line-height: normal; margin-top: 3px; } .gr-amazing-deal-product .product_btn_grp.position-absolute { top: 50%; left: 50%; transform: translateY(-50%); } .gr-amazing-product-price h4 { font-size: 19px; font-weight: 700; color: var(--title-color); } .gr-amazing-product-price h4 span { color: var(--title-color); } .gr-amazing-product-price h4 del { margin-right: 3px; } .gr-amazing-deal-product .product_btn_grp a, .gr-amazing-deal-product .product_btn_grp .woosw-btn{ opacity: 0; width: 45px; height: 45px; color: #000000; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 0; margin: 0px 5px; visibility: hidden; border-radius: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #fff1e4; -webkit-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1); transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1); border: none; } .gr-amazing-deal-product .product_btn_grp a span:before { content: "\f291"; font-size: 15px; font-weight: 400; } .gr-amazing-deal-product .product_btn_grp a:hover, .gr-amazing-deal-product .product_btn_grp .woosw-btn:hover{ color: #fff; background-color: var(--base-color); } .gr-amazing-deal-product:hover .product_btn_grp a, .gr-amazing-deal-product:hover .product_btn_grp .woosw-btn { opacity: 1; visibility: visible; -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } .gr-amazing-deal-product { position: relative; } .gr-amazing-deal-product .gr-product-img-text .product-text-title .author-rate li { float: left; color: #fdc041; font-size: 12px; } .gr-amazing-deal-product .gr-product-img-text .product-text-title .author-rate span { font-weight: 600; color: var(--title-color); } .gr-amazing-deal-product .gr-product-img-text .star-rating{ font-size: 12px; } .gr-amazing-deal-product .gr-amazing-product-quantity-price .quantity-field { margin-right: 25px; } .gr-amazing-deal-product .gr-amazing-product-quantity-price .quantity-field input { width: 100px; height: 40px; border: none; font-size: 18px; font-weight: 600; border-radius: 5px; background-color: #f6f6f6; color: var(--title-color); } .gr-amazing-deal-product .gr-amazing-product-quantity-price .quantity-field input::-webkit-input-placeholder { font-weight: 600; color: var(--title-color); } .gr-amazing-deal-product .gr-amazing-product-quantity-price .quantity-field input::-moz-placeholder { font-weight: 600; color: var(--title-color); } .gr-amazing-deal-product .gr-amazing-product-quantity-price .quantity-field input:-ms-input-placeholder { font-weight: 600; color: var(--title-color); } .gr-amazing-deal-product .gr-amazing-product-quantity-price .quantity-field input::-ms-input-placeholder { font-weight: 600; color: var(--title-color); } .gr-amazing-deal-product .gr-amazing-product-quantity-price .quantity-field input::placeholder { font-weight: 600; color: var(--title-color); } .gr-amazing-deal-product .gr-amazing-product-quantity-price .quantity-field .custom-next, .gr-amazing-deal-product .gr-amazing-product-quantity-price .quantity-field .custom-prev { top: 50%; cursor: pointer; font-size: 20px; margin: 0px 5px; font-weight: 600; position: absolute; color: var(--title-color); -webkit-transition: 500ms all ease; transition: 500ms all ease; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .gr-amazing-deal-product .gr-amazing-product-quantity-price .quantity-field .custom-next:hover, .gr-amazing-deal-product .gr-amazing-product-quantity-price .quantity-field .custom-prev:hover { color: var(--base-color); } .gr-amazing-deal-product .gr-amazing-product-quantity-price .quantity-field .custom-next { right: 5px; } .gr-amazing-deal-product .gr-amazing-product-quantity-price .quantity-field .custom-prev { left: 8px; } .gr-amazing-deal-product .gr-amazing-product-quantity-price .gr-amazing-product-price { font-size: 19px; font-weight: 700; color: var(--title-color); } .gr-amazing-deal-subtotal-price { padding: 20px 30px; border-radius: 8px; } .gr-amazing-deal-subtotal-price .gr-amazing-deal-subtotal { font-size: 20px; font-weight: 700; color: var(--title-color); } /*---------------------------------------------------- */ /*Weekly Deal Product area*/ /*----------------------------------------------------*/ .gr-weekly-deal-section { padding: 60px 0px 50px; } .gr-weekly-deal-timing { padding-top: 0; margin-bottom: 0; } .gr-weekly-deal-timing li { background-color: #fdfdfd; border: 1px solid #ececec; } .gr-weekly-deal-add { padding: 25px; max-width: 375px; border-radius: 5px; border: 1px solid #ececec; border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } .gr-weekly-deal-add .inner-img { overflow: hidden; border-radius: 8px; display: inline-block; } .gr-weekly-deal-category-btn-area { margin-top: 35px; } .gr-weekly-deal-category { margin-right: 20px; } .gr-weekly-deal-category .gr-category-item { min-width: 195px; padding: 8px 20px; margin-bottom: 8px; border-radius: 10px; border: 1px solid #ececec; } .gr-weekly-deal-category .gr-category-item a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .gr-weekly-deal-category .gr-category-item .inner-text { font-weight: 600; color: var(--title-color); } .gr-weekly-deal-category .gr-category-item .inner-text i { font-size: 12px; margin-left: 15px; } .gr-weekly-deal-category .gr-category-item .inner-icon { margin-right: 14px; } .gr-weekly-deal-btn a { width: 100px; height: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1; font-size: 15px; font-weight: 500; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: var(--title-color); border: 1px solid #ececec; } .gr-weekly-deal-btn a:hover { color: #fff; background-color: var(--base-color); } .gr-weekly-deal-product { padding: 25px 30px; border: 1px solid #ececec; -webkit-transition: all 500ms ease; transition: all 500ms ease; width: 50%; } .gr-weekly-deal-product .gr-weekly-product-img { max-width: 175px; margin-right: 30px; } .gr-weekly-deal-product .gr-product-text-area .product-category { font-size: 18px; display: inline-block; padding: 0; padding-bottom: 3px; background: transparent; } .gr-weekly-deal-product .gr-product-text-area .product-category a{ color: inherit; } .gr-weekly-deal-product .gr-product-text-area .product-category i { color: #29a56c; font-size: 13px; } .gr-weekly-deal-product .gr-product-text-area h3 { font-size: 27px; font-weight: 700; color: var(--title-color); } .gr-weekly-deal-product .gr-product-text-area h3:hover { color: #ff7d09; } .gr-weekly-deal-product .gr-product-text-area p { font-size: 18px; max-width: 160px; line-height: 1.222; padding-bottom: 15px; -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1); transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1); } .gr-weekly-deal-product .gr-product-text-area .gr-price-range { font-size: 19px; font-weight: 500; padding-bottom: 3px; color: var(--title-color); } .gr-weekly-deal-product .gr-product-text-area .gr-product-author { font-size: 15px; padding: 5px 30px; border-radius: 30px; display: inline-block; background-color: #f5f5f5; } .gr-weekly-deal-product .gr-product-text-area .gr-product-author .author-name span { color: #29a56c; } .gr-weekly-deal-product .gr-product-text-area .product_btn_grp { bottom: 48px; } .gr-weekly-deal-product .gr-product-text-area .product_btn_grp a, .gr-weekly-deal-product .gr-product-text-area .product_btn_grp .woosw-btn { opacity: 0; width: 45px; height: 45px; color: #000000; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 0; margin: 0px 5px; visibility: hidden; border-radius: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #fff1e4; -webkit-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1); transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1); border: none; } .gr-weekly-deal-product .gr-product-text-area .product_btn_grp .added_to_cart{ display: none; } .gr-weekly-deal-product .gr-product-text-area .product_btn_grp a span:before { content: "\f291"; font-size: 15px; font-weight: 400; } .gr-product-text-area .product_btn_grp .woosw-btn:before { font-size: 15px; } .gr-weekly-deal-product .gr-product-text-area .product_btn_grp a:hover, .gr-weekly-deal-product .gr-product-text-area .product_btn_grp .woosw-btn:hover{ color: #fff; background-color: var(--base-color); } .gr-weekly-deal-product:hover { border: 1px solid var(--base-color); } .gr-weekly-deal-product:hover .gr-product-text-area .product_btn_grp a, .gr-weekly-deal-product:hover .gr-product-text-area .product_btn_grp .woosw-btn { opacity: 1; visibility: visible; -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } .gr-weekly-deal-product:hover .gr-product-text-area p { opacity: 0; visibility: hidden; -webkit-transform: translateX(15px); transform: translateX(15px); } .gr-weekly-deal-product .gr-product-text-area .product-category a { color: var(--color-default); } .gr-weekly-deal-product .gr-product-text-area h3 a { color: var(--title-color); } .gr-weekly-deal-product .product__price { font-size: 19px; font-weight: 500; padding-bottom: 3px; color: var(--title-color); } .gr-weekly-deal-product .product__price span { color: var(--title-color); } /*---------------------------------------------------- */ /*Product area*/ /*----------------------------------------------------*/ .gr-product-store-section-1 { overflow: hidden; padding-bottom: 80px; } .gr-product-store-slider-area-1 { margin: 0px -15px; } .gr-product-store-slider-1 .gr-slider-item { padding: 20px 15px; } .gr-product-item-1 { z-index: 1; max-width: 310px; border-radius: 6px; border: 1px solid #ececec; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .gr-product-item-1 .gr-product-shape { top: 0; left: 0; z-index: -2; width: 100%; height: 100%; } .gr-product-item-1 .gr-product-shape:before, .gr-product-item-1 .gr-product-shape:after { content: ""; width: 60%; z-index: -1; opacity: 0; height: 60%; -webkit-transform: 0; transform: 0; visibility: hidden; position: absolute; border-radius: 6px; -webkit-transition: all 300ms ease; transition: all 300ms ease; background-color: var(--base-color); } .gr-product-item-1 .gr-product-shape:before { left: 0px; bottom: 0px; } .gr-product-item-1 .gr-product-shape:after { top: 0px; right: 0px; } .gr-product-item-1:after { top: 0; left: 0; width: 100%; z-index: -1; height: 100%; content: ""; border-radius: 6px; position: absolute; background-color: #fff; } .gr-product-item-1 .gr-product-img-label { z-index: 1; padding: 30px 25px 0px; } .gr-product-item-1 .gr-product-img-label:before { top: 0; left: 0; width: 100%; content: ""; opacity: 0; height: 100%; position: absolute; -webkit-transition: all 300ms ease; transition: all 300ms ease; background-color: rgba(255, 255, 255, 0.7); } .gr-product-item-1 .gr-product-img-label .category-tag, .gr-product-item-1 .gr-product-img-label .discount-tag { top: 15px; right: 15px; color: #fff; font-size: 12px; line-height: 1; padding: 8px 10px 6px; border-radius: 20px; background-color: #67bcee; } .gr-product-item-1 .gr-product-img-label .discount-tag { left: 18px; right: auto; background-color: var(--base-color); } .gr-product-item-1 .product_btn_grp { left: 0; top: 60%; right: 0; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .gr-product-item-1 .product_btn_grp a span:before { font-size: 15px; content: "\f291"; font-weight: 400; } .gr-product-item-1 .product_btn_grp .added_to_cart{ display: none; } .gr-product-item-1 .product_btn_grp a, .gr-product-item-1 .product_btn_grp .woosw-btn { opacity: 0; width: 55px; height: 55px; color: #000000; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 0; margin: 0px 5px; border-radius: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; visibility: hidden; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #fff1e4; -webkit-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1); transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1); border: none; } .gr-product-item-1 .product_btn_grp a:hover span{ color: #fff; } .gr-product-item-1 .product-img img { text-align: center; margin: 0 auto; } .gr-product-item-1 .gr-product-text-area .gr-price-range .product__price { font-size: 18px; font-weight: 700; margin-bottom: 13px; color: var(--title-color); } .gr-product-item-1 .gr-product-text-area .gr-price-range .product__price span { color: var(--title-color); } .gr-product-item-1 .product_btn_grp a:hover, .gr-product-item-1 .product_btn_grp .woosw-btn:hover { color: #fff; background-color: var(--base-color); } .gr-product-item-1 .gr-product-text-area { padding: 22px 25px; } .gr-product-item-1 .gr-product-text-area .product-category { color: #959595; display: inline-block; background: transparent; padding: 0; padding-bottom: 3px; } .gr-product-item-1 .gr-product-text-area .product-category a{ color: #959595; } .gr-product-item-1 .gr-product-text-area .product-category i { margin-right: 5px; color: var(--base-color); } .gr-product-item-1 .gr-product-text-area h3 { font-size: 24px; font-weight: 600; padding-bottom: 10px; color: var(--title-color); } .gr-product-item-1 .gr-product-text-area h3 a{ color: var(--title-color); } .gr-product-item-1 .gr-product-text-area h3:hover { color: #ff7d09; } .gr-product-item-1 .gr-product-text-area .gr-price-range { font-size: 18px; font-weight: 700; margin-bottom: 13px; color: var(--title-color); } .gr-product-item-1 .gr-product-text-area .gr-product-author { padding: 8px 20px; border-radius: 30px; background-color: #f5f5f5; } .gr-product-item-1 .gr-product-text-area .gr-product-author .author-name span { color: #29a56c; } .gr-product-item-1 .gr-product-text-area .gr-product-author .author-rate li { float: left; color: #fdc041; font-size: 12px; } .gr-product-item-1 .gr-product-text-area .gr-product-author .author-rate span { font-weight: 600; color: var(--title-color); } .gr-product-item-1:hover { border: 1px solid transparent; -webkit-box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.05); } .gr-product-item-1:hover .gr-product-shape:before, .gr-product-item-1:hover .gr-product-shape:after { opacity: 1; visibility: visible; -webkit-transform: skew(-6deg) rotate(-3deg); transform: skew(-6deg) rotate(-3deg); } .gr-product-item-1:hover .gr-product-shape:before { left: -8px; bottom: -6px; } .gr-product-item-1:hover .gr-product-shape:after { top: -6px; right: -8px; } .gr-product-item-1:hover .gr-product-img-label:before { opacity: 1; } .gr-product-item-1:hover .gr-product-img-label .product_btn_grp a, .gr-product-item-1:hover .product_btn_grp .woosw-btn { opacity: 1; visibility: visible; -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } .gr-product-item-1.has_stock_progress .gr-price-range { margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0); transform: perspective(400px) rotateX(0); opacity: 1; } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0); transform: perspective(400px) rotateX(0); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } .gr-product-store-slider-1 .slick-slide { -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1); transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1); opacity: 0; } .gr-product-store-slider-1 .slick-slide.slick-active { opacity: 1; animation: flipInX 600ms ease-out infinite; -webkit-animation: flipInX 600ms ease-out infinite; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .gr-product-filter-tab-btn .filter li { margin: 0; line-height: 1; font-size: 17px; padding: 5px 15px; cursor: pointer; border-radius: 20px; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .gr-product-filter-tab-btn .filter li.active { background-color: #d7f1e5; } .gr-product-store-content-1 .store_right_arrow { right: -100px; } .gr-product-store-content-1 .store_left_arrow { left: -100px; } .gr_tab_has_carousel > .tab-pane { height: 0; display: block; visibility: hidden; } .gr_tab_has_carousel > .tab-pane.show, .gr_tab_has_carousel > .tab-pane.active { height: auto; visibility: visible; } .gr-product-store-section-2 { padding: 110px 0px; } .gr-product-store-slider-area-1 { margin: 0px -15px; } .gr-product-store-content-2 { margin: 0px -15px; } .gr-product-store-content-2 .gr-product-item-1 .gr-product-text-area { padding: 22px 20px; } .gr-product-store-slider-2 .gr-slider-item { padding: 20px 15px; } .gr-store-carousel-2 .carousel_nav button { width: 40px; height: 40px; border: none; color: #7e7e7e; line-height: 1; margin-left: 5px; border-radius: 100%; background-color: #f2f3f4; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .gr-store-carousel-2 .carousel_nav button:hover { color: #fff; background-color: var(--base-color); } .gr-product-banner-add { padding-top: 115px; } .gr-product-banner-add a { width: 100%; display: block; overflow: hidden; border-radius: 5px; } .gr_shop_stock_progress p { font-size: 15px; color: var(--title-color); } .gr_shop_stock_progress .progress { height: 8px; border-radius: 0; overflow: visible; position: relative; border-radius: 20px; margin: 8px 0px 10px; background-color: #e9ecef; } .gr_shop_stock_progress .progress p { display: none; } .gr_shop_stock_progress .progress-bar { width: 0; left: 2px; top: 0px; float: left; height: 8px; position: relative; border-radius: 20px; -webkit-transition: 1s all ease-in-out; transition: 1s all ease-in-out; background-color: var(--base-color); } .gr-product-store-section-3 { padding: 100px 0px 70px; background-color: #fafafa; } .gr-product-store-content-3 { padding-top: 20px; } .gr-product-store-content-3 .gr-product-item-1 { margin-bottom: 30px; } /*---------------------------------------------------- */ /*About area*/ /*----------------------------------------------------*/ .gr-about-text-area { max-width: 490px; } .gr-about-feature h3 { font-size: 24px; font-weight: 600; padding-top: 10px; padding-bottom: 25px; color: var(--base-color); } .gr-about-feature li { color: #191919; font-size: 20px; font-weight: 500; padding-left: 65px; margin-bottom: 25px; position: relative; } .gr-about-feature li:before { left: 0; top: -5px; width: 48px; height: 48px; text-align: center; line-height: 48px; content: "\f058"; border-radius: 100%; position: absolute; font-weight: 400; background-color: #fff; font-family: "Font Awesome 5 Pro"; } .gr-about-feature .gr-btn { margin-top: 55px; } /*---------------------------------------------------- */ /*Popular Product area*/ /*----------------------------------------------------*/ .gr-popular-product-section .gr-product-add { padding-top: 95px; } .no-padding { padding: 0; } .gr-popular-product-content { border-radius: 6px; padding: 20px 55px 40px; border: 1px solid #e6e6e6; } .gr-popular-product-wrapper { overflow: hidden; } .gr-popular-product-item { padding: 20px 20px; border-bottom: 1px solid #e6e6e6; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .gr-popular-product-item:before { top: 0; width: 1px; left: 0px; content: ""; height: 100%; position: absolute; background-color: #e6e6e6; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .gr-popular-product-item:after { top: 0; width: 1px; right: 0px; content: ""; opacity: 0; height: 100%; visibility: hidden; position: absolute; background-color: var(--base-color); -webkit-transition: all 300ms ease; transition: all 300ms ease; } .gr-popular-product-item .product-img { max-width: 95px; margin-right: 10px; } .gr-popular-product-item .product-text .product-category { font-size: 14px; padding: 0; background: transparent; } .gr-price-range .product__price del { margin-right: 2px; } .gr-popular-product-item .product-text .product-category a{ color: #959595; } .gr-popular-product-item .product-text .product-category i { margin-right: 5px; color: var(--base-color); } .gr-popular-product-item .product-text h3 { font-size: 18px; font-weight: 600; padding-bottom: 5px; } .gr-popular-product-item .product-text h3 a{ color: var(--title-color); } .gr-popular-product-item .product-text .author-rate { margin-bottom: 10px; -webkit-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1); transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1); } .gr-popular-product-item .product-text .author-rate li { float: left; color: #fdc041; font-size: 12px; } .ul-li ul { margin: 0; padding: 0; } .ul-li ul li { list-style: none; display: inline-block; } .ul-li-block ul { margin: 0; padding: 0; } .ul-li-block ul li { display: block; list-style: none; } .gr-popular-product-item .product-text .gr-price-range h4, .gr-popular-product-item .product-text .gr-price-range h4 span { font-size: 14px; font-weight: 700; color: var(--title-color); line-height: 1.7; } .gr-popular-product-item .star-rating{ font-size: 12px; } .gr-popular-product-item .product-text .product_btn_grp { left: 0; width: 100%; bottom: 25px; } .gr-popular-product-item .product-text .product_btn_grp a, .gr-popular-product-item .product-text .product_btn_grp .woosw-btn { opacity: 0; width: 30px; height: 30px; color: #000000; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 0px; margin: 0px 5px; border-radius: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; visibility: hidden; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #fff1e4; -webkit-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1); transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1); border: none; } .gr-popular-product-item .product-text .product_btn_grp a span { font-size: 14px; } .gr-popular-product-item .product-text .product_btn_grp a:Hover span { color: #fff; } .gr-popular-product-item .product-text .product_btn_grp .woosw-btn-added { background: var(--base-color); color: #fff; } .gr-popular-product-item .product-text .product_btn_grp a span:before { content: "\f291"; font-weight: 400; } .gr-popular-product-item .product-text .product_btn_grp a:hover, .gr-popular-product-item .product-text .product_btn_grp .woosw-btn:hover { color: #fff; background-color: var(--base-color); } .gr-popular-product-item:hover { border-bottom: 1px solid var(--base-color); } .gr-popular-product-item:hover:before { background-color: var(--base-color); } .gr-popular-product-item:hover:after { opacity: 1; visibility: visible; } .gr-popular-product-item:hover .product_btn_grp a, .gr-popular-product-item:hover .product-text .product_btn_grp .woosw-btn { opacity: 1; visibility: visible; -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } .gr-popular-product-item:hover .author-rate { opacity: 0; visibility: hidden; -webkit-transform: translateY(-10px); transform: translateY(-10px); } .woosw-btn.woosw-adding:after, .gr-popular-product-item .loading:after, .gr-condiments-item-area .gr-condiments-btn-grp .product_btn_grp .loading:after { font-family: 'Font Awesome 5 Pro'; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f110" !important; -webkit-animation: wpcstore-spin 0.75s linear infinite; animation: wpcstore-spin 0.75s linear infinite; height: 20px; width: 20px; line-height: 20px; font-size: 14px; text-align: center; position: absolute; top: 50%; left: 50%; margin-left: -10px; margin-top: -10px; display: block; } .gr-popular-product-item:hover .product_btn_grp a.loading span, .gr-condiments-item-area .gr-condiments-btn-grp .product_btn_grp .loading span { opacity: 0; } .wpcstore-spin { -webkit-animation: wpcstore-spin 2s infinite linear; animation: wpcstore-spin 2s infinite linear; } .wpcstore-pulse { -webkit-animation: wpcstore-spin 1s infinite steps(8); animation: wpcstore-spin 1s infinite steps(8); } @-webkit-keyframes wpcstore-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes wpcstore-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .woosw-btn.woosw-adding:before { opacity: 0; } .gr-popular-product-item .product-text .product_btn_grp a.added_to_cart { display: none; } /*---------------------------------------------------- */ /*Count Down Product area*/ /*----------------------------------------------------*/ .gr-countdown-product-section { padding: 50px 0px; } .gr-countdown-product-content { z-index: 1; } .gr-countdown-product-content .gr-countdown-product-bg { left: 0; top: 15%; z-index: -1; } .gr-countdown-product-tab-button .nav { display: inherit; } .gr-countdown-product-tab-button .nav-tabs { border: none; } .gr-countdown-product-tab-button .nav-tabs .nav-link { z-index: 1; border: none; min-width: 295px; font-size: 20px; font-weight: 600; padding: 22px 15px; border-radius: 40px; position: relative; margin-bottom: 20px; background-color: #fff; color: var(--title-color); background-color: rgb(255, 255, 255); -webkit-box-shadow: 0px 3px 109px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 3px 109px 0px rgba(0, 0, 0, 0.08); } .gr-countdown-product-tab-button .nav-tabs .nav-link:after { top: 0; left: 0; z-index: -1; width: 100%; height: 100%; content: ""; position: absolute; border-radius: 40px; background-color: #fff; } .gr-countdown-product-tab-button .nav-tabs .nav-link:before { top: 0; left: -10px; z-index: -2; opacity: 0; width: 105%; content: ""; height: 100%; visibility: hidden; position: absolute; background-repeat: no-repeat; -webkit-transition: all 300ms ease; transition: all 300ms ease; background-image: url(../img/icon/bottom-shape.png); } .gr-countdown-product-tab-button .nav-tabs .nav-link img { margin-right: 10px; } .gr-countdown-product-tab-button .nav-tabs .nav-link i { font-size: 16px; margin-left: 15px; } .gr-countdown-product-tab-button .nav-tabs .nav-link.active:before { left: -5px; opacity: 1; visibility: visible; } .gr-countdown-product-tab-img { margin-left: 30px; } .gr-countdown-product-tab-img .gr-count-arroow1 { right: 0; top: 100px; } .gr-countdown-product-tab-img .gr-count-arroow2 { bottom: 17%; left: -90px; } .gr-countdown-product-tab-img .discount-wrapper { top: 35%; right: 0; z-index: 2; color: #fff; width: 170px; height: 170px; line-height: 1; padding-top: 50px; text-align: center; } .gr-countdown-product-tab-img .discount-wrapper .discount-bg { left: 0; top: 0; z-index: -1; width: 170px; height: 170px; } .gr-countdown-product-tab-img .discount-wrapper .title { font-size: 12px; font-weight: 600; padding-bottom: 10px; } .gr-countdown-product-tab-img .discount-wrapper .value { font-size: 45px; font-weight: 700; margin-right: 5px; } .gr-countdown-product-tab-img .discount-wrapper .value-icon, .gr-countdown-product-tab-img .discount-wrapper .value-txt { font-size: 20px; font-weight: 700; } .gr-countdown-product-text { max-width: 450px; margin-left: 50px; } .gr-countdown-product-timing, .gr-weekly-deal-timing { padding-top: 35px; margin-bottom: 30px; } .gr-countdown-product-timing .coming-countdown li, .gr-weekly-deal-timing .coming-countdown li { width: 90px; height: 90px; margin-right: 5px; padding-top: 30px; text-align: center; border-radius: 100%; background-color: #fff; -webkit-box-shadow: 0px 3px 109px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 3px 109px 0px rgba(0, 0, 0, 0.08); } .gr-countdown-product-timing .coming-countdown li strong, .gr-weekly-deal-timing .coming-countdown li strong { display: block; line-height: 0.5; font-size: 25px; font-weight: 700; padding-bottom: 5px; color: var(--base-color); } .gr-countdown-product-timing .coming-countdown li span, .gr-weekly-deal-timing .coming-countdown li span { color: #636363; font-size: 17px; } /*---------------------------------------------------- */ /*Testimonial area*/ /*----------------------------------------------------*/ .gr-testimonial-content { padding: 80px 15px; border-radius: 40px; background-color: #def9ec; } .gr-testimonial-item-area { padding: 0px 50px; } .gr-testimonial-item .gr-testimonial-img .inner-img { width: 97px; height: 97px; overflow: hidden; margin-right: 25px; border-radius: 100%; } .gr-testimonial-item .gr-testimonial-img .quote-icon { left: 0; bottom: -5px; position: absolute; } .gr-testimonial-item .gr-testimonial-text { max-width: 430px; } .gr-testimonial-item .gr-testimonial-text p { color: #232424; font-size: 18px; line-height: 1.389; padding-bottom: 13px; } .gr-testimonial-item .gr-testimonial-text .gr-testimonial-author { color: #232424; font-size: 18px; font-weight: 700; } .gr-testimonial-content:before { top: 50%; left: 50%; content: ""; width: 1px; height: 135px; position: absolute; background-color: #d2d2d2; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .gr-testimonial-content .testi_left_arrow_1 { left: -110px; } .gr-testimonial-content .testi_right_arrow_1 { right: -110px; } /*---------------------------------------------------- */ /*Footer area*/ /*----------------------------------------------------*/ .gr-newslatter-section { padding: 45px 0px; } .gr-newslatter-content .gr-newslatter-text .inner-icon { margin-right: 18px; } .gr-newslatter-content .gr-newslatter-text .inner-text h3 { color: #fff; font-size: 33px; font-weight: 700; padding-bottom: 5px; } .gr-newslatter-content .gr-newslatter-text .inner-text p { color: #fff; font-size: 15px; font-weight: 500; } .gr-newslatter-content .gr-newslatter-form { width: 100%; max-width: 590px; } .gr-newslatter-content .gr-newslatter-form form { position: relative; -webkit-box-shadow: -2.505px 17.825px 54px 0px rgba(1, 1, 1, 0.15); box-shadow: -2.505px 17.825px 54px 0px rgba(1, 1, 1, 0.15); } .gr-newslatter-content .gr-newslatter-form input { width: 100%; height: 60px; border: none; line-height: 1; padding-left: 40px; border-radius: 40px; background-color: #fff; } .gr-newslatter-content .gr-newslatter-form input::-webkit-input-placeholder { color: #a6a6a6; } .gr-newslatter-content .gr-newslatter-form input::-moz-placeholder { color: #a6a6a6; } .gr-newslatter-content .gr-newslatter-form input:-ms-input-placeholder { color: #a6a6a6; } .gr-newslatter-content .gr-newslatter-form input::-ms-input-placeholder { color: #a6a6a6; } .gr-newslatter-content .gr-newslatter-form input::placeholder { color: #a6a6a6; } .gr-newslatter-content .gr-newslatter-form button { top: 5px; right: 5px; color: #fff; width: 165px; height: 50px; line-height: 1; border: none; font-weight: 500; border-radius: 30px; position: absolute; text-transform: uppercase; background-color: var(--base-color); } .gr-footer-section { background-color: #1f1a1a; } .gr-footer-widget-content { padding: 70px 0px; } .gr-footer-widget-content .gr-footer-widget .gr-widget-title { color: #fff; font-size: 25px; font-weight: 700; padding-bottom: 25px; } .gr-footer-widget-content .gr-footer-widget .footer-logo { margin-bottom: 35px; } .gr-footer-widget-content .gr-footer-widget .logo-text { color: #6e6e6e; } .gr-footer-widget-content .gr-footer-widget .menu-widget { padding-left: 70px; position: relative; } .gr-footer-widget-content .gr-footer-widget .menu-widget li { margin-bottom: 10px; } .gr-footer-widget-content .gr-footer-widget .menu-widget li a { color: #6e6e6e; font-size: 17px; font-weight: 700; padding-left: 25px; position: relative; } .gr-footer-widget-content .gr-footer-widget .menu-widget li a:before { top: -1px; left: 0; font-size: 16px; line-height: 1; color: #6e6e6e; content: "\f061"; position: absolute; font-weight: 400; font-family: "Font Awesome 5 Pro"; } .gr-footer-widget-content .gr-footer-widget .menu-widget li a:hover { color: var(--base-color); } .gr-footer-widget-content .gr-footer-widget .gr-footer-address { margin-bottom: 30px; } .gr-footer-widget-content .gr-footer-widget .gr-footer-address li { color: #6e6e6e; font-size: 17px; font-weight: 700; margin-bottom: 10px; } .gr-footer-widget-content .gr-footer-widget .gr-footer-address li span { color: #fff; margin-right: 5px; } .gr-footer-widget-content .gr-footer-widget .footer-social li a { width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 10px; border-radius: 100%; -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 #6e6e6e; color: #fff; } .gr-product-img-label .out-stock__badge.stout { left: auto; right: 20px; background: #67bcee !important; font-size: 12px !important; } .gr-product-img-label .out-stock__badge { left: 18px; right: auto; background-color: var(--base-color) !important; border-radius: 22px; } .gr-footer-widget.headline .title { color: #fff; font-size: 25px; font-weight: 700; padding-bottom: 25px; } .gr-footer-widget-content .gr-footer-widget .footer-social li a:hover { color: #fff; background-color: var(--base-color); border: 1px solid var(--base-color); } .gr-footer-widget-content .gr-footer-widget .address-widget, .gr-footer-widget-content .gr-footer-widget .menu-widget { position: relative; } .gr-footer-widget-content .gr-footer-widget .address-widget:before, .gr-footer-widget-content .gr-footer-widget .menu-widget:before { left: 15px; top: 70px; width: 1px; height: 150px; content: ""; position: absolute; background-color: rgb(42, 42, 42); } .gr-footer-widget-content .gr-footer-widget .address-widget:before { left: -45px; } .gr-footer-sponsor { padding: 35px 0px; background-color: #1d1515; } .gr-footer-sponsor-slider { max-width: 1060px; margin: 0 auto; } .gr-footer-sponsor-content .spon_left_arrow_1 { left: 0; } .gr-footer-sponsor-content .spon_right_arrow_1 { right: 0; } .gr-footer-sponsor-slide-img .item-inner-img { height: 55px; padding: 0px 15px; -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 !important; display: -ms-flexbox !important; display: flex !important; } .gr-footer-sponsor-slide-img .item-inner-img img { -webkit-transition: all 500ms ease; transition: all 500ms ease; -webkit-filter: grayscale(1); filter: grayscale(1); } .gr-footer-sponsor-slide-img .item-inner-img:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); } .gr-footer-copyright { padding: 20px 0px; } .gr-footer-copyright .copyright-text a { color: var(--base-color); } .gr-footer-copyright .copyright-payment b { color: #fff; font-size: 15px; font-weight: 700; margin-right: 25px; } /*---------------------------------------------------- */ /*Responsive area*/ /*----------------------------------------------------*/ @media screen and (max-width: 1600px) { .gr-product-store-content-1 .store_left_arrow, .gr-condiments-content .gr-store-carousel .cond_left_arrow_1 { left: -30px; } .gr-product-store-content-1 .store_right_arrow, .gr-condiments-content .gr-store-carousel .cond_right_arrow_1 { right: -30px; } .gr-testimonial-content .testi_left_arrow_1 { left: -30px; } .gr-testimonial-content .testi_right_arrow_1 { right: -30px; } } @media screen and (max-width: 1500px) { .gr-store-carousel button { width: 45px; height: 45px; } .gr-product-store-content-1 .store_left_arrow, .gr-condiments-content .gr-store-carousel .cond_left_arrow_1 { left: -20px; } .gr-product-store-content-1 .store_right_arrow, .gr-condiments-content .gr-store-carousel .cond_right_arrow_1 { right: -20px; } .gr-testimonial-content .testi_left_arrow_1 { left: -20px; } .gr-testimonial-content .testi_right_arrow_1 { right: -20px; } .gr-condiments-section .leaf-shape1 { top: 15px; left: 15px; } .gr-condiments-section .leaf-shape2 { top: 15px; right: 15px; } } @media screen and (max-width: 1400px) { .gr-store-carousel button { position: static; -webkit-transform: translateY(0); transform: translateY(0); } .gr-store-carousel { margin-top: 30px; } .gr-store-carousel .carousel_nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .gr-store-carousel .carousel_nav button { margin: 0px 8px; } .gr-weekly-deal-product { padding: 25px 28px; width: 50%; } .gr-footer-sponsor-content .gr-store-carousel { display: none !important; } .gr-footer-sponsor-slider { max-width: 100%; } .gr-about-text-area { max-width: 530px; } .gr-testimonial-content:before { display: none; } } @media screen and (max-width: 1300px) { .gr-countdown-product-tab-img .gr-count-arroow1, .gr-countdown-product-tab-img .gr-count-arroow2 { display: none; } .gr-weekly-deal-product .gr-product-text-area h3 { font-size: 22px; } .gr-weekly-deal-product .gr-product-text-area .gr-price-range { font-size: 16px; } .leaf-shape-area { display: none; } } @media screen and (max-width: 1200px) { .gr-popular-product-item .product-img { max-width: 80px; } .gr-weekly-deal-product { width: 100%; margin: 0 auto; max-width: 520px; margin-bottom: 30px; } .gr-weekly-deal-add-product { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .gr-weekly-deal-add { max-width: 100%; margin-bottom: 30px; border-radius: 8px; border: 1px solid #ececec; } .gr-weekly-deal-section .gr-weekly-deal-timing { width: 100%; margin-top: 30px; text-align: center; } .gr-footer-widget-content .gr-footer-widget .address-widget:before, .gr-footer-widget-content .gr-footer-widget .menu-widget:before { display: none; } .gr-condiments-item-area .gr-condiments-img:before { display: none; } } @media screen and (max-width: 1100px) { .gr-header-search-area { max-width: 415px; } .gr-header-cta-area .inner-text b, .gr-header-email-cta .inner-text b { font-size: 16px; } .gr-header-cta-area .inner-icon, .gr-header-email-cta .inner-icon { margin-right: 8px; } .gr-header-cart-wishlist-btn .gr-header-action-btn { margin-left: 5px; } .gr-main-navigation-area li { margin: 0px 15px; } .gr-popular-product-content { padding: 20px 15px 40px; } } @media screen and (max-width: 1024px) { .gr-header-cta-area, .gr-header-email-cta { display: none !important; } .gr-header-category-menu-cta, .gr-header-category-menu { width: 100%; } .gr-header-category-menu { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .gr-shop-banner-item { padding: 65px 25px 55px; } .gr-cta-feature-item .feature-text span { font-size: 15px; } .gr-cta-feature-item .feature-icon { margin-right: 10px; } .gr-countdown-product-text { margin-left: 20px; } .gr-footer-widget-content .gr-footer-widget .menu-widget { padding-left: 30px; } .gr-blog-item-2 .blog-text { max-width: 180px; } .gr-blog-item-2 .blog-text h3 { font-size: 18px; } .gr-blog-item-2 .blog-img { max-width: 230px; margin-right: 20px; } .gr-about-section { background-image: none !important; background-color: #f8f2d2; } .gr-about-content { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .gr-product-item-1 .gr-product-text-area h3 { font-size: 20px; } .gr-product-item-1 .gr-product-text-area .gr-price-range { font-size: 16px; } } @media screen and (max-width: 991px) { .gr-header-menu-cta-area { display: none; } .gr-header-section .gr-header-top-content { display: none; } .gr-shop-banner-item { margin-bottom: 30px; } .gr-header-search-area { display: none; } .gr-header-cart-wishlist-btn .gr-header-action-btn button { width: 35px; height: 35px; font-size: 14px; } .gr-header-search-cart-button-area { padding: 15px 0px; } .gr-header-cart-wishlist-btn .gr-header-action-btn .top-tag { width: 15px; height: 15px; line-height: 0.75; font-size: 12px; } .gr-cta-feature-item .feature-text span { font-size: 18px; } .gr-cta-feature-item { margin-bottom: 30px; } .gr-cta-feature-section { padding: 60px 0px; } .gr-product-banner-add { padding-top: 40px; text-align: center; } .gr-countdown-product-content { -ms-flex-wrap: wrap; flex-wrap: wrap; } .gr-countdown-product-tab-button { margin: 0 auto; max-width: 310px; } .gr-product-store-content-3 .gr-product-item-1 { margin: 0 auto; margin-bottom: 30px; } .gr-blog-item-1 { margin-bottom: 40px; } .gr-popular-product-content { padding: 15px; } .gr-popular-product-item { padding: 15px 10px; } .gr-popular-product-section .gr-product-add { padding-top: 30px; } .gr-newslatter-content { -ms-flex-wrap: wrap; flex-wrap: wrap; } .gr-newslatter-text { padding-bottom: 30px; } .gr-footer-widget-content .gr-footer-widget .address-widget, .gr-footer-widget-content .gr-footer-widget .menu-widget { padding-left: 0; } .gr-footer-widget { margin-bottom: 40px; } .gr-countdown-product-tab-img-text { -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .gr-countdown-product-tab-img { margin-left: 0; } .gr-product-store-section-2 { overflow: hidden; } .gr-header-cart-wishlist-btn { margin-right: 40px; } .mobile_menu_button { display: block; } } @media screen and (max-width: 767px) { .gr-title-top-content { padding-bottom: 10px; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; text-align: center; } .gr-blog-section .gr-title-top-content .gr-section-title, .gr-product-store-section-2 .gr-title-top-content .gr-section-title { width: 100%; } .gr-popular-product-item { margin: 0 auto; max-width: 310px; } .gr-popular-product-content { border: none; } .gr-popular-product-item:after { opacity: 1; visibility: visible; background-color: #e6e6e6; } .gr-popular-product-item:hover:after { background-color: var(--base-color); } } @media screen and (max-width: 680px) { .gr-shop-banner-item { padding: 35px 25px 30px; } .gr-shop-banner-item .shop-banner-text h3 { padding-bottom: 15px; } .gr-header-section.sticky-on .gr-header-search-cart-button-area { padding: 10px 0px; } .gr-header-section.sticky-on .mobile_menu_button { top: -55px; } .gr-product-item-1 { margin: 0 auto; } } @media screen and (max-width: 480px) { .gr-cta-feature-section { padding: 30px 0px; } .gr-about-section { padding: 60px 0px; } .gr-section-title-2 h2 { font-size: 30px; } .gr-product-store-section-2 { padding: 60px 0px; } .gr-testimonial-item { -ms-flex-wrap: wrap; flex-wrap: wrap; } .gr-testimonial-item-area { padding: 0px 15px; } .gr-testimonial-item .gr-testimonial-img { margin-bottom: 20px; } .gr-testimonial-content { padding: 30px 15px; } .gr-countdown-product-timing .coming-countdown li, .gr-weekly-deal-timing .coming-countdown li { width: 70px; height: 70px; padding-top: 15px; } .gr-countdown-product-timing .coming-countdown li strong, .gr-weekly-deal-timing .coming-countdown li strong { font-size: 20px; padding-bottom: 0; } .gr-product-store-section-3 { padding: 60px 0px 30px; } .gr-weekly-deal-product .gr-weekly-product-img { max-width: 85px; } .gr-amazing-deal-text-area .gr-section-title h2 { font-size: 30px; } .gr-amazing-deal-product { padding: 20px 15px; } .gr-amazing-deal-product .gr-amazing-product-quantity-price .quantity-field input { width: 75px; } .gr-amazing-deal-product .gr-product-img-text .product-img { margin-right: 5px; } .gr-amazing-deal-subtotal-price { padding: 20px 15px 15px; } .gr-amazing-deal-product .gr-product-img-text .product-text-title h3, .gr-amazing-deal-product .gr-amazing-product-quantity-price .gr-amazing-product-price { font-size: 16px; } .gr-amazing-deal-subtotal-price .gr-amazing-deal-subtotal { font-size: 16px; } .gr-amazing-deal-product .gr-amazing-product-quantity-price .quantity-field { margin-right: 15px; } .gr-amazing-deal-product .gr-product-img-text .product-text-title { max-width: 120px; } .gr-condiments-section { padding: 60px 0px 40px; } .gr-section-title h2, .gr-section-title-2 h2 { font-size: 30px; } .gr-blog-section { padding: 60px 0px; } .gr-blog-item-1 .blog-text h3 { font-size: 28px; } .gr-blog-item-2 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .gr-blog-item-2 .blog-img { margin-bottom: 20px; } .gr-footer-widget-content { padding: 70px 0px 30px; } .gr-footer-copyright-content { -ms-flex-wrap: wrap; flex-wrap: wrap; } .gr-footer-copyright-content .copyright-payment { padding-top: 10px; } .gr-brand-logo { max-width: 130px; } .mobile_menu_button { top: -53px; } .gr-header-section.sticky-on .mobile_menu_button { top: -49px; } .gr-header-cart-wishlist-btn .gr-header-action-btn .top-tag { top: -3px; } .gr-shop-banner-item .shop-banner-text h3 { font-size: 26px; } .gr-cta-feature-item .feature-text h3 { font-size: 22px; } .gr-newslatter-content .gr-newslatter-text .inner-text h3 { font-size: 28px; } .gr-newslatter-content .gr-newslatter-form button { width: 130px; } .gr-footer-copyright .copyright-payment b { margin-right: 10px; } .gr-countdown-product-text { margin-left: 0; } .gr-weekly-deal-category-btn { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media screen and (max-width: 350px) { .gr-countdown-product-timing .coming-countdown li, .gr-weekly-deal-timing .coming-countdown li { width: 60px; height: 60px; padding-top: 12px; } .gr-countdown-product-timing .coming-countdown li strong, .gr-weekly-deal-timing .coming-countdown li strong { font-size: 20px; padding-bottom: 0; } .gr-weekly-deal-product { -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .gr-weekly-deal-product .gr-weekly-product-img { margin-right: 0; max-width: 100%; margin-bottom: 15px; } .gr-weekly-deal-product .gr-product-text-area .product_btn_grp { left: 0; right: 0; } .gr-amazing-deal-product { -ms-flex-wrap: wrap; flex-wrap: wrap; } .gr-amazing-deal-subtotal-price { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } } /*---------------------------------------------------- */