/*----------------------------------------------------------------------------------- Project Name: Radios - Electronics Store WooCommerce Template Author: Themexriver -->> (https://themeforest.net/user/themexriver) Support: themexriver@gmail.com Description: Radios - Electronics Store WooCommerce 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: 'Inter', sans-serif; --font-dosis: 'Dosis', sans-serif; --color-primary: #FF8717; --color-primary-2: #02D8F5; --color-primary-3: #50AD06; --color-primary-4: #ff541f; --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: 255, 180, 27; --color-black-rgb: 0, 0, 0; --color-white-rgb: 250, 250, 250; --color-default: #5F5D5D; --color-gray: #F6F6F6; --color-gray-2: #F4F5F8; --color-border: #E5E5E5; --color-dark: #111111; --color-dark-2: #080B17; } @-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); font-size: 14px; padding: 0; margin: 0; font-weight: 400; line-height: 29px; color: var(--color-default); background-color: var(--color-white); } 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/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="email"], input[type="tel"], input[type="url"], 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; } /* 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: 18px; font-weight: 500; padding-bottom: 10px; border-bottom: 1px solid var(--color-border); text-transform: capitalize; } .section-heading.fs-20 { font-size: 20px; } .section-heading.fs-16 { font-size: 16px; } .section-heading > span { position: relative; color: currentColor; } .section-heading > span::before { position: absolute; bottom: -12px; left: 0; width: 100%; content: ""; background-color: var(--color-primary); height: 1px; } .section-heading > span span { color: var(--color-primary); } .section-heading > span:nth-child(2)::before { display: none; } .section-heading.style-2 { font-weight: 600; } .section-heading.style-3 { 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: var(--color-primary); 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 ul li span { 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); } .mr-none-60 { margin-right: -60px; } .ml-none-60 { margin-left: -60px; } .pb-8 { padding-bottom: 8px; } /*-- - 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); } 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; } .admin-bar .header .uk-active { margin-top: 32px !important; } .header { position: relative; z-index: 3; } @media (max-width: 1199px) { .header .add { max-width: 400px; } } .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 { display: none; } } @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: 20px 0; } @media (max-width: 767px) { .header__middle { display: none; } } .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; 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); } .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: var(--color-primary); } .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: #5F5D5D; } .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-white); background-color: var(--color-primary); padding: 10px; display: flex; font-size: 16px; align-items: center; justify-content: center; 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-white); } .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 only screen and (min-width: 1200px) and (max-width: 1500px) { .header__search { display: none; } } @media (max-width: 767px) { .header__search { display: none; } } .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; } .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: 7px 0; border-bottom: 1px solid #E5E5E5; } .header__top-info > ul > li, .header__top-info > ul > li a { color: #424D58; 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%; background-color: #F3F3F3; height: 52px; 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 13px; } .header__search-box input { border: 0; font-size: 15px; background-color: #F3F3F3; height: 52px; } .header__search-box button { position: absolute; top: 0; right: 0; width: 52px; height: 52px; background-color: var(--color-primary); font-size: 16px; color: var(--color-white); } .header__cat-wrap { background-color: #fff; } @media (max-width: 767px) { .header__cat-wrap { padding: 12px 0; } } .header__cat-wrap.uk-active { background-color: #fff; 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:not(:last-child)::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 i { margin-right: 7px; color: var(--color-primary); } .header__cat ul li a { color: #fff; font-size: 14px; } .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-one .hamburger_menu .icon span { color: var(--color-white); } .header__style-two .header__top-wrap { border: 0; padding: 0; } @media (max-width: 767px) { .header__style-two, .header__style-three { padding: 10px 0; } } .header__style-two .header__top-right > li { font-size: 14px; } .header .header-date { font-size: 14px; color: #4D4D4D; font-weight: 500; } @media (max-width: 991px) { .header .header-date { display: none; } } .header .header-date i { color: var(--color-primary); font-size: 13px; margin-right: 6px; } .header__language.currency .lang-btn, .header__language.currency .lang_sub_list li a { font-size: 14px; } .header__style-two .header__icons .icon .count { background-color: var(--color-primary); } @media (max-width: 991px) { .header__style-two .header__icons, .header__style-three .header__icons { display: none; } } .header__style-three .header__top-info > ul > li > i, .header__style-three .header__top-info > ul > li > a > i { color: var(--color-primary); } .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; } /* 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: 45px; } @media (max-width: 1199px) { .main-menu__nav ul li:not(:last-child) { margin-right: 33px; } } .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: 600; color: #40465C; position: relative; } .main-menu__nav ul li.menu-item-has-children > a::after { content: "\f142"; font-size: 12px; font-family: "Font Awesome 5 Pro"; 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); } .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: 350px; 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); border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-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: 95%; visibility: visible; opacity: 1; -webkit-transform: scaleY(100%); -ms-transform: scaleY(100%); transform: scaleY(100%); } .main-menu__nav ul li .mega-menu { width: 100%; left: 0; right: 0; position: absolute; top: 100%; z-index: 3; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; 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: 1335px; margin: 0 auto; padding: 30px; background: var(--color-white); padding-bottom: 0; -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); border-top: 1px solid #E9EBE8; } .main-menu__nav ul li .mega-menu .mega-menu-content.mxw_1505 { max-width: 1505px; } .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; position: relative; height: 300px; overflow: hidden; } @media (max-width: 1199px) { .main-menu__nav ul li .mega-menu .mega-menu-content .demo-pic { height: 230px; } } .main-menu__nav ul li .mega-menu .mega-menu-content .demo-pic.coming-soon > span { 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: 20px; font-weight: 700; z-index: 1; } @media (max-width: 1199px) { .main-menu__nav ul li .mega-menu .mega-menu-content .demo-pic.coming-soon > span { font-size: 16px; } } .main-menu__nav ul li .mega-menu .mega-menu-content .demo-pic.coming-soon::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(9, 12, 15, 0.8); content: ""; } .main-menu__nav ul li .mega-menu h3 { font-size: 15px; } .main-menu ul li.menu-last ul.submenu { right: 0; left: 0; } .main-menu ul li.menu-last ul.submenu ul { right: auto; left: -100%; } .header__wrap.uk-active .main-menu__nav ul li.has-mega-menu:hover > ul { top: 91%; } /* 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); 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 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__black { background-color: var(--color-black); } .thm-btn__red { background-color: var(--color-red); } .thm-btn__md { padding: 11px 23px 13px; font-size: 12px; } .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__transparent { background-color: transparent; border: 1px solid var(--color-primary); } .thm-btn__transparent .btn-wrap span { color: var(--color-primary); } .thm-btn__transparent i { color: var(--color-primary); } .thm-btn__transparent:hover { background-color: var(--color-primary); } .thm-btn__transparent:hover .btn-wrap span { color: var(--color-white); } .thm-btn__transparent:hover i { color: var(--color-white); } .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: 1440px; } .mxw_1530 { max-width: 1530px; } .mxw_1360 { max-width: 1360px; } } .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; } .hamburger_menu .icon span { color: var(--color-black); } .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; } .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; } @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; } .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 .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); } .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; } .widget__post .post-thumb img{ height: 82px; object-fit: cover; } .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; } .mxw_175 { max-width: 175px; } .mxw_343 { max-width: 343px; } .mxw_216 { max-width: 216px; } @media only screen and (min-width: 1200px) and (max-width: 1500px) { .tx-widget__wrap { padding-right: 0; } } /* 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 { position: relative; align-items: center; padding-right: 25px; } .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; } .tab-product__item .price ins { text-decoration: none; } .tab-product__item .price ins span { color: var(--color-red); } .shop-area .three-column .product-holder img { max-width: 100%; } .tab-product__item .price del span { color: var(--color-default); text-decoration: line-through; } .product__price del span { text-decoration: line-through; } .cart_sidebar.active { right: 0px; } .product__img img, .tx-product .product__img img { max-width: 120px !important; max-height: 160px; } .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); } .tab-product__item .thumb img { width: 100%; max-height: 120px; } .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: 8px 0; display: block; } .category-nav__list li a img { margin-right: 15px; width: 22px; } .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: 14px; font-weight: 500; color: #55595E; } .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 .form-group { position: relative; margin: var(--margin-zero); overflow: hidden; } .search-popup .form-group input[type="text"], .search-popup .form-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 .form-group input[type="submit"], .search-popup .form-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 .form-group input[type="submit"]:hover, .search-popup .form-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; } .hero__product-wrap .slick-prev:before, .hero__product-wrap .slick-next:before { content: ""; } .hero { overflow: hidden; padding: 70px 0; } .hero__height { min-height: 708px; } .hero__content .subtitle { position: relative; font-size: 14px; font-weight: 500; color: var(--color-white); z-index: 1; padding: 6px 20px 6px 16px; clip-path: polygon(0px 0px, 100% 0px, 94.81% 100%, 0% 100%); display: inline-block; margin-bottom: 20px; line-height: 1.2; } .hero__content .subtitle::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--color-primary); content: ""; z-index: -1; } .hero__content .title { font-size: 42px; color: var(--color-black); font-weight: 400; text-transform: uppercase; line-height: 1.3; margin-bottom: 10px; } @media (max-width: 1199px) { .hero__content .title { font-size: 30px; } } .hero__content p { font-size: 16px; color: var(--color-primary); font-weight: 600; margin-bottom: 20px; } .hero__content .price { font-size: 34px; font-weight: 300; color: #110F0F; margin-bottom: 20px; } .hero__content .price span { color: var(--color-primary); font-weight: 400; color: var(--color-red); font-size: 24px; } .hero__content .product__progress { margin-bottom: 7px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; } .hero__content .product__available { font-size: 15px; } .hero__btn { font-size: 16px; font-weight: 500; color: var(--color-black); text-transform: uppercase; font-weight: 500; } .hero__btn:hover { color: currentColor; } .hero__btn i { padding-left: 5px; 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); } .hero__btn i::before { transition: transform 0.4s; display: inline-block; line-height: 1; } .hero__btn:hover { color: var(--color-black); } .hero__btn:hover i::before { transform: translateX(170%); } .hero__product { padding-left: 70px; } @media (max-width: 991px) { .hero__product { padding-left: 0; } } .hero__product-item { display: flex !important; align-items: center; justify-content: center; } .hero__product-carousel { z-index: 1; } .hero__product-carousel::before { position: absolute; top: -30px; left: -40px; background-color: var(--color-white); content: ""; width: 390px; height: 390px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; z-index: -1; } .hero__product-carousel-nav { max-width: 390px; margin: auto; margin-top: 50px; z-index: 1; } @media (max-width: 1199px) { .hero__product-carousel-nav { max-width: 320px; } } .hero__product-carousel-nav .slick-arrow { position: absolute; top: 50%; left: -30px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 20px; color: #BEB9B9; background-color: transparent; } .hero__product-carousel-nav .slick-arrow:hover { color: var(--color-primary); } .hero__product-carousel-nav .slick-arrow.slick-next { left: auto; right: -30px; } .hero__product-item-nav { cursor: pointer; } .hero__product-item-nav .image { width: 130px; height: 92px; padding: 20px; display: flex; align-items: center; justify-content: center; } @media (max-width: 1199px) { .hero__product-item-nav .image { width: 100px; padding: 15px; } } .hero__product-item-nav.slick-center .image { background-color: var(--color-white); border: 1px solid var(--color-primary); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .hero__product-wrap { position: relative; } .hero__product-offer { position: absolute; bottom: 0; left: 0; width: 75px; height: 75px; background-color: var(--color-primary); bottom: 37%; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-direction: column; font-size: 24px; font-weight: 600; color: var(--color-white); line-height: 1.2; z-index: 2; } .hero__product-offer .discount { font-size: 24px; } .hero__product-offer span { font-size: 15px; color: currentColor; } .banner { position: relative; z-index: 1; } @media (max-width: 767px) { .banner.pt-10 { padding-top: 0; } } .banner__main { width: calc(100% - 267px); position: relative; padding-left: 57px; } @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__main .banner__ofer-box { top: 70px; left: 47%; } @media (max-width: 767px) { .banner__main .banner__ofer-box { left: auto; } } .banner__main .banner__ofer-box .offer-text { line-height: 17px; } .banner__main .banner__ofer-box .discount { font-size: 21px; } .banner__main .banner__ofer-box .discount > span { font-size: 12px; } .banner__height { min-height: 553px; background-color: #F7F7FD; } .banner__img { position: absolute; bottom: 0; right: 0; } @media (max-width: 1199px) { .banner__img { max-width: 600px; } } @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__single { padding: 30px 45px; padding-top: 10px; padding-right: 30px; min-height: 350px; position: relative; } @media (max-width: 767px) { .banner__single { padding: 60px 25px; } } .banner__single .content { margin-top: 20px; } .banner__single .content > span { background-color: var(--color-primary); 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: 24px; line-height: 1.5; margin-bottom: 12px; } .banner__single .content p { font-size: 14px; font-weight: 500; 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; } .banner__single .thumb { margin-top: 20px; } @media only screen and (min-width: 1200px) and (max-width: 1500px) { .banner__single .thumb { max-width: 200px; } } @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-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; position: relative; } .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__h444 { height: 444px; } .add-banner__h520 { height: 520px; } .add-banner__h555 { height: 555px; } .add-banner__h490 { height: 490px; } .add-banner__h530 { height: 530px; } .add-banner__h476 { height: 476px; } .add-banner__h407 { height: 407px; } .add-banner.p-30 { padding: 30px; } .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; line-height: 35px; } .add-banner .upto-offer span { color: var(--color-red); } .add-banner .fw-500 { font-weight: 500; } .add-banner__2 > span { font-size: 12px; font-weight: 700; background-color: var(--color-primary); padding: 2px 18px; color: var(--color-white); text-transform: uppercase; line-height: 20px; margin-bottom: 15px; } .add-banner__2 h2 { font-size: 22px; text-transform: uppercase; line-height: 1.2; margin-bottom: 15px; } .add-banner__2 .thm-btn { font-size: 13px; padding: 12px 23px; padding-right: 40px; } .add-banner__2 .thm-btn i { right: 23px; } .add-banner__2 .upto-offer span { color: var(--color-primary); } .add-banner__text-box { position: absolute; top: 30%; right: 88px; font-size: 16px; font-weight: 700; width: 58px; height: 58px; 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; color: var(--color-white); flex-direction: column; line-height: 1.2; } @media only screen and (min-width: 1200px) and (max-width: 1500px) { .add-banner__text-box { right: 40px; } } @media (max-width: 1199px) { .add-banner__text-box { right: 10px; } } .add-banner__text-box span { font-size: 14px; font-weight: 500; color: currentColor; } .add-banner__text-box--2 { width: 45px; height: 45px; font-size: 14px; top: 51%; right: 25px; } @media only screen and (min-width: 1200px) and (max-width: 1500px) { .add-banner__text-box--2 { top: 43%; right: 14px; } } .add-banner__text-box--2 span { font-size: 12px; } .add-banner__3 { padding: 40px; } .add-banner__3 span { font-size: 14px; color: var(--color-primary); display: inline-block; } .add-banner__3 h3 { font-size: 20px; color: var(--color-black); line-height: 31px; font-weight: 600; margin-bottom: 10px; } .add-banner__3 .price { font-size: 19px; display: block; margin-bottom: 30px; } .add-banner__3 .upto-offer span { color: var(--color-primary); } .add-banner__btn { font-size: 14px; font-weight: 600; 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 { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; } .add-banner__4 { padding-top: 65px; } .add-banner__4 > span { color: var(--color-primary); margin-bottom: 10px; } .add-banner__4 h3 { font-size: 20px; color: var(--color-white); line-height: 33px; margin-bottom: 24px; } .add-banner__4 .price { display: block; font-size: 26px; color: var(--color-primary); } .add-banner.br-5 { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } @media only screen and (min-width: 1200px) and (max-width: 1500px) { .add-banner__wrap.mr-70 { margin-right: 50px; } } @media (max-width: 1199px) { .add-banner__wrap.mr-70 { margin-right: 0; } } @media only screen and (min-width: 1200px) and (max-width: 1500px) { .add-banner__wrap.ml-70 { margin-left: 50px; } } @media (max-width: 1199px) { .add-banner__wrap.ml-70 { margin-left: 0; } } @media (max-width: 1199px) { .add-banner__wrap.pr-90 { padding-right: 0; } } @media (max-width: 991px) { .add-banner__wrap { margin-left: 0 !important; } } .add__wrap { padding: 10px 0; } .add__text { display: flex; align-items: center; justify-content: center; } .add__text > span { background-color: var(--color-white); padding: 4px 45px; border-radius: 21px; -webkit-border-radius: 21px; -moz-border-radius: 21px; -ms-border-radius: 21px; -o-border-radius: 21px; border: 1px solid #DCDCDC; font-size: 16px; color: var(--color-black); } .add__text > span span { color: var(--color-primary); } .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; 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-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; 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; 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; padding-left: 2px; } .vd-offer-banner__content a { color: var(--color-white); 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 .thumb { -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } @media (max-width: 767px) { .vd-banner__single .thumb { -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } } .vd-banner__single h2 { font-size: 20px; 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; right: 36%; bottom: 34px; } @media (max-width: 767px) { .vd-banner__offer { 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: 20px; 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; opacity: .42; } .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; } @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-one .vdx-banner__img { bottom: 0; } .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; } } .vdx-banner__single-two .vdx-banner__img { right: 30px; } @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: 180px; right: 0; } } @media (max-width: 991px) { .vdx-banner__single-two .vdx-banner__img { max-width: 100px; } } .rd-banner { position: relative; min-height: 456px; padding: 50px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; } @media (max-width: 767px) { .rd-banner { padding: 30px; } } .rd-banner__content > span { font-size: 14px; font-weight: 500; color: var(--color-primary); margin-bottom: 5px; display: inline-block; } .rd-banner__content h3 { font-size: 25px; font-weight: 500; color: var(--color-white); line-height: 33px; margin-bottom: 20px; } .rd-banner__content p { font-size: 14px; color: #949392; font-weight: 600; } .rd-banner__content .upto-offer span { color: var(--color-red); } .rd-banner__content .price { margin-left: 40px; color: var(--color-primary); font-size: 26px; font-weight: 500; } .rd-banner__img { position: absolute; right: 0; bottom: 0; } @media (max-width: 767px) { .rd-banner__img { position: unset; margin-top: 30px; } } .vd-banner__item { min-height: 194px; padding-left: 35px; position: relative; } @media (max-width: 767px) { .vd-banner__item { padding: 30px; } } .vd-banner__item .content > span { color: var(--color-primary); font-weight: 500; display: inline-block; margin-bottom: 10px; text-transform: uppercase; } .vd-banner__item .content h2 { font-size: 16px; color: var(--color-white); margin-bottom: 8px; text-transform: uppercase; } .vd-banner__item .content h3 { font-size: 14px; color: var(--color-white); } .vd-banner__item .content h3 span { color: var(--color-primary); font-size: 16px; font-weight: 500; } .vd-banner__item .content a { font-size: 14px; font-weight: 500; color: var(--color-white); } .vd-banner__item .image { position: absolute; top: 50%; right: 50px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media only screen and (min-width: 1200px) and (max-width: 1500px) { .vd-banner__item .image { right: 0; max-width: 150px; } } @media (max-width: 767px) { .vd-banner__item .image { position: unset; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); margin-top: 20px; } } .vd-banner__offer-box { position: absolute; width: 45px; height: 45px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-direction: column; font-size: 14px; font-weight: 600; line-height: 1.2; background-color: var(--color-primary); color: var(--color-white); right: 44%; bottom: 34px; } .vd-banner__offer-box span { font-size: 12px; color: currentColor; } .vd-banner__item-two .content > span { color: var(--color-red); } .vd-banner__item-two .content h2 { font-size: 18px; } @media only screen and (min-width: 1200px) and (max-width: 1500px) { .vd-banner__item-two .content h2 { font-size: 16px; } } .banner__wrap { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; min-height: 456px; padding: 30px 58px; position: relative; } @media (max-width: 991px) { .banner__wrap { padding: 30px 25px; } } .banner__wrap .banner-img { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 30%; } @media only screen and (min-width: 1200px) and (max-width: 1500px) { .banner__wrap .banner-img { right: 24%; } } @media (max-width: 1199px) { .banner__wrap .banner-img { right: 23%; max-width: 300px; } } @media (max-width: 991px) { .banner__wrap .banner-img { max-width: 200px; } } @media (max-width: 767px) { .banner__wrap .banner-img { position: unset; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .banner__wrap .banner-offer-text { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 60px; } @media only screen and (min-width: 1200px) and (max-width: 1500px) { .banner__wrap .banner-offer-text { right: 0; } } @media (max-width: 1199px) { .banner__wrap .banner-offer-text { max-width: 200px; right: 0; } } @media (max-width: 991px) { .banner__wrap .banner-offer-text { top: auto; bottom: 0; } } @media (max-width: 767px) { .banner__wrap .banner-offer-text { position: unset; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @media (max-width: 767px) { .banner__content { margin-bottom: 50px; } } .banner__content > span { color: var(--color-white); background-color: var(--color-primary); display: inline-block; padding: 5px 16px; font-size: 13px; font-weight: 600; letter-spacing: .5px; line-height: 1.3; margin-bottom: 14px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; } .banner__content h3 { color: var(--color-white); font-size: 42px; line-height: 1.2; margin-bottom: 10px; } @media (max-width: 991px) { .banner__content h3 { font-size: 30px; } } .banner__content p { font-size: 16px; font-weight: 500; color: var(--color-white); margin-bottom: 22px; } .banner__content a { color: var(--color-white); font-size: 16px; } .banner__content a:hover { color: var(--color-white); } .banner__ofer-box { position: absolute; font-size: 21px; font-weight: 700; color: var(--color-white); top: 55px; left: 34%; } @media (max-width: 767px) { .banner__ofer-box { left: auto; right: 2px; } } .banner__ofer-box::before { position: absolute; top: 9px; right: 9px; width: 100%; height: 100%; border: 2px dashed var(--color-white); opacity: .31; content: ""; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; width: 69px; height: 69px; animation: spin 12s infinite linear; -webkit-animation: spin 12s infinite linear; } .banner__ofer-box .offer-text { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; line-height: 20px; } .banner__ofer-box .offer-text span { font-size: 12px; } .banner__ofer-box span { color: currentColor; } .hero-banner__content .subtitle { font-size: 14px; font-weight: 500; color: var(--color-primary); 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; line-height: 1.2; } .hero-banner__content .title { font-size: 32px; font-weight: 600; margin-bottom: 17px; } @media (max-width: 1200px) { .hero-banner__content .title { font-size: 35px; } } @media (max-width: 767px) { .hero-banner__content .title { font-size: 25px; } } .hero-banner__content .content { font-size: 16px; margin-bottom: 40px; font-weight: 500; color: #949392; margin-bottom: 15px; } .hero-banner__content .price { font-size: 29px; } .hero-banner__content .price span { font-size: 33px; color: #FF6D1B; } .banner-product__item { padding: 20px 15px; } .banner-product__img { width: 150px; margin-right: 30px; display: flex; align-items: center; justify-content: center; } @media only screen and (min-width: 1200px) and (max-width: 1500px) { .banner-product__img { width: 110px; margin-right: 10px; } } @media (max-width: 1199px) { .banner-product__img { width: 100%; margin-right: 0; } } .banner-product__content { width: calc(100% - 180px); } @media only screen and (min-width: 1200px) and (max-width: 1500px) { .banner-product__content { width: calc(100% - 120px); } } @media (max-width: 1199px) { .banner-product__content { width: 100%; margin-top: 10px; text-align: center; } } @media (max-width: 1199px) { .banner-product__content .upto-offer { justify-content: center; } } .banner-product__content h2 { font-size: 16px; text-transform: uppercase; margin-bottom: 13px; color: var(--color-black); font-weight: 400; } .banner-product__content h2 span { font-weight: 600; color: currentColor; } .banner-product__content a { color: var(--color-black); font-size: 12px; } .banner-product__content a i { color: var(--color-primary); padding-left: 4px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .banner-product__content a:hover i { padding-left: 6px; } .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; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } .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; background-color: #F1F1F5; } .banner-slide__img { width: 40%; margin-right: 5%; display: flex; align-items: center; justify-content: center; } .banner-slide__content { width: calc(100% - 45%); } .banner-slide__content .offer { font-size: 13px; color: var(--color-primary); font-family: var(--color-dosis); font-weight: 700; text-transform: uppercase; } .banner-slide__content h3 { font-size: 17px; 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: var(--color-primary); font-size: 16px; font-weight: 500; margin-left: 4px; } .banner-slide__content a { color: var(--color-black); 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-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-primary); 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; } .side-product__slide-item .side-product__item:nth-child(3) .side-product__offer { background-color: #FFB801; } .vd-products { padding: 0 1px; } .product__nav { justify-content: flex-end; border: 0; } @media (max-width: 767px) { .product__nav { margin-top: 30px; justify-content: flex-start; } } .product__nav.rd-tab-nav { margin-right: 20%; } @media (max-width: 1199px) { .product__nav.rd-tab-nav { margin-right: 60px; } } @media (max-width: 991px) { .product__nav.rd-tab-nav { margin-top: 30px; } } .product__nav .nav-item:not(:last-child) { margin-right: 30px; } @media (max-width: 1199px) { .product__nav .nav-item:not(:last-child) { margin-right: 25px; } } @media (max-width: 991px) { .product__nav .nav-item:not(:last-child) { margin-right: 20px; } } .product__nav .nav-item .nav-link { font-size: 18px; color: #707070; padding: 0; border: 0; position: relative; font-family: var(--font-dosis); font-weight: 500; border-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; padding: 1px 19px 4px; } @media (max-width: 767px) { .product__nav .nav-item .nav-link { font-size: 16px; } } .product__nav .nav-item .nav-link.active { background-color: var(--color-primary); color: #121416; } .product__nav.style-2 .nav-item:not(:last-child) { margin-right: 30px; } @media (max-width: 1199px) { .product__nav.style-2 .nav-item:not(:last-child) { margin-right: 25px; } } @media (max-width: 991px) { .product__nav.style-2 .nav-item:not(:last-child) { margin-right: 20px; } } .product__nav.style-2 .nav-item .nav-link { font-size: 16px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; padding: 1px 19px 4px; padding: 0; } .product__nav.style-2 .nav-item .nav-link.active { background-color: transparent; color: var(--color-primary); } .product__nav-wrap { border-bottom: 1px solid var(--color-border); margin-top: -30px; } .product__nav-wrap .section-heading { border: 0; padding-bottom: 0; margin-top: 30px; } .product__nav-wrap .section-heading span:before { bottom: -7px; } .product__nav-wrap .product__nav { margin-top: 30px; } .product__nav-wrap.style-2 { padding-bottom: 8px; } .product__nav-wrap.style-2 .section-heading span:before { bottom: -12px; } .product__nav-wrap.style-3 .nav-item .nav-link { background-color: transparent; position: relative; z-index: 1; } .product__nav-wrap.style-3 .nav-item .nav-link::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--color-primary); content: ""; z-index: -1; -webkit-transform: skewX(-10deg); -ms-transform: skewX(-10deg); transform: skewX(-10deg); opacity: 0; } .product__nav-wrap.style-3 .nav-item .nav-link.active { color: var(--color-white); } .product__nav-wrap.style-3 .nav-item .nav-link.active::before { opacity: 1; } .product__item { padding: 33px 17px; position: relative; text-align: center; border-right: 1px solid var(--color-border); border-top: 1px solid var(--color-border); margin-top: -1px; } .badge-skew span{ color: #fff; } .product__item .badge-skew { top: 20px; left: 18px; } .product__item.style-2 { border: 1px solid var(--color-border); margin-top: -1px; margin-right: -1px; text-align: left; padding: 25px 17px; } .product__item.style-3 { border: 0; border-right: 1px solid var(--color-border); margin: 0; padding: 25px 17px 0; } .product__item.style-3 .product__img { padding-top: 20px; padding-bottom: 10px; height: 162px; } .product__item.style-3 .product__title { margin-bottom: 7px; } .product__review { margin-bottom: 4px; } .product__review > span { color: #98928E; font-size: 12px; } .product__title { font-size: 14px; font-weight: 500; line-height: 23px; margin-bottom: 12px; } .product__title a { color: #121416; } .product__img { padding-top: 20px; padding-bottom: 20px; height: 190px; text-align: center; display: flex; align-items: center; justify-content: center; } .product__img img { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .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.color-primary .progress-bar { background-color: var(--color-primary); } .product__progress.h-8 { height: 8px; } .product__progress.h-10 { height: 10px; } .product__progress.h-16 { height: 16px; } .product__progress.mb-0 { margin-bottom: 0; } .product__progress.mb-10 { margin-bottom: 10px; } .product__progress.mb-6 { margin-bottom: 6px; } .product__progress.mt-2 { margin-top: 2px !important; } .product__price { font-size: 14px; } .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__price .off { font-size: 13px; font-weight: 500; color: var(--color-white); background-color: var(--color-primary); padding: 1px 8px; margin-left: 15px; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; } .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; right: 15px; top: 10px; list-style: none; } .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-bottom: 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: var(--color-primary); border-color: var(--color-primary); } .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__action.style-2 { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; justify-content: center; } .product__action.style-2 li:not(:last-child) { margin-bottom: 0; margin-right: 13px; } .product__action.style-2 li:nth-child(2) { transition-delay: .1s; } .product__action.style-2 li:nth-child(3) { transition-delay: .2s; } .product__item:hover .product__action li { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; } .product__badge { position: absolute; top: 0; left: 0; z-index: 1; } .product__badge span { font-size: 11px; font-weight: 700; color: var(--color-white); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); display: inline-block; top: 2px; left: 4px; position: relative; text-transform: uppercase; } .product__badge::before { position: absolute; top: 0; left: 0; border-top: 28px solid var(--color-primary); border-right: 28px solid transparent; border-bottom: 28px solid transparent; border-left: 28px solid var(--color-primary); content: ""; z-index: -1; } .product__action-wrap { position: absolute; top: 13px; right: 15px; display: flex; flex-direction: column; align-items: center; } .product__action-wrap .plus-icon { width: 36px; height: 36px; background: rgba(var(--color-primary-rgb), 0.04); color: var(--color-primary); 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: 170px; margin: auto; margin-bottom: auto; margin-bottom: 20px; } .product__slider-content { padding: 0 7px; } .product__slider-content h3 { font-size: 18px; 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; background-size: cover; background-repeat: no-repeat; } @media only screen and (min-width: 1200px) and (max-width: 1500px) { .product-category { padding: 30px 25px; } } @media (max-width: 1199px) { .product-category { padding: 40px 20px 50px 20px; } } .product-category__title { font-size: 20px; font-weight: 600; margin-bottom: 46px; } .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; } @media (max-width: 1199px) { .product-category ul li a { font-size: 15px; } } .product-category ul li a:hover { color: var(--color-primary); } .product-category ul li a img { width: 25px; margin-right: 30px; } @media (max-width: 1199px) { .product-category ul li a img { margin-right: 15px; } } .product-category ul li.more-item a { text-align: center; color: var(--color-primary); } .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__two { background-color: var(--color-white); border: 1px solid var(--color-primary); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; padding: 35px 40px 40px; } @media only screen and (min-width: 1200px) and (max-width: 1500px) { .product-category__two { padding: 35px 25px 40px; } } @media (max-width: 1199px) { .product-category__two { padding: 30px 20px; } } @media (max-width: 991px) { .product-category__two { margin-right: 0; } } .product-category__two ul li { position: relative; } .product-category__two ul li:not(:last-child) { margin-bottom: 32px; } .product-category__two ul li a { font-size: 16px; color: #232638; display: block; } .product-category__two ul li a:hover { color: var(--color-primary); } .product-category__two 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; } .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-weight: 600; color: var(--color-white); } .countdown .single p { font-size: 11px; font-weight: 500; color: #929292; text-transform: uppercase; } .countdown.style-2 .single h1 { background-color: transparent; color: var(--color-black); border: 1px solid var(--color-border); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .countdown.style-2 .single h1:hover { color: var(--color-white); border-color: var(--color-primary); background-color: var(--color-primary); } .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); } .countdown__black .single h1 { background-color: var(--color-black); } .mr-none-15 { margin-right: -15px; } .feature-product__single { padding: 20px 13px; 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 { margin-bottom: 9px; } .feature-product__product .image { width: 70px; margin-right: 15px; } .feature-product__product .content { width: calc(100% - 85px); } .feature-product__product .title { font-size: 13px; 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: 1199px) { .tx-sidebar { padding-left: 20px; } } @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: 26px; } .tx-widget__product-item .thumb { width: 60px; margin-right: 20px; } .tx-widget__product-item .content { width: calc(100% - 80px); } .tx-widget__product-item .content h3 { font-size: 13px; 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: 45px; } @media (max-width: 1199px) { .tx-widget__wrap.pr-90 { padding-right: 0; } } .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 only screen and (min-width: 1200px) and (max-width: 1500px) { .tab-product-col { padding-right: 15px; } } @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; } .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__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); } @media (max-width: 767px) { .tab-product__item::before { display: none; } } .tab-product__item .thumb { display: flex; align-items: center; justify-content: center; position: relative; } .tab-product__item .content .title { font-size: 14px; line-height: 23px; 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-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-default { position: absolute; top: 0; left: 0; padding: 5px 12px 4px; font-size: 11px; font-weight: 600; background-color: var(--color-primary); display: inline-block; line-height: 1; color: var(--color-white); border-radius: 26px; -webkit-border-radius: 26px; -moz-border-radius: 26px; -ms-border-radius: 26px; -o-border-radius: 26px; text-transform: uppercase; } .badge-skew { font-size: 11px; font-weight: 600; position: absolute; text-transform: uppercase; top: 0; 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-primary); content: ""; width: 100%; height: 100%; z-index: -1; -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); } .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; 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-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:not(:last-child) { margin-right: 45px; } .recent-product__nav .nav-item .nav-link { font-size: 16px; padding: 0; } .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); background-color: transparent; } .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: 20px; } .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; color: #FF7715; text-transform: uppercase; display: inline-block; } .vd-offer-product__content h2 { font-size: 17px; font-weight: 600; text-transform: uppercase; margin-bottom: 7px; } .vd-offer-product__content h3 { font-size: 14px; 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; padding-top: 73px; 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; margin-left: -70px; } @media only screen and (min-width: 1200px) and (max-width: 1500px) { .weekly-product__wrap { margin-left: -50px; } } @media (max-width: 1199px) { .weekly-product__wrap { margin-left: 0; } } .weekly-product__content p { font-size: 13px; line-height: 23px; color: #949392; margin-bottom: 20px; } .weekly-product__title { font-size: 22px; font-weight: 500; 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; } .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 only screen and (min-width: 1200px) and (max-width: 1500px) { .weekly-product__nav .nav-item .nav-link { width: 110px; } } @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; } .rd-slide-products { padding: 30px; border: 1px solid var(--color-primary); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } .rd-product__slide-item .product__item:nth-child(2) { padding-bottom: 0; } .rd-product__item.has-border { border-right: 1px solid var(--color-border); padding-right: 20px; } .rd-product__middle { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; padding: 33px; border: 1px solid var(--color-primary); } .rd-product__middle .product__available { font-size: 14px; } .rd-product__middle .content .title { font-size: 16px; color: var(--color-heading); } .rd-product__middle .content .title a { color: currentColor; } .rd-product__middle .img { padding: 40px 30px; } .rd-product__single { padding: 20px; border: 1px solid #E7E7E7; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; } @media (max-width: 1199px) { .rd-product__single { padding: 20px 15px; } } .rd-product__single .tab-content { width: 40%; margin-right: 5%; } .rd-product__single .content { width: calc(100% - 45%); } .rd-product__single .content .title { font-size: 14px; color: var(--color-heading); margin-bottom: 7px; } .rd-product__single .content .title a { color: currentColor; } .rd-product__single .mf-nav .nav-item:not(:last-child) { margin-right: 7px; } .rd-product__single .mf-nav .nav-item .nav-link { width: 34px; height: 31px; border: 1px solid #F0ECEC; background-color: var(--color-white); padding: 0; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; } @media (max-width: 1199px) { .rd-product__single .mf-nav .nav-item .nav-link { width: 20px; height: 20px; } } .rd-product__single .mf-nav .nav-item .nav-link.active { border-color: var(--color-primary); } .rd-img-nav { border: 0; margin-top: 30px; } .rd-img-nav .nav-item:not(:last-child) { margin-right: 15px; } .rd-img-nav .nav-item .nav-link { width: 62px; height: 56px; padding: 10px; 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; } .rd-img-nav .nav-item .nav-link.active { border-color: var(--color-primary); } .tx-product .product__img img { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .tx-product:hover .product__img img { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); } .hot-deal__item .thumb { padding: 15px 50px; padding-bottom: 30px; display: flex; align-items: center; justify-content: center; } .rd-monthly__item { border: 1px solid #E7E7E7; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; padding: 30px 30px; position: relative; } .rd-monthly__item .title { font-size: 14px; color: var(--color-heading); margin-bottom: 20px; } .rd-monthly__item .title a { color: currentColor; } .rd-monthly__item .image { padding-bottom: 20px; } .rd-monthly__item .badge { background-color: var(--color-primary); font-size: 11px; color: var(--color-white); padding: 6px 15px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; position: absolute; top: 13px; left: 10px; text-transform: uppercase; } .product-cat__images { width: 50%; padding-right: 30px; } @media (max-width: 767px) { .product-cat__images { width: 100%; padding-right: 0; } } .product-cat__content { width: 50%; } @media (max-width: 767px) { .product-cat__content { width: 100%; margin-top: 20px; } } .product-cat__content .title { font-size: 16px; color: var(--color-heading); margin-bottom: 20px; text-transform: capitalize; } .product-cat__content ul li:not(:last-child) { margin-bottom: 12px; } .product-cat__content ul li a { font-size: 14px; color: #232638; } .product-cat__content ul li a:hover { color: var(--color-primary); } .product-cat__item { display: flex; flex-wrap: wrap; } .product-cat__item-two .product-cat__images { width: 45%; padding-right: 15px; } @media (max-width: 1199px) { .product-cat__item-two .product-cat__images { width: 100%; padding-right: 0; } } .product-cat__item-two .product-cat__content { width: 55%; } @media (max-width: 1199px) { .product-cat__item-two .product-cat__content { width: 100%; } } .product-cat__nav { border: 0; margin-top: 10px; } .product-cat__nav .nav-item { margin-top: 10px; } .product-cat__nav .nav-item:not(:last-child) { margin-right: 12px; } .product-cat__nav .nav-item .nav-link { width: 41px; height: 41px; border: 1px solid #E7E7E7; padding: 6px; display: flex; align-items: center; justify-content: center; } .product-cat__nav .nav-item .nav-link.active { border-color: var(--color-primary); } .product-cat__number { position: absolute; top: 14px; left: -2px; width: 28px; height: 28px; background-color: var(--color-primary); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; font-size: 12px; display: flex; align-items: center; justify-content: center; font-weight: 700; color: var(--color-white); } .product-cat__nav-two .nav-item .nav-link { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; padding: 8px; } .product-cat__wrap { padding: 30px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border: 1px solid #E7E7E7; } .rd-category__list { background-color: #F5F5F5; border: 1px solid #EAEAEA; background-size: cover; background-repeat: no-repeat; padding: 32px 45px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; } @media (max-width: 767px) { .rd-category__list { padding: 25px; } } .rd-category__list li.title { font-size: 16px; color: #121416; font-weight: 600; margin-bottom: 17px; } .rd-category__list li:not(:last-child) { margin-bottom: 14px; } .rd-category__list li a { color: #232638; font-size: 14px; text-transform: capitalize; } .rd-category__list li a:hover { color: var(--color-primary); } .hot-deal__slide-wrap { border: 1px solid var(--color-primary); padding: 35px 30px 66px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .hot-deal__slide-wrap.style-2 { padding: 30px; border-width: 2px; } .hot-deal__slide-wrap.style-2 .hot-deal__item .thumb { padding-left: 15px; padding-right: 15px; } .hot-deal__item .title { font-size: 18px; color: var(--color-heading); } .hot-deal__item .title a { color: currentColor; } .rd-tab-product__slide { padding-top: 26px; padding-bottom: 26px; } .rd-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); cursor: pointer; } .rd-tab-product__slide .slick-arrow.slick-next { left: auto; right: -40px; } .rd-products { padding: 10px 20px; border: 1px solid var(--color-primary); } .rd-products__wrap { margin-left: -90px; } @media (max-width: 1199px) { .rd-products__wrap { margin-left: 0; } } .rd-products__nav { padding-bottom: 8px; border-bottom: 1px solid var(--color-border); margin-top: -20px; } .rd-products__nav .section-heading { border: 0; padding-bottom: 0; margin-top: 20px; } .rd-products__nav .section-heading span:before { bottom: -12px; } .rd-products__nav .nav-tabs { border: 0; margin-top: 20px; } .rd-products__nav .nav-tabs .nav-item:not(:first-child) { margin-left: 50px; } @media (max-width: 991px) { .rd-products__nav .nav-tabs .nav-item:not(:first-child) { margin-left: 25px; } } @media (max-width: 767px) { .rd-products__nav .nav-tabs .nav-item:not(:first-child) { margin-left: 15px; } } .rd-products__nav .nav-tabs .nav-item .nav-link { border: 0; padding: 0; font-size: 16px; color: #707070; font-weight: 500; position: relative; } .rd-products__nav .nav-tabs .nav-item .nav-link::before { position: absolute; bottom: -8px; width: 100%; background-color: var(--color-primary); height: 1px; content: ""; opacity: 0; } .rd-products__nav .nav-tabs .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; } .rd-products__nav .nav-tabs .nav-item .nav-link.active { color: #121416; } .rd-products__nav .nav-tabs .nav-item .nav-link.active::before, .rd-products__nav .nav-tabs .nav-item .nav-link.active::after { opacity: 1; } @media (max-width: 767px) { .rd-products__nav .nav-tabs .nav-item .nav-link::before, .rd-products__nav .nav-tabs .nav-item .nav-link::after { display: none; } } @media only screen and (min-width: 1200px) and (max-width: 1500px) { .tx-product-style-01 { margin-left: 0; } } @media (max-width: 1199px) { .tx-product-style-01 { margin-left: 0; } } .col-1-of-5 { width: 20%; } @media (max-width: 1199px) { .col-1-of-5 { width: 33.33%; } } @media (max-width: 991px) { .col-1-of-5 { width: 50%; } } @media (max-width: 767px) { .col-1-of-5 { width: 100%; } } .rd-side__product { padding: 30px; border: 1px solid var(--color-primary); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } .rd-side__product .title { font-size: 16px; font-weight: 500; color: var(--color-heading); } .rd-side__product .title a { color: currentColor; } .rd-side__img { display: flex; align-items: center; justify-content: center; padding: 34px 0 50px; } .rd-side__nav { border: 0; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; } .rd-side__nav .nav-item { margin-top: 10px; } .rd-side__nav .nav-item:not(:last-child) { margin-right: 12px; } .rd-side__nav .nav-item .nav-link { width: 50px; height: 50px; border: 1px solid var(--color-border); padding: 10px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; display: flex; align-items: center; justify-content: center; } .rd-side__nav .nav-item .nav-link.active { border: 1px solid var(--color-primary); } .rd-product__slide-two .slick-arrow { display: flex; align-items: center; justify-content: center; position: absolute; top: 36%; left: -50px; -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); cursor: pointer; } .rd-product__slide-two .slick-arrow.slick-next { left: auto; right: -50px; } .rd-product__slide-wrap { padding: 30px; padding-top: 25px; border: 1px solid var(--color-primary); border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; background-color: var(--color-white); } .rd-product__bg { position: relative; } .rd-product__bg::before { position: absolute; bottom: 0; left: 0; width: 100%; background-color: #F6F6F6; content: ""; width: 100%; height: 50%; z-index: -1; } .rd-parts__wrap { margin-left: -60px; } @media (max-width: 991px) { .rd-parts__wrap { margin-left: 0; } } .rd-parts__products [class^="col-"]:nth-child(5) .product__item, .rd-parts__products [class^="col-"]:nth-child(10) .product__item { border-right: 0; } @media (max-width: 1199px) and (max-width: 1199px) { .rd-parts__products [class^="col-"]:nth-child(5) .product__item, .rd-parts__products [class^="col-"]:nth-child(10) .product__item { border-right: 1px solid var(--color-border); } } @media (max-width: 1199px) { .rd-parts__products [class^="col-"]:nth-child(3) .product__item, .rd-parts__products [class^="col-"]:nth-child(6) .product__item, .rd-parts__products [class^="col-"]:nth-child(9) .product__item { border-right: 0; } } @media (max-width: 767px) { .rd-parts__products .product__item { border-right: 0; } } .rd-product-category__wrap { padding: 37px 45px; border: 1px solid var(--color-primary); border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; margin-right: -70px; } @media only screen and (min-width: 1200px) and (max-width: 1500px) { .rd-product-category__wrap { margin-right: -50px; } } @media (max-width: 1199px) { .rd-product-category__wrap { margin-right: 0; } } @media (max-width: 767px) { .rd-product-category__wrap { padding: 30px 25px; } } .rd-category__left { padding-right: 70px; } @media (max-width: 991px) { .rd-category__left { padding-right: 0; } } .ml-none-70 { margin-left: -70px; } .rd-product-wrap { margin-right: -65px; } @media (max-width: 1199px) { .rd-product-wrap { margin-right: -20px; } } .brand__item { padding: 0 35px; display: flex !important; align-items: center; justify-content: center; min-height: 60px; } @media (max-width: 1199px) { .brand__item { padding: 0 20px; } } /*----------------------------------------*/ /* 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 .news__thumb 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: 16px; } .news__title a { color: currentColor; } .news__meta-author { margin-right: 10px; } .news__meta-author .avatar { margin-right: 7px; width: 20px; height: 20px; } .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 { margin: 0 10px; position: relative; } .news__cat { position: absolute; top: 12px; left: 10px; font-weight: 600; font-size: 13px; background-color: var(--color-primary); display: inline-block; line-height: 1.2; padding: 4px 10px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; color: var(--color-white); text-transform: uppercase; } .news__cat.color-2 { background-color: #F10505; } .news__cat.color-3 { background-color: #FA5D05; } .news__cat.color-4 { background-color: #00C036; } @media only screen and (min-width: 1200px) and (max-width: 1500px) { .blog-post-wrap { margin-right: 65px; } } @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-white); 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: currentColor; 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; } @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; } .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; } @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; } @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; } @media (max-width: 1199px) { .post-details h4 { font-size: 18px; } } @media (max-width: 767px) { .post-details h4 { font-size: 17px; } } .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 span { font-size: 16px; color: #332D2D; padding-left: 30px; position: relative; display: block; } @media (max-width: 767px) { blockquote span { font-size: 15px; margin-top: 10px; } } blockquote span::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); } .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; 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; } .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; } .latest__comments ul.children { margin-left: 100px; } .latest__comments .comments-box { border-top: 1px solid var(--color-border-2); padding: 30px 0; } .latest__comments .avatar-name h5 a { color: var(--color-heading); } .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 li.children { margin-left: 100px; } @media (max-width: 767px) { .latest__comments li.children { margin-left: 0px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .latest__comments li.children { margin-left: 50px; } } .latest__comments .avatar-name { margin-bottom: 15px; overflow: hidden; position: relative; } .latest__comments .avatar-name h5 { font-size: 18px; margin-bottom: 0px; font-weight: 500; } .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 .reply i { margin-right: 5px; } .latest__comments .reply:hover { color: var(--color-primary); } .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; } } @media (max-width: 991px) { .newslater__content { margin-bottom: 30px; text-align: center; } } .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; font-size: 16px; } .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__form button .btn-wrap span:nth-child(2) { left: 0; right: 0; } .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; } @media (max-width: 991px) { .newslater__two { justify-content: center; } } .newslater__two .title { font-size: 30px; text-transform: capitalize; font-weight: 700; } .newslater__two .title span { color: var(--color-primary); } .newslater__two p { color: var(--color-black); } .newslater__two .newslater__form { box-shadow: 0px 10px 15px rgba(221, 221, 221, 0.24); } .newslater__two .newslater__form button { background-color: var(--color-primary); text-transform: uppercase; } .newslater__border { border-bottom: 1px solid #FFEBD8; } @media (max-width: 991px) { .newslater__three { justify-content: center; } } .newslater__three .newslater__content .title { font-size: 36px; text-transform: capitalize; color: var(--color-black); } .newslater__three .newslater__content .title span { color: var(--color-primary); } @media (max-width: 767px) { .newslater__three .newslater__content .title { font-size: 28px; } } .newslater__three .newslater__content p { color: var(--color-black); font-size: 18px; } .newslater__three .newslater__form { width: 735px;} @media only screen and (min-width: 1200px) and (max-width: 1500px) { .newslater__three .newslater__form { max-width: 600px; } } @media (max-width: 1199px) { .newslater__three .newslater__form { max-width: 500px; } } .newslater__three .newslater__form input { height: 72px; font-size: 18px; } .newslater__three .newslater__form button { background-color: var(--color-primary); height: 72px; } @media (max-width: 767px) { .featured { padding-top: 0; } } .featured__item { background-color: #E7E7F2; position: relative; } .featured__shape { position: absolute; left: 40%; top: 80px; animation: animationFramesTwo 35s alternate infinite linear; -webkit-animation: animationFramesTwo 35s alternate infinite linear; } .featured__content > span { font-size: 14px; font-weight: 500; color: var(--color-primary); display: inline-block; margin-bottom: 5px; } .featured__content h2 { font-size: 36px; font-weight: 500; text-transform: uppercase; line-height: 50px; margin-bottom: 4px; } @media (max-width: 767px) { .featured__content h2 { font-size: 24px; line-height: 34px; } } .featured__content p { font-size: 14px; font-weight: 600; color: #949392; } .featured__content .price { font-size: 26px; font-weight: 500; margin-left: 30px; color: var(--color-primary); } .featured__big { min-height: 547px; padding: 50px 80px; padding-right: 10px; } @media only screen and (min-width: 1200px) and (max-width: 1500px) { .featured__big { padding: 50px; } } @media (max-width: 1199px) { .featured__big { padding: 40px; min-height: 520px; } } @media (max-width: 767px) { .featured__big { background-position: 0%; min-height: 400px; padding: 30px 20px; } } .featured__offer-item { min-height: 268px; padding: 30px; } .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; text-transform: capitalize; margin-bottom: 10px; } .featured__offer-item a { font-size: 14px; color: var(--color-black); 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: 400px; } } @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; } .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: 40px; margin-right: 20px; display: flex; align-items: center; justify-content: center; } .feature__item .content { width: calc(100% -60px); } .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__slider { padding-bottom: 7px; } .feedback__content { text-align: center; } .feedback__content span { font-size: 12px; } .feedback__content h4 { font-size: 16px; } .feedback__img { overflow: hidden; display: flex !important; align-items: center; justify-content: center; cursor: pointer; } .feedback__img img { width: 35px; height: 35px; padding: 2px; 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 4px 10px rgba(30, 52, 94, 0.07); } .feedback__nav { max-width: 150px; margin: auto; margin-top: 30px; } .feedback__nav .slick-arrow { display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; left: -20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: transparent; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; z-index: 1; color: #BEB9B9; cursor: pointer; } .feedback__nav .slick-arrow:hover { color: #FF1B1B; } .feedback__nav .slick-arrow.slick-next { left: auto; right: -20px; } .feedback__nav .slick-center img { -webkit-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); } /* breadcrumb css */ .breadcrumb-area { padding: 30px 0; } .radios-breadcrumb li { color: var(--color-primary); } .radios-breadcrumb ul { margin-bottom: 0px; flex-wrap: wrap; } .radios-breadcrumb li { font-size: 16px; position: relative; } @media (max-width: 767px) { .radios-breadcrumb li { font-size: 14px; } } .radios-breadcrumb li:not(:last-child) { margin-right: 26px; } .radios-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: -10px; top: 2px; color: #706C6C; font-size: 13px; } .radios-breadcrumb li a { text-decoration: none; color: var(--color-default); } .radios-breadcrumb li a span { color: #706C6C; } .radios-breadcrumb li span { color: var(--color-primary); } .radios-breadcrumb.breadcrumbs { position: relative; z-index: 1; } /*----------------------------------------*/ /* 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: 0 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; } @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; } @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 { display: none; } .shop-section .products { overflow: hidden; margin: 0 -15px; } .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) !important; float: none !important; } } .shop-section .products.three-column > li { width: calc(33.33% - 30px); } .shop-section .products.three-column .product { border: 1px solid var(--color-border); padding: 30px; min-height: 431px; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { min-height: 411px; } @media (max-width: 1300px) { .shop-section .products.three-column > li { width: calc(50% - 30px); } } @media (max-width: 500px) { .shop-section .products.three-column > li { width: calc(100% - 30px) !important; float: none !important; } } .shop-section .products.list-view { overflow: hidden; } .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; } } @media (max-width: 600px) { .admin-bar .header .uk-active { margin-top: 0 !important; } .slick-arrow { display: none !important; } } .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; height: 262px; display: flex; align-items: center; justify-content: center; } .shop-area .product-holder img { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .shop-area .product { position: relative; } .shop-area .product:hover .product__action li { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .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-primary); background-color: rgba(var(--color-primary-rgb), 0.11); } .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.3em; text-transform: capitalize; } .shop-area .product-info h4 a { color: var(--color-black); } .shop-area .product-info h4 a:hover { color: var(--color-black); } .product__price ins span { color: #E51A1A; font-weight: 500; } .shop-area .product-info .woocommerce-Price-amount span { color: inherit; } .shop-area .product-info ins { font-weight: 500; color: var(--color-primary); text-decoration: none; } .shop-area .product-info del span { text-decoration: line-through; } .shop-area .product-info del { display: inline-block; padding-right: 8px; color: #a9a9a9; } .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 { 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: 60px; 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; } .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: 15px; color: #434D55; line-height: 30px; } .product-details h2 { font-size: 30px; margin-bottom: 10px; font-weight: 500; } @media (max-width: 767px) { .product-details h2 { font-size: 24px; } } .shop-single-section .product-details .price { font-size: 18px; margin: 0.4em 0 0.7em; font-weight: 500; color: var(--color-black); } .shop-single-section .product-details .price span { color: currentColor; } .shop-single-section .product-details .price .old { font-size: 18px; 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; } .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; } .realted-porduct .woocommerce-product-details__short-description { display: none; } .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-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 { 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); color: var(--color-white); } @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; 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); } .realted-porduct .product__action li .compare-button a.added:after { left: 18px !important; } @media (max-width: 1199px) { .shop-single-section .products > li { width: calc(50% - 30px) !important; } } @media (max-width: 500px) { .shop-single-section .products > li { width: calc(100% - 30px); float: none; } } .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-default); font-weight: 500; } .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; 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 .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 !important; font-size: 15px !important; } .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; } .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 .form-row.form-row-first, .checkout-section .checkout.woocommerce-checkout form .form-row.form-row-last, .checkout-section .checkout.woocommerce-checkout .form-row.form-row-first, .checkout-section .checkout.woocommerce-checkout .form-row.form-row-last { width: 50%; float: left; } .checkout-section .checkout.woocommerce-checkout form .form-row.form-row-first, .checkout-section .checkout.woocommerce-checkout .form-row.form-row-first { padding-right: 15px; } .checkout-section .checkout.woocommerce-checkout form .form-row.form-row-last, .checkout-section .checkout.woocommerce-checkout .form-row.form-row-last { padding-left: 15px; } } .checkout-section .checkout.woocommerce-checkout .form-row label.checkbox, .checkout-section .checkout.woocommerce-checkout .woocommerce-shipping-fields label.checkbox { display: inline-block; } .checkout-section .checkout.woocommerce-checkout .form-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::before, .woocommerce-info::before, .woocommerce-message::before { top: 16px; } .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 45px; 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 .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: 2em; 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); color: #fff; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { padding: 12px 15px; } .woocommerce form .form-row label.inline { display: inline; padding-left: 15px; } .woocommerce h3 { font-size: 22px; font-size: 1.4666666667rem; margin: 1em 0 1.5em; } abbr, abbr[title] { border-bottom: 1px dotted #0a0a0a; cursor: help; text-decoration: none; } @media (max-width: 767px) { .woocommerce form .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; } .widget__title span { position: relative; color: currentColor; padding-right: 7px; } .widget__title span::before { position: absolute; bottom: -12px; left: 0; width: 100%; content: ""; background-color: var(--color-primary); height: 1px; } .widget__search { position: relative; } .widget__search input { height: 50px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border: 1px solid #E1E0E0; width: 100%; 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__category li:not(:last-child) { margin-bottom: 15px; } .widget__category li a { font-size: 16px; color: #232638; display: flex; align-items: center; justify-content: space-between; } .widget__category li a:hover { color: var(--color-primary); } .widget__category 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; 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: 20px; -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; } .form-check-input:checked { background-color: var(--color-primary); border-color: var(--color-primary); box-shadow: none; } .form-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 transparent; } .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; } .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; } .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: var(--color-primary); 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__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); 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; } } .about__content p { font-size: 16px; line-height: 30px; } @media (max-width: 1199px) { .about__content p br { display: none; } } .about__content h2 { font-size: 38px; margin-bottom: 20px; } @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; } @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; } .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; } .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-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: var(--color-white); 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: var(--color-white); background-color: var(--color-primary-rgb); } .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; } .about-info__item p { font-size: 14px; line-height: 26px; } .about-info__tab-wrap h2 { font-size: 38px; margin-bottom: 25px; } @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.active { color: var(--color-white); } .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); } @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; 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 .form-check-label { font-size: 15px; font-weight: 400; color: #474645; -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); } .account__input-field .form-check-label a { color: var(--color-primary); } .account__btn .thm-btn { padding: 13px 30px; font-size: 16px; } /*----------------------------------------*/ /* 13. 404 /*----------------------------------------*/ .error__text h1 { font-size: 340px; color: rgba(60, 58, 70, 0.14); 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; } @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__info li { font-size: 16px; color: #6D7484; display: flex; align-items: center; } .footer__info li:not(:last-child) { margin-bottom: 10px; } .footer__info li i { width: 36px; height: 36px; background-color: var(--color-primary); display: flex; align-items: center; justify-content: center; color: var(--color-white); margin-right: 11px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; font-size: 15px; } .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-primary); } .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; } } .footer__widget:nth-child(3) { padding-left: 80px; } @media (max-width: 1199px) { .footer__widget:nth-child(3) { padding-left: 40px; } } @media (max-width: 991px) { .footer__widget:nth-child(3) { padding-left: 15px; } } .footer__widget:nth-child(4) { padding-left: 80px; } @media (max-width: 1199px) { .footer__widget:nth-child(4) { padding-left: 40px; } } @media (max-width: 991px) { .footer__widget:nth-child(4) { padding-left: 15px; } } @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; } .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; color: #949392; } .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; color: #929292; } .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 #FFEBD8; padding: 30px 0; padding-top: 15px; } .footer__copyright { font-size: 18px; } .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: var(--color-white); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; font-size: 13px; color: #6A7695; display: flex; align-items: center; justify-content: center; box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.01); } .footer__social a:not(:last-child) { margin-right: 15px; } .footer__social a:hover { background-color: var(--color-primary); color: #fff; } .footer__style-two .footer__widget .title, .footer__style-two .newslater__two .title { color: var(--color-white); } .footer__style-two .newslater__two p { color: #8A8B90; } .footer__style-two .newslater__border, .footer__style-two .footer__bottom { border-color: rgba(var(--color-white-rgb), 0.1); } .footer__style-two .footer__copyright { color: #fff; } .footer__style-two .newslater__form { box-shadow: none; } .footer__style-two .newslater__form input { background: #1D1817; color: var(--color-white); } .footer__style-two .footer__social a { background-color: #1D1817; color: var(--color-white); } .footer__style-two .footer__social a:hover { background-color: var(--color-primary); } .footer__style-three .footer__widget .title { color: var(--color-white); } .footer__style-three .newslater__two p { color: #8A8B90; } .footer__style-three .newslater__border, .footer__style-three .footer__bottom { border-color: rgba(var(--color-white-rgb), 0.1); } .footer__style-three .footer__copyright { color: #fff; } .footer__style-three .footer__social a { background-color: #1D1817; color: var(--color-white); } .footer__style-three .footer__social a:hover { background-color: var(--color-primary); } /*# sourceMappingURL=main.css.map */ /* Single Shop */ .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { float: none; width: 100%; } .single-product div.product .woocommerce-product-gallery .flex-viewport { width: 75%; float: left; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img { width: 90%; float: none; margin: 0 0 10% 10%; } .woocommerce div.product div.images .flex-control-thumbs li { float: none; width: 100%; margin-bottom: 20px; } .woocommerce div.product div.images .flex-control-thumbs li:last-child { margin-bottom: 0; } .woocommerce div.product div.images .flex-control-thumbs li img { 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 rgb(221 221 221 / 15%); opacity: 1; margin: 0 auto; } .flex-viewport { border: 1px solid var(--color-border); padding: 70px 50px; min-height: 500px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .woocommerce div.product div.images { margin-bottom: 0; } .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: 16px 33px; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { float: none; width: 100%; } @media (max-width: 1023px) { .single-product div.product .woocommerce-product-gallery .flex-viewport { width: 100% !important; float: none !important; } .woocommerce div.product div.images .flex-control-thumbs li { float: left !important; width: 90px !important; margin: 8px 5px !important; } .flex-viewport { padding: 0 !important; min-height: auto !important; } .woocommerce div.product div.images .flex-control-thumbs li img { margin: 0 !important; width: 90px!important; height: 90px!important; } .woocommerce div.product div.images .flex-control-thumbs { margin-top: 10px; } } @media (max-width: 500px) { .single-product div.product .woocommerce-product-gallery .flex-viewport { width: 100% !important; float: none !important; } .woocommerce div.product div.images .flex-control-thumbs li { float: left !important; width: 63px !important; margin: 0 5px !important; } .flex-viewport { padding: 0 !important; min-height: auto !important; } .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 { margin-top: 10px; } } .product-info { top: 25px; position: relative; }