/*common css*/ body { font-family: "Open Sans", sans-serif; font-size: 14px; color: #666; line-height: 24px } .home-20 { background: #f5f5f5 } #main-20{ overflow:visible; width:100%; max-width:1530px; margin:0 auto; background:#fff; position:relative; } ul { margin: 0; padding: 0; list-style: none } h1, h2, h3, h4, h5, h6 { margin: 0 } a { text-align: center; text-decoration: none; transition: .3s } a:hover { text-decoration: none } p { margin: 0 } button { outline: none } @media (min-width:1200px) { body{ overflow-x:hidden; } .container { width: 100%; max-width: 1440px; padding-left: 15px; padding-right: 15px; } img{ max-width:100%; height:auto; } } @media (min-width:1920px) { .container-fluid { padding: 0 90px; max-width: 1920px } } .border-1px { border: 1px solid #ebebeb; border-radius: 5px } .border-t-1px { border-top: 1px solid#ebebeb } .list-product.border-b-0 { border-bottom-color: transparent } #backgroung-content { background: #f5f5f5; padding-top: 60px; padding-bottom: 1px } .hidden { display: none } .img-responsive { display: block; max-width: 100%; height: auto } .mtb-60px { /*margin: 60px 0*/ margin: 10px 0 } .ptb-100px { padding: 100px 0 } .mb-60px { margin-bottom: 60px } .mr-30px { margin-right: 30px } .mlr-10px { margin: 0 10px } .plr-15px { padding: 0 15px } .mb-40px { margin-bottom: 40px } .mt-50px { margin-top: 50px } .mt-53px { margin-top: 53px } .mt-60px { margin-top: 60px } .mb-30px { margin-bottom: 30px } .mt-20 { margin-top: 20px } .mb-20px { margin-bottom: 20px } .mt-30 { margin-top: 30px } .mt-50 { margin-top: 50px } .mb-50px { margin-bottom: 50px } .m-0px { margin: 0 } .row.mr-0px { margin-right: 0 } .row.ml-0px { margin-left: 0 } .row.mlr-30px { margin-left: -30px; margin-right: -30px } .position-relative { position: relative } .plr-0px { padding: 0 } .mb-0 .list-product { margin-bottom: 0 } .mt-40 { margin-top: 40px } .owl-dot-style .owl-dots { bottom: 26px; left: 0; position: absolute; right: 0; text-align: center } .owl-dot-style .owl-dots .owl-dot { background: #fff none repeat scroll 0 0; border-radius: 100%; display: inline-block; height: 14px; margin: 0 5px; width: 14px; transition: .3s } .owl-dot-style .owl-dots .owl-dot:hover { background: #4fb68d none repeat scroll 0 0 } .owl-dot-style .owl-dots .owl-dot.active { background: #4fb68d none repeat scroll 0 0 } .home-cosmatics .owl-dot-style .owl-dots .owl-dot:hover { background: #c0b07d none repeat scroll 0 0 } .home-cosmatics .owl-dot-style .owl-dots .owl-dot.active { background: #c0b07d none repeat scroll 0 0 } .home-electronic .owl-dot-style .owl-dots .owl-dot:hover { background: #0090f0 none repeat scroll 0 0 } .home-electronic .owl-dot-style .owl-dots .owl-dot.active { background: #0090f0 none repeat scroll 0 0 } .home-cosmatics .slider-7.owl-dot-style .owl-dots .owl-dot:hover { background: #253237 none repeat scroll 0 0 } .home-cosmatics .slider-7.owl-dot-style .owl-dots .owl-dot.active { background: #253237 none repeat scroll 0 0 } .home-electronic .slider-hm11.owl-dot-style .owl-dots .owl-dot.active { background: #253237 none repeat scroll 0 0 } .home-electronic .owl-dot-style .owl-dots .owl-dot:hover { background: #253237 none repeat scroll 0 0 } .home-furniture .owl-dot-style .owl-dots .owl-dot.active { background: #ef1e1e none repeat scroll 0 0 } .home-furniture .owl-dot-style .owl-dots .owl-dot:hover { background: #ef1e1e none repeat scroll 0 0 } .home-medical .owl-dot-style .owl-dots .owl-dot.active { background: #0bbfbd none repeat scroll 0 0 } .home-medical .owl-dot-style .owl-dots .owl-dot:hover { background: #0bbfbd none repeat scroll 0 0 } .owl-nav-style .owl-nav>div.owl-prev { right: 43px } .owl-nav-style.owl-nav-style-5 .owl-nav>div { top: -52px } .responsive-owl-nav-style.owl-nav-style.owl-nav-style-5 .owl-nav>div { top: -52px } .owl-nav-style .owl-nav>div { position: absolute; top: -71px; display: inline-block; font-size: 0; line-height: 1; cursor: pointer; text-align: center; color: #888; width: 34px; height: 34px; border: 1px solid #ebebeb; background: #fff; z-index: 1; opacity: 1; border-radius: 100%; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear } .owl-nav-style .owl-nav>div.owl-prev:before { content: "\f3d2" } .owl-nav-style .owl-nav>div:before { font-size: 14px; line-height: 32px; display: block; font-family: "Ionicons"; font-weight: 600 } .owl-nav-style .owl-nav>div.owl-next:before { content: "\f3d3" } .owl-nav-style .owl-nav>div.owl-next { right: 0 } .brand-slider.owl-nav-style .owl-nav>div.owl-next { right: 15px } .slider-home-16.owl-nav-style .owl-nav>div.owl-next { right: 15px } .owl-nav-style .owl-nav>div:hover { color: #fff; border-color: #4fb68d; background-color: #4fb68d } .home-cosmatics .owl-nav-style .owl-nav>div:hover { color: #fff; border-color: #c0b07d; background-color: #c0b07d } .home-medical .owl-nav-style .owl-nav>div:hover { color: #fff; border-color: #0bbfbd; background-color: #0bbfbd } .home-electronic .owl-nav-style .owl-nav>div:hover { color: #fff; border-color: #0090f0; background-color: #0090f0 } .custom-nav-style.responsive-owl-nav-style.owl-nav-style .owl-nav>div:hover { box-shadow: 0 0 13.95px 1.05px rgba(0, 0, 0, .17) } .custom-nav-style.owl-nav-style .owl-nav>div.owl-prev { right: 63px } .custom-nav-style.owl-nav-style .owl-nav>div.owl-next { right: 20px } .responsive-owl-nav-style.owl-nav-style .owl-nav>div { top: -55px } .custom-nav-style.responsive-owl-nav-style.owl-nav-style .owl-nav>div { top: -44px } .responsive-owl-nav-style.owl-nav-style.owl-nav-style-4 .owl-nav>div { top: -92px } .owl-nav-style-4 .owl-nav>div:hover { color: #fff; border-color: #ef1e1e; background-color: #ef1e1e } .home-furniture .owl-nav-style .owl-nav>div:hover { color: #fff; border-color: #ef1e1e; background-color: #ef1e1e } .owl-nav-style-3 .owl-nav>div { position: absolute; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; font-size: 0; line-height: 1; cursor: pointer; text-align: center; color: #888; width: 54px; height: 54px; border: 1px solid #ebebeb; background: #fff; z-index: 5; opacity: 0; border-radius: 100%; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; margin-top: -15px } .owl-nav-style-3 .owl-nav>div.owl-prev { left: -55px } .owl-nav-style-3 .owl-nav>div.owl-prev:before { content: "\f3d2" } .owl-nav-style-3 .owl-nav>div.owl-next:before { content: "\f3d3" } .owl-nav-style-3 .owl-nav>div:before { font-size: 18px; line-height: 52px; display: block; font-family: "Ionicons" } .owl-nav-style-3 .owl-nav>div.owl-next { right: -55px } .owl-nav-style-3:hover .owl-nav>div { opacity: 1 } .owl-nav-style-3 .owl-nav>div:hover { color: #fff; border-color: #ef1e1e; background-color: #ef1e1e } .home-furniture .owl-nav-style-2 .owl-nav>div { width: 54px; height: 54px; margin-top: -27px } .home-furniture .owl-nav-style-2 .owl-nav>div:before { font-size: 18px; line-height: 54px } .single-product-slider-active.owl-nav-style-2 .owl-nav>div.owl-next { right: 15px } .single-product-slider-active.owl-nav-style-2 .owl-nav>div { background: #4fb68d } .single-product-slider-active.owl-nav-style-2 .owl-nav>div:before { color: #fff } .owl-nav-style-2 .owl-nav>div { position: absolute; top: 50%; display: inline-block; font-size: 0; line-height: 1; cursor: pointer; text-align: center; color: #888; width: 34px; height: 34px; border: 1px solid #ebebeb; background: #fff; z-index: 1; opacity: 1; border-radius: 100%; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; margin-top: -17px; opacity: 0; visibility: hidden } .owl-nav-style-2 .owl-nav>div.owl-prev { left: 15px } .owl-nav-style-2:hover .owl-nav>div { opacity: 1; visibility: visible } .modal-dialog { margin: 0% auto; max-width: 960px; width: 960px; padding: 35px } .modal-dialog .modal-body { padding: 35px 15px } .modal-dialog .quickview-big-img img { width: 100% } .modal-header .close { outline: none } .modal-dialog .owl-nav-style-2 .owl-nav>div { width: 20px; height: 20px; margin-top: -10px } .modal-dialog .owl-nav-style-2 .owl-nav>div.owl-prev { left: 0 } .modal-dialog .owl-nav-style .owl-nav>div:before { font-size: 12px; line-height: 20px } .modal { z-index: 9999 } .modal { top: 50px } .modal .pro-details-size-color { margin: 15px 0 0 } #scrollUp { width: 50px; height: 50px; background-color: #4fb68d; color: #fff; right: 20px; bottom: 100px; text-align: center; overflow: hidden; border-radius: 50px; z-index: 9811 !important } .home-furniture #scrollUp { background-color: #ef1e1e } .home-cosmatics #scrollUp { background-color: #c0b07d } .home-electronic #scrollUp { background-color: #0090f0 } .home-medical #scrollUp { background-color: #0bbfbd } #scrollUp i { display: block; line-height: 50px; font-size: 22px } #scrollUp:hover i { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } @keyframes fadeInUp { 0% { opacity: 0; transform: translate3d(0, 100px, 0) } 100% { opacity: 1; transform: none } } .owl-item .slider-content * { -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .owl-item.active .slider-animated-1 h1 { -webkit-animation-delay: 1.3s; animation-delay: 1.3s; -webkit-animation-name: fadeInUp; animation-name: fadeInUp } .owl-item.active .slider-animated-1 a { -webkit-animation-delay: 1.6s; animation-delay: 1.6s; -webkit-animation-name: fadeInUp; animation-name: fadeInUp } .owl-item.active .slider-animated-1 span { -webkit-animation-delay: 1.0s; animation-delay: 1.0s; -webkit-animation-name: fadeInUp; animation-name: fadeInUp } .owl-item.active .slider-animated-1 p { -webkit-animation-delay: 1.0s; animation-delay: 1.0s; -webkit-animation-name: fadeInUp; animation-name: fadeInUp } .home-18 .main-navigation ul li ul.mega-menu-wrap { left: -200px } .main-navigation ul li ul.mega-menu-wrap { background-color: #fff; display: block; left: 0; padding: 30px 30px 30px 30px; position: absolute; text-align: left; top: 100%; width: 1110px; z-index: 9999; -webkit-box-shadow: 0 0 3.76px .24px rgba(0, 0, 0, .15); box-shadow: 0 0 3.76px .24px rgba(0, 0, 0, .15); opacity: 0; visibility: hidden; -o-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; transform-style: preserve-3d; -o-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotateX(-75deg); -o-transform: rotateX(-75deg); -moz-transform: rotateX(-75deg); -webkit-transform: rotateX(-75deg) } .vertical-menu ul li ul.mega-menu-wrap { position: absolute; z-index: 9; visibility: hidden; opacity: 0; text-align: left; top: 0; left: 100%; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); width: 900px; padding: 30px 30px 30px 30px; background-color: #fff; -webkit-box-shadow: 0 0 3.76px .24px rgba(0, 0, 0, .15); box-shadow: 0 0 3.76px .24px rgba(0, 0, 0, .15) } .vertical-menu-wrap .menu-dropdown:hover>.mega-menu-wrap { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -o-transition: -o-transform 0.3s, opacity 0.3s; -ms-transition: -ms-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s } .menu-dropdown:hover>.mega-menu-wrap { opacity: 1; visibility: visible; transform: rotateX(0deg); -o-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -o-transition: -o-transform 0.3s, opacity 0.3s; -ms-transition: -ms-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s } .mega-menu-title { display: block; width: 100%; float: inherit } .main-navigation ul li ul.mega-menu-wrap>li ul li { display: block; float: inherit; padding: 0 } .vertical-menu ul li ul.mega-menu-wrap>li ul li { display: block; float: inherit; padding: 0 } .main-navigation ul li ul.mega-menu-wrap>li ul li a { color: #888; text-transform: capitalize; font-weight: 400; font-size: 14px; display: block; padding: 0; line-height: 27px } .vertical-menu ul li ul.mega-menu-wrap>li ul li a { color: #888; text-transform: capitalize; font-weight: 400; font-size: 14px; display: block; padding: 0; line-height: 32px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; border: 0 } .main-navigation ul li ul.mega-menu-wrap>li ul li a:hover { color: #4fb68d; -moz-transform: translateX(10px); -webkit-transform: translateX(10px); -o-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px) } .vertical-menu ul li ul.mega-menu-wrap>li ul li a:hover { -moz-transform: translateX(10px); -webkit-transform: translateX(10px); -o-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px) } .home-cosmatics .main-navigation ul li ul.mega-menu-wrap>li ul li a:hover { color: #c0b07d } .home-cosmatics .main-navigation ul li ul.mega-menu-wrap>li ul li.mega-menu-title a:hover { color: #c0b07d } .home-cosmatics .vertical-menu ul li ul.mega-menu-wrap>li ul li a:hover { color: #c0b07d } .home-cosmatics .vertical-menu ul li ul.mega-menu-wrap>li ul li.mega-menu-title a:hover { color: #c0b07d } .home-electronic .main-navigation ul li ul.mega-menu-wrap>li ul li a:hover { color: #0090f0 } .home-electronic .main-navigation ul li ul.mega-menu-wrap>li ul li.mega-menu-title a:hover { color: #0090f0 } .main-navigation ul li ul.mega-menu-wrap>li ul li.mega-menu-title a:hover { color: #4fb68d; -moz-transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .home-furniture .main-navigation ul li ul.mega-menu-wrap>li ul li.mega-menu-title a:hover { color: #ef1e1e } .home-furniture .main-navigation ul li ul.mega-menu-wrap>li ul li a:hover { color: #ef1e1e } .home-medical .main-navigation ul li ul.mega-menu-wrap>li ul li.mega-menu-title a:hover { color: #0bbfbd } .home-medical .main-navigation ul li ul.mega-menu-wrap>li ul li a:hover { color: #0bbfbd } .main-navigation ul li ul.mega-menu-wrap>li.w-100 ul li>a:hover { -moz-transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .vertical-menu ul li ul.mega-menu-wrap>li ul li.mega-menu-title a:hover { -moz-transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .main-navigation ul li ul.mega-menu-wrap>li ul li.mega-menu-title a { color: #253237; line-height: 1; text-transform: capitalize; font-size: 14px; font-weight: 700; display: block; margin-bottom: 15px } .vertical-menu ul li ul.mega-menu-wrap>li ul li.mega-menu-title a { color: #253237; line-height: 1; text-transform: capitalize; font-size: 14px; font-weight: 700; display: block; margin-bottom: 15px } .main-navigation ul li ul.mega-menu-wrap>li { display: inline-block; float: left; margin-left: 0; padding: 0; width: 25% } .main-navigation ul li ul.mega-menu-wrap>li.w-100 { width: 100% !important; margin-top: 20px } .vertical-menu ul li ul.mega-menu-wrap>li { display: inline-block; float: left; margin-left: 0; padding: 0; width: 25% } .main-navigation ul li ul.mega-menu-wrap>li.banner-wrapper { width: 100%; margin-top: 20px } .main-navigation ul li ul.mega-menu-wrap>li.banner-wrapper a img { width: 100% } .vertical-menu ul li ul.mega-menu-wrap>li.banner-wrapper { width: 100%; margin-top: 30px } .vertical-menu ul li ul.mega-menu-wrap>li.banner-wrapper a img { width: 100% } .vertical-menu ul li ul.mega-menu-wrap>li.banner-wrapper a { padding: 0 } .main-navigation ul li ul.mega-menu-wrap>li.banner-wrapper a { padding: 0 } .home-furniture .home-9.vertical-menu ul li ul.mega-menu-wrap>li ul li.banner-wrapper a:hover { transform: translateX(0); padding: 0 } .home-4 .main-navigation ul li ul.mega-menu-wrap { left: -200px } .home-5 .main-navigation ul li ul.mega-menu-wrap { left: -200px } .home-6 .main-navigation ul li ul.mega-menu-wrap>li ul li a { padding: 0 } h3.vertical-menu-heading { color: #fff; background: #ab9b69; font-size: 14px; font-weight: 700; text-transform: uppercase; height: 60px; line-height: 32px; padding: 15px 20px; cursor: pointer; margin: 0 } h3.vertical-menu-heading:before { content: '\f394'; display: inline-block; font-size: 24px; font-family: "Ionicons"; font-weight: 400; line-height: 32px; margin-right: 10px; text-align: center; vertical-align: -3px } h3.vertical-menu-heading:after { content: '\f3d0'; display: inline-block; font-size: 12px; font-family: "Ionicons"; font-weight: 400; margin-left: 7px; float: right } ul.vertical-menu-wrap li>a { position: relative; display: block; overflow: hidden; line-height: 24px; text-transform: capitalize; word-wrap: break-word; background: #fff; color: #253237; padding: 15px 20px; font-size: 14px; font-weight: 700; transition: none; border-bottom: 1px solid #eaeaea; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear } .vertical-menu-wrap { display: none; width: 100%; background: #fff; box-shadow: 0 0 3.76px .24px rgba(0, 0, 0, .15); position: absolute; top: 100%; left: 0; min-width: 270px; z-index: 9999 } .vertical-menu { height: 60px; width: 270px; position: relative } ul.vertical-menu-wrap li>a i { position: absolute; right: 20px; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; transform: rotate(-90deg) } ul.vertical-menu-wrap li>a#more-btn i { left: 20px; right: auto; transform: rotate(0deg) } .hero-side-category nav.category-menu>ul>li>a i { position: absolute; right: 30px } .hero-side-category nav.category-menu>ul>li>a#more-btn>i { position: initial } ul.vertical-menu-wrap li>a#more-btn { padding-left: 40px } .home-cosmatics ul.vertical-menu-wrap li>a:hover { color: #c0b07d } .home-furniture ul.vertical-menu-wrap li>a:hover { color: #ef1e1e } .home-cosmatics ul.vertical-menu-wrap li:hover>a { color: #c0b07d } .home-furniture ul.vertical-menu-wrap li:hover>a { color: #ef1e1e } .home-electronic ul.vertical-menu-wrap li>a:hover { color: #0090f0 } .home-electronic ul.vertical-menu-wrap li:hover>a { color: #0090f0 } .home-9.vertical-menu ul li ul.mega-menu-wrap>li { width: 33.33% } .home-14 .home-9.vertical-menu ul li ul.mega-menu-wrap>li { width: 25% } .home-9 h3.vertical-menu-heading { color: #253237; background: #fff } .home-10 h3.vertical-menu-heading { color: #fff; background: #0583d7 } .home-10.home-14 h3.vertical-menu-heading { color: #fff; background: #d61313 } .home-9.vertical-menu ul li ul.mega-menu-wrap>li ul li a { color: #253237 } .home-electronic .home-9.vertical-menu ul li ul.mega-menu-wrap>li ul li a:hover { color: #0090f0 } .home-furniture .home-9.vertical-menu ul li ul.mega-menu-wrap>li ul li a:hover { color: #ef1e1e } .vertical-menu .sub-menu { -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); background-color: #fff; -webkit-box-shadow: 0 0 3.76px .24px rgba(0, 0, 0, .15); box-shadow: 0 0 3.76px .24px rgba(0, 0, 0, .15); left: 100% !important; min-width: 250px; top: 0 } .vertical-menu .menu-dropdown:hover>.sub-menu { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -o-transition: -o-transform 0.3s, opacity 0.3s; -ms-transition: -ms-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s } .vertical-menu-wrap li>.sub-menu a { font-weight: 400; padding: 10px 20px } .vertical-menu-wrap li>.sub-menu a:hover { padding-left: 30px } ul.vertical-menu-wrap li a { padding: 10px 20px } .home-9 ul.vertical-menu-wrap li a { font-weight: 400 } .sub-menu.sub-menu-2 { left: 100% !important; transform: translateY(-30px) } li.menu-dropdown.position-static:hover .sub-menu.sub-menu-2 { transform: translateY(-40px) } .hero-side-category { width: 100%; position: relative } .category-toggle-wrap { width: 100% } .category-toggle-wrap .category-toggle { padding: 17px 25px; margin: 0; border: none; background-color: transparent; color: #253237; font-size: 13px; text-transform: uppercase; font-weight: 700; line-height: 20px; width: 100%; text-align: left; outline: none; border: 1px solid#253237; margin-bottom: 15px } .hero-side-category .category-toggle-wrap .category-toggle i { font-size: 18px; transform: translate(-3px, 3px) } .hero-side-category nav.category-menu { background-color: #fff; float: left; width: 100%; left: 0; top: 100%; border: 1px solid #ebebeb; position: absolute; display: none; z-index: 2; height: 500px; overflow-x: auto } .hero-side-category nav.category-menu>ul>li { position: relative } .hero-side-category nav.category-menu>ul>li>a { display: block; padding: 10px 25px; line-height: 30px; font-size: 14px; color: #253237; font-weight: 400; position: relative; border-bottom: 1px solid #ebebeb } .hero-side-category nav.category-menu>ul>li>a:hover { color: #4fb68d } .home-electronic .hero-side-category nav.category-menu>ul>li>a:hover { color: #0090f0 } .home-electronic .category-mega-menu>li>a:hover { color: #0090f0 } .home-furniture .hero-side-category nav.category-menu>ul>li>a:hover { color: #ef1e1e } .home-furniture .category-mega-menu>li>a:hover { color: #ef1e1e } .home-electronic .category-toggle-wrap .category-toggle { margin-top: 15px } .home-furniture .category-toggle-wrap .category-toggle { margin-top: 15px } .hero-side-category nav.category-menu>ul>li.menu-item-has-children { position: relative } .category-mega-menu { position: static; z-index: 9; opacity: 1; visibility: visible; background-color: transparent; padding: 0; width: 100%; -webkit-transition: none; -o-transition: none; transition: none; left: 270px; top: 0; display: none } .category-mega-menu>li { -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; position: relative; padding: 10px 10px } .category-mega-menu>li { border-bottom: 1px solid #ebebeb } .category-mega-menu>li>a { padding: 10px 25px 10px 35px; line-height: 30px; font-size: 14px; font-weight: 400; color: #253237; position: relative; margin: 0; text-transform: inherit } .category-mega-menu>li>a:hover { color: #4fb68d } .category-mega-menu>li:first-child a { padding-top: 10px } .category-mega-menu>li>a:last-child { border-bottom: 0 } .hero-side-category nav.category-menu>ul>li:hover .category-mega-menu { z-index: 9; opacity: 1; visibility: visible } .slick-vertical .slick-prev, .slick-vertical .slick-next { font-size: 0; line-height: 0; position: absolute; display: block; width: 20px; height: 20px; padding: 0; z-index: 1; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: #253237; border: none; outline: none; background: transparent } .slick-vertical .slick-prev, .slick-vertical .slick-next { left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0) } .slick-prev { left: -25px } .slick-vertical .slick-prev { top: -25px } .slick-vertical .slick-next { bottom: -25px } .slick-vertical .slick-prev:before, .slick-vertical .slick-next:before { font-size: 20px; line-height: 32px; display: block; font-family: "Ionicons"; font-weight: 600; transform: rotate(90deg) } .slick-vertical .slick-prev:before { content: "\f3d2" } .slick-vertical .slick-next:before { content: "\f3d3" } #preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 999999 } #preloader .preloader { width: 50px; height: 50px; display: inline-block; padding: 0; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 50%; left: 50%; margin-left: -25px; margin-top: -25px } #preloader .preloader span { position: absolute; display: inline-block; width: 50px; height: 50px; border-radius: 100%; background-color: #4fb68d; -webkit-animation: preloader 1.3s linear infinite; animation: preloader 1.3s linear infinite } #preloader .preloader span:last-child { animation-delay: -0.8s; -webkit-animation-delay: -0.8s } @keyframes preloader { 0% { -webkit-transform: scale(0, 0); transform: scale(0, 0); opacity: .5 } 100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 0 } } @-webkit-keyframes preloader { 0% { -webkit-transform: scale(0, 0); opacity: .5 } 100% { -webkit-transform: scale(1, 1); opacity: 0 } } .section-title { margin-bottom: 30px } .section-title h2 { font-family: "Open Sans", sans-serif; font-size: 24px; color: #253237; text-transform: capitalize; line-height: 16px; font-weight: 600; margin: 0 0 15px } .section-title p { color: #888; font-weight: 400; font-size: 14px; line-height: 18px; position: relative; margin-top: 10px } .section-title.ml-0px { margin-left: 0 } .section-title.underline-shape { position: relative; margin-bottom: 68px } .section-title.underline-shape:after { content: ""; width: 40px; height: 2px; display: block; position: absolute; bottom: -34px; left: 50%; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background: #ef1e1e } .section-title.underline-shape.underline-shape-left:after { left: 0; -moz-transform: translateX(0%); -webkit-transform: translateX(-50%); -o-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%) } .section-title.custom-style h2 { margin: 0; color: #fff } .section-title.custom-style { margin: 0; background: #0bbfbd; padding: 20px 20px 20px 20px } .blog-related-post .section-title.underline-shape:after { bottom: -25px; background: #4fb68d } .header-right-nav { display: flex; float: right } .home-13 .header-right-nav { float: left; margin: 3px 0 0 0 } .home-13 .header-right-nav .nice-select { background: #fff; color: #253237 } .home-furniture .header-right-nav .nice-select:hover { color: #ef1e1e } .home-furniture .header-right-nav .nice-select:hover:after { border-color: #ef1e1e } .home-furniture .header-right-nav a:hover { color: #ef1e1e } .home-furniture .home-14 .header-right-nav a:hover { color: #ef1e1e } .home-furniture .header-right-nav .phone a:hover { color: #ef1e1e } .home-furniture .phone a:hover { color: #ef1e1e } .home-furniture .header-right-nav a:hover:after { border-color: #ef1e1e } .home-furniture .header-right-nav .nice-select .option:hover, .home-furniture .header-right-nav .nice-select .option.focus, .home-furniture .header-right-nav .nice-select .option.selected.focus { background-color: #fff; color: #ef1e1e } .header-right-nav ul li { display: inline-block; margin: 0 25px; font-weight: 400; color: #fff; background: transparent; text-shadow: none; cursor: pointer; line-height: 14px; font-size: 13px; display: inline-block; text-transform: capitalize } .header-right-nav ul li.mr-15px { margin-right: 15px } .home-17 .header-right-nav ul li { color: #253237 } .home-17 .header-right-nav ul li:after { background: #253237 } .home-17 .angle-icon:after { border-color: #253237 } .home-17 .header-right-nav .nice-select:after { border-color: #253237 } .home-17 .left-text { color: #253237 } .home-17 .header-right-nav a:hover { color: #0bbfbd } .home-medical .header-right-nav ul li:hover { color: #0bbfbd } .home-medical.home-18 .header-right-nav ul li:hover { color: #fff } .home-medical.home-18 .header-right-nav .nice-select.open .list li:hover { color: #0bbfbd } .home-medical .header-right-nav .nice-select:hover:after { border-color: #0bbfbd } .home-medical.home-18 .header-right-nav .nice-select:hover:after { border-color: #fff } .home-medical .count-cart:hover { color: #0bbfbd } .home-medical .count-cart:after { background: #0bbfbd !important; color: #fff !important } .dropdown { position: relative; top: -7px } .dropdown-nav li { display: block !important; margin: 0 10px 0 10px } .dropdown-nav { background-clip: padding-box; background-color: #fff; border-top: 2px solid #fff; height: auto; padding: 0; position: absolute; text-align: left; white-space: nowrap; z-index: 100; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; z-index: 99999; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; transform-origin: 0 0 0; padding: 20px 0 20px 0; margin: 0; top: 30px; left: auto; right: 0; min-width: 130px; overflow: hidden; padding: 10px 15px; background: #fff; border-radius: 0; border: none; box-shadow: 0 0 3.76px .24px rgba(0, 0, 0, .15) } ul.dropdown-nav>li>a { color: #212121; padding: 13px 0; display: block !important } .dropdown-nav li:not(:last-child) { border-bottom: 1px solid#ebebeb } .dropdown-nav>li>a:hover { color: #4fb68d } .header-right-nav a:hover { color: #4fb68d } .home-cosmatics .dropdown-nav>li>a:hover { color: #c0b07d } .home-cosmatics .header-right-nav a:hover { color: #c0b07d } .home-electronic .dropdown-nav>li>a:hover { color: #0090f0 } .home-electronic .header-right-nav a:hover { color: #fff } .home-11.home-electronic .header-right-nav a:hover { color: #0090f0 } .home-electronic .nice-select .option.selected { color: #0090f0 } .home-cosmatics .nice-select .option.selected { color: #c0b07d } .nice-select .option.selected { font-weight: 400; color: #4fb68d } .home-furniture .nice-select .option.selected { color: #ef1e1e } .header-right-nav i { margin-right: 10px } .left-text { color: #fff; font-size: 13px } .home-10 .left-text { color: #253237 } .home-10 .header-right-nav a { color: #253237 } .home-10 .header-right-nav a:hover { color: #0090f0 } .home-10 .header-right-nav li { color: #253237 } .home-10 .header-right-nav li:hover { color: #0090f0 } .home-11 .header-right-nav li:hover { color: #0090f0 } .dropdown:hover>.dropdown-nav { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; visibility: visible; transform: translateY(0) } .header-right-nav .nice-select .option { display: block } .header-right-nav .nice-select { -webkit-tap-highlight-color: transparent; background-color: #253237; border-radius: 0; border: solid 0 #e8e8e8; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; font-family: "Open Sans", sans-serif; font-size: 13px; font-weight: 400; height: 24px; line-height: 24px; outline: none; padding-left: 0; padding-right: 0; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: auto } .header-top-nav { position: relative; padding: 12px 0 4px 0; border-bottom: none; z-index: 11; margin: 0; background: #253237; } .home-14 .header-top-nav { background: #f7f7f7 } .home-19 .header-top-nav { background: #0ac8c6 } .home-17 .header-top-nav { background: #fff } .home-18 .header-top-nav { background: #0bbfbd } .home-18 .header-right-nav a:hover { color: #fff } .home-18 .angle-icon:hover:after { border-color: #fff } .home-18 .dropdown-nav li a:hover { color: #0bbfbd } .home-18.home-17 .header-right-nav .nice-select { background: #0bbfbd } .home-17 .header-right-nav .nice-select { background: #fff } .home-19 .header-right-nav .nice-select { background: #0ac8c6 } .home-19 .header-right-nav a:hover { color: #fff } .home-19 .angle-icon:hover:after { border-color: #fff } .home-19 .dropdown-nav li a:hover { color: #0bbfbd } .home-19 .header-navigation { background: #0bbfbd } .home-19.home-medical .header-right-nav .nice-select:hover:after { border-color: #fff } .home-14 .header-right-nav .nice-select { background: #f7f7f7 } .home-electronic .header-top-nav { background: #0090f0 } .home-11.home-electronic .header-top-nav { background: #253237 } .home-electronic .header-right-nav .nice-select { background: #0090f0 } .home-11.home-electronic .header-right-nav .nice-select { background: #253237 } .home-electronic .home-10 .header-top-nav { background: #f7f7f7 } .home-electronic .home-10 .header-right-nav .nice-select { background: #f7f7f7 } .header-right-nav a { color: #fff; padding: 15px 0 } .home-17 .header-right-nav a { color: #253237 } .home-7 .header-top-nav { padding: 0 } .home-7 .home-2 .header-navigation { padding: 32px 0 } .home-7 .container-inner { margin-top: 17px } .slider-content-7 { max-width: 40%; padding-top: 145px } .container-top-inner { display: inline-block; width: 100%; background: #253237; padding: 12px 30px 4px 30px } .header-right-nav .nice-select .option:hover, .nice-select .header-right-nav .option.focus, .header-right-nav .nice-select .option.selected.focus { background-color: #fff; color: #4fb68d } .home-electronic .header-right-nav .nice-select .option:hover, .home-electronic .header-right-nav .nice-select .option.focus, .home-electronic .header-right-nav .nice-select .option.selected.focus { background-color: #fff; color: #0090f0 } .home-cosmatics .header-right-nav .nice-select .option:hover, .home-cosmatics .header-right-nav .nice-select .option.focus, .home-cosmatics .header-right-nav .nice-select .option.selected.focus { background-color: #fff; color: #c0b07d } .home-medical .header-right-nav .nice-select .option:hover, .home-medical .header-right-nav .nice-select .option.focus, .home-medical .header-right-nav .nice-select .option.selected.focus { background-color: #fff; color: #0bbfbd } .home-3 .dropdown-navs li { color: #253237 } .home-cosmatics .header-right-nav ul li:hover { color: #c0b07d } .header-right-nav ul li:hover { color: #4fb68d } .home-9 .header-right-nav ul li:hover { color: #fff } .home-9 .home-10 .header-right-nav li:hover { color: #0090f0 } .header-right-nav .nice-select:hover:after { border-color: #4fb68d } .home-cosmatics .header-right-nav .nice-select:hover:after { border-color: #c0b07d } .home-electronic .header-right-nav .nice-select:hover:after { border-color: #fff } .dropdown-nav li:after { display: none } .header-right-nav .nice-select .list { background-color: #fff; border-radius: 0; box-sizing: border-box; margin-top: 0; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; left: auto; right: 0; top: 55px; -webkit-transform-origin: 0% 0; -ms-transform-origin: 0% 0; transform-origin: 0% 0; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); -webkit-transition: all 0.2s cubic-bezier(0, 0, 0, 0), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0, 0, 0, 0), opacity 0.15s ease-out; z-index: 9; margin: 0; top: 30px; left: auto; right: 0; min-width: 130px; overflow: hidden; padding: 0; background: #fff; border-radius: 0; border: none; box-shadow: 0 0 3.76px .24px rgba(0, 0, 0, .15) } .header-right-nav .nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1); -ms-transform:scale(1); transform: scale(1); left: auto; right: 0; top: 35px } .nice-select .option { cursor: pointer; font-weight: 400; line-height: 25px; list-style: none; min-height: 25px; outline: none; padding-left: 0; padding-right: 0; text-align: left; -webkit-transition: all 0.2s; transition: all 0.2s; color: #253237; padding: 7px } .header-right-nav .nice-select .option:not(:last-child) { border-bottom: 1px solid#ebebeb } .header-right-nav .nice-select:after { height: 7px; right: -12px; width: 7px; border-color: #fff; transition: .3s ease-in-out; border-width: 1px } .header-right-nav ul li:after { position: absolute; top: 0; left: -27px; width: 1px; height: 15px; content: ""; background: #fff } .home-13 .header-right-nav ul li:after { background: #253237; left: -21px } .home-13 .header-right-nav ul li.option:after { display: none } .home-13 .header-right-nav .nice-select:after { border-color: #253237 } .home-13 .header-right-nav a { color: #253237 } .home-13 .header-right-nav ul li.after-d-none:after { display: none } .home-13 .angle-icon:after { border-color: #253237 } .home-13 .header-right-nav ul li.after-d-none { margin-left: 0 } .home-13 .dropdown-nav { right: auto; line-height: 0 } .home-13 .header-right-nav .nice-select .list { right: auto; line-height: 0 } .home-13 .brfore-element:before { position: absolute; top: 0; right: -27px; width: 1px; height: 15px; content: ""; background: #253237 } .header-right-nav ul li { position: relative } .header-right-nav ul li.after-n:after { display: none } .header-right-nav .dropdown-navs ul li.top-10px:after { top: 5px } .header-right-nav .list li:before { position: absolute; top: 14px; left: -12px; width: 17px; height: 15px; content: ""; background-image: url(../images/icons/1.jpg); background-repeat: no-repeat } .header-right-nav .list li[data-value="2"]::before { background-image: url(../images/icons/2.jpg) } .header-right-nav .list li { position: relative } .header-right-nav .list li:after { display: none } .angle-icon { position: relative } .top-10px.first-child .list li:after { display: none } .top-10px.first-child .list li:before { display: none } .angle-icon:hover:after { border-color: #4fb68d } .home-cosmatics .angle-icon:hover:after { border-color: #c0b07d } .home-electronic .angle-icon:hover:after { border-color: #fff } .home-11.home-electronic .angle-icon:hover:after { border-color: #0090f0 } .home-10 .angle-icon:after { border-color: #253237 } .home-10 .angle-icon:hover:after { border-color: #0090f0 } .home-20 .angle-icon:hover:after { border-color: #0bbfbd } .home-20 .dropdown a:hover { color: #0bbfbd } .home-10 .header-right-nav ul li:after { background-color: #253237 } .home-10 .header-right-nav .nice-select:after { border-color: #253237 } .home-electronic .home-10 .header-right-nav .nice-select:hover:after { border-color: #0090f0 } .home-11.home-electronic .header-right-nav .nice-select:hover:after { border-color: #0090f0 } .angle-icon:after { border-bottom: 1px solid #fff; border-right: 1px solid #fff; content: ''; display: block; margin-top: -4px; pointer-events: none; position: absolute; top: 50%; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; height: 7px; right: -12px; width: 7px } .home-3 .header-top-nav { background: #fff } .home-3 .left-text { color: #253237 } .home-3 .header-right-nav a { color: #253237 } .home-3 .header-right-nav .nice-select { background: #fff } .home-3 .header-right-nav .nice-select:after { border-color: #253237 } .home-3 .header-right-nav .nice-select:hover:after { border-color: #4fb68d } .home-3 .angle-icon:after { border-color: #253237 } .home-3 .angle-icon:hover:after { border-color: #4fb68d } .home-3 .header-right-nav ul li:after { background: #253237 } .home-3 .header-right-nav a:hover { color: #4fb68d } .home-4 .header-top-nav { position: absolute; width: 100%; background-color: transparent } .home-4 .header-right-nav .nice-select { background-color: transparent } .logo { margin-top: 10px } .home-12 .logo { margin-top: 6px } .main-navigation ul li { display: inline-block } .main-navigation ul li:hover>a { color: #4fb68d } .mean-container .mean-nav ul li:hover>a { color: #4fb68d } .home-cosmatics .mean-container .mean-nav ul li:hover>a { color: #c0b07d } .home-electronic .mean-container .mean-nav ul li:hover>a { color: #0090f0 } .home-furniture .mean-container .mean-nav ul li:hover>a { color: #ef1e1e } .home-medical .mean-container .mean-nav ul li:hover>a { color: #0bbfbd } .home-cosmatics .main-navigation ul li:hover>a { color: #c0b07d } .home-8.home-cosmatics .main-navigation ul li:hover>a { color: #fff } .home-electronic .main-navigation ul li:hover>a { color: #0090f0 } .home-12.home-electronic .main-navigation ul li:hover>a { color: #fff } .home-furniture .main-navigation ul li:hover>a { color: #ef1e1e } .home-medical .main-navigation ul li:hover>a { color: #0bbfbd } .home-20.home-medical .main-navigation ul li:hover>a { color: #fff } .main-navigation ul li a { display: block; padding: 10px 15px; color: #253237; font-weight: 700; position: relative } .main-navigation ul li a:hover { color: #4fb68d } .home-furniture .main-navigation ul li a:hover { color: #ef1e1e } .home-furniture .main-navigation ul li .sub-menu>li>a:hover { color: #ef1e1e } .home-3 .main-navigation ul li a:hover { color: #4fb68d } .home-cosmatics .main-navigation ul li a:hover { color: #c0b07d } .home-cosmatics.home-8 .main-navigation ul li a:hover { color: #fff } .home-electronic .main-navigation ul li a:hover { color: #0090f0 } .home-electronic.home-12 .main-navigation ul li a:hover { color: #fff } .home-medical.home-12 .main-navigation ul li a:hover { color: #0bbfbd } .home-medical.home-20 .main-navigation ul li a:hover { color: #fff } .home-medical .main-navigation ul li ul.mega-menu-wrap>li ul li.mega-menu-title a:hover { color: #0bbfbd } .home-medical .main-navigation ul li a:hover { color: #0bbfbd } .home-12 .main-navigation ul li a { color: #fff; padding: 15px 15px } .home-17.home-12 .main-navigation ul li a { color: #253237 } .home-17.home-12 .main-navigation ul li:hover>a { color: #0bbfbd } .main-navigation ul li>a i { display: inline-block; vertical-align: -3px; font-size: 24px; font-weight: 400; margin-right: 5px } .home-12 .main-navigation ul li:first-child a { padding-left: 0 } .sub-menu { position: absolute; z-index: 9; visibility: hidden; opacity: 0; text-align: left; opacity: 0; visibility: hidden; -o-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; transform-style: preserve-3d; -o-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotateX(-75deg); -o-transform: rotateX(-75deg); -moz-transform: rotateX(-75deg); -webkit-transform: rotateX(-75deg); min-width: 205px; left: auto !important; background: #fff; box-shadow: 0 0 3.76px .24px rgba(0, 0, 0, .15) } .menu-dropdown { position: relative } .main-navigation ul li .sub-menu>li>a { position: relative; overflow: hidden; position: relative; display: block !important; color: #888; font-size: 14px; font-weight: 400; text-transform: capitalize; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; padding: 0 !important } .main-navigation ul li .sub-menu>li { position: relative; padding: 0 20px; line-height: 40px; height: 40px; overflow: hidden; border-bottom: 1px solid #eee; position: relative; display: block !important; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease } .main-navigation ul li .sub-menu>li:hover>a { -moz-transform: translateX(10px); -webkit-transform: translateX(10px); -o-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); color: #4fb68d } .home-cosmatics .main-navigation ul li .sub-menu>li:hover>a { color: #c0b07d } .home-electronic .main-navigation ul li .sub-menu>li:hover>a { color: #0090f0 } .home-medical .main-navigation ul li .sub-menu>li:hover>a { color: #0bbfbd } .home-furniture .main-navigation ul li .sub-menu>li:hover>a { color: #ef1e1e } .sub-menu>li { display: block !important } .menu-dropdown:hover>.sub-menu { opacity: 1; visibility: visible; transform: rotateX(0deg); -o-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -o-transition: -o-transform 0.3s, opacity 0.3s; -ms-transition: -ms-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; padding: 0 !important } .main-navigation ul li.menu-dropdown>a i.ion-ios-arrow-down { display: inline-block; vertical-align: -1px; font-size: 14px; font-weight: 400; margin: 0 } .main-navigation ul li.menu-dropdown.position-static>a i.ion-ios-arrow-down { position: absolute; right: 0; transform: rotate(-90deg) } .dropdown_search input { width: 100%; border: 0; height: 45px; padding-left: 20px; outline: none; border-radius: 30px } .header-navigation { padding: 10px 0 15px 0 } .home-20 .header-navigation { padding: 35px 0 35px 0 } .home-18 .header-navigation { padding: 30px 0 35px 0 } .home-20 .header-buttom-nav { background: #0bbfbd } .search-category { position: absolute; top: 0; right: 64px } .search-category .nice-select { height: 45px; font-family: "Open Sans", sans-serif; line-height: 43px; border: 0 } .search-category .nice-select .list { height: 590px; overflow: auto; border-radius: 0; left: -50%; box-shadow: 0 0 3.76px .24px rgba(0, 0, 0, .15) } .dropdown_search { width: 500px; background: #fff; display: block; border: 2px solid#4fb68d; border-radius: 30px } .home-cosmatics .dropdown_search { border: 2px solid#c0b07d } .header_account_list>a { font-size: 28px; display: flex; align-items: first baseline; color: #333; display: none } .header_account_list>a:hover { color: #4fb68d } .home-furniture .header_account_list>a:hover { color: #ef1e1e } .home-cosmatics .header_account_list>a:hover { color: #c0b07d } .home-electronic .header_account_list>a:hover { color: #0090f0 } .home-9.home-electronic .header_account_list>a:hover { color: #fff } .home-3 .header_account_list>a:hover { color: #4fb68d } .header_account_list { margin-right: 100px; position: relative } .home-16 .header_account_list { margin-right: 0 } .home-11 .header_account_list { margin-right: 70px } .home-10 .header_account_list { margin-right: 0; margin-top: 7px } .home-12 .header_account_list { margin-top: 0; margin-left: 70px } .home-18 .header_account_list { position: absolute; right: 45%; margin: 0 } .home-18 .phone { margin-left: 43px } .header_account_area { display: flex; justify-content: flex-end; margin-top: 8px } .home-5 .header_account_area { margin-top: 0 } .home-10 .header_account_area { justify-content: flex-start } .home-12 .header_account_area { margin: 0 } .home-12 .sticky-nav.menu_fixed { padding: 0 } .home-20 .sticky-nav.menu_fixed { border: 0; background: #0bbfbd } .sticky-nav.menu_fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 99999; background: #fff; padding: 10px 0 15px 0; box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .4) } .home-4 .sticky-nav.menu_fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 99999; background: #fff; padding: 10px 0 15px 0; box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .4) } .home-2 .sticky-nav.menu_fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 99999; background: #fff; padding: 10px 0 15px 0; box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .4) } .home-7 .home-2 .sticky-nav.menu_fixed { padding: 15px 0 15px 0 } .home-4 .home-2 .sticky-nav.menu_fixed { padding: 15px 0 15px 0 } .dropdown_search form button { position: absolute; top: 0; right: -1px; border: 0; background: #4fb68d; height: 100%; width: 65px; text-align: center; font-size: 20px; color: #fff; border-radius: 0 30px 30px 0; outline: 0; transition: .3s ease-in-out } .home-furniture .dropdown_search form button { background: #ef1e1e } .home-furniture .home-14 .dropdown_search form button { background: #253237 } .home-furniture .dropdown_search { border-color: #ef1e1e } .home-medical .dropdown_search { border-color: #0bbfbd } .home-18 .dropdown_search { display: none; position: absolute; top: 60px; right: 0; z-index: 2 } .home-18 .header_account_list>a { display: block; position: absolute; right: 0; top: 11px } .home-medical .nice-select .option.selected { color: #0bbfbd } .home-medical .dropdown_search form button { background: #0bbfbd } .home-19.home-medical .dropdown_search form button { background: #253237 } .home-cosmatics .dropdown_search form button { background: #c0b07d } .home-electronic .dropdown_search form button { background: #253237 } .home-11.home-electronic .dropdown_search form button { background: #0090f0 } .home-12.home-electronic .dropdown_search form button { background: #0090f0 } .home-electronic .dropdown_search form button:hover { background: #000 } .home-11.home-electronic .dropdown_search form button:hover { background: #0090f0 } .home-12.home-electronic .dropdown_search form button:hover { background: #0090f0 } .home-electronic .dropdown_search { border: 0 } .home-11.home-electronic .dropdown_search { border: 2px solid#0090f0 } .home-12.home-electronic .dropdown_search { border: 2px solid#0090f0 } .dropdown_search form { position: relative; width: 100% } .dropdown_search form i { font-size: 24px; line-height: 46px } .main-navigation { float: left; margin-top: 9px } .main-navigation.mt-0px { margin-top: 0 } .count-cart { position: relative; color: #253237; font-weight: 700 } .count-cart:after { position: absolute; top: 9px; left: -26px; right: auto; width: 18px; height: 18px; /*content: "2";*/ background: #4fb68d; /*background: transparent;*/ /*color: transparent;*/ color: #fff; line-height: 18px; text-align: center; border-radius: 50%; float: right } .count-cart1:after { position: absolute; top: 9px; left: -26px; right: auto; width: 18px; height: 18px; /*content: "2";*/ background: #4fb68d; /*background: transparent;*/ /*color: transparent;*/ color: #fff; line-height: 18px; text-align: center; border-radius: 50%; float: right } .home-cosmatics .count-cart:after { background-color: #c0b07d } .home-furniture .count-cart:after { background-color: #ef1e1e } .count-cart:before { content: '\f110'; display: inline-block; font-size: 28px; font-family: "Ionicons"; vertical-align: middle; margin-right: 15px; float: left; font-weight: 400 } .count-cart.random:before { content: '\f4a8' } .count-cart.heart:before { content: '\f387' } .count-cart.random:after { content: '0' } .count-cart.heart:after { content: '0' } .home-9 .count-cart { display: inline-flex; margin-left: 10px } .home-9 .count-cart:after { left: 16px; background: #fff; color: #253237 } .home-13 .count-cart.random:after { left: 16px } .home-13 .count-cart.heart:after { left: 16px } .home-10 .count-cart:after { color: #fff; background-color: #0090f0 } .home-electronic .count-cart:hover { color: #fff } .home-furniture .home-14 .count-cart:after { background-color: #ef1e1e } .home-19 .count-cart { color: #fff } .home-medical.home-19 .count-cart:after { background: #fff !important; color: #253237 !important } .home-19.home-medical .count-cart:hover { color: #fff } .phone { position: relative; line-height: 17px } .home-14 .phone { color: #fff } .home-14 .phone a { color: #fff } .home-14 .phone a:hover { color: #fff } .home-13 .phone { line-height: 27px; display: flex } .home-13 .phone p { font-size: 13px; margin-right: 5px } .home-13 .header-right-nav .phone a { color: #253237; padding: 0; font-weight: 400; font-size: 13px } .home-13 .phone:before { background: none; top: 0; content: "\f4b8"; font-family: "Ionicons"; font-size: 24px; display: inline-block; position: absolute; left: -25px; bottom: 0 } .phone:before { content: ""; display: inline-block; width: 35px; height: 35px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Qzc0MkMzQjg0NEE5MTFFQTgwNDFGODlFNDQxM0M3MjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Qzc0MkMzQjk0NEE5MTFFQTgwNDFGODlFNDQxM0M3MjgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDNzQyQzNCNjQ0QTkxMUVBODA0MUY4OUU0NDEzQzcyOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDNzQyQzNCNzQ0QTkxMUVBODA0MUY4OUU0NDEzQzcyOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqbE2QIAAATgSURBVHjatJhpbFRVGIZnhrYoNiDVGK1xhSJoXFERVFC0WAMRBI0K/pAQBRuNC3WJYsQFIj8U1KAExcQoBaFxS6xYSkYFIgUVUQEVR1wSbYJURShoW/X9kueYw/XcuTOAX/Jklnvnnvd+59vupKvOGpT6n+1JMUWU5Tlnp5hesh+LlIoqcZSoEHvENrFZ/MY5xyDkbLErz7UGiIZixdiiE8QYMVj8Lb4Vu0UPcZg4XGwS14oMxz4T74rywDU/EQ+LgwoV01s8ICaLj8RiUSu+QpBvh4rzxdein/f9HLwZtZ/dm0LEmBfmI+ICsT7h/F/FW4Hvz7C79z6bp1rFeSKXJCaN+24RN+ON0LaZF44U7eJTtmSfLJ+Y2WI0sfFF5NgJYhZes/jYKnoRqD9ZZohFvD9Y3CA28tvV4kfeXyS2i+tFW5yYO8U4cSEB6tsw8aZ4VfQV33vHuhPgs1loCnE2mXgZKM4kzZ8WQ7gRy7QJ6UCdOUdkxXCxNnKsj/hQ3CWez+PVSvGeWIiXzI5l4QfFPWy7vbbFbZOl4rNiZkCIy4iXE4Sk2IaxogVBW8TJXP86cblYlQos7tvV1IrHAwucJEZ4d5pkFshLxa18ti2dxjY5IROpS3uJSfN6O0L+CFx8GBfZHjh2aSRtnb3B78zmiRniTz5bvCygVlnNypiYoaKJ0m6qX4rJsqPZ82j62w0s4xpHRI5vJX7MOr3vu4m5FDyrMXdYLGUISBPyovjOeoS4PyCmjLuyatxfTBJryLwafvuleIy7rkRsqOoOJ+Ut23qKU8QTJRQru7vXUP82nTZkfbiTMgpcPdXZ+k8zXrYFluDJV2Kus5w0L6NllPt15nX2cwmLxNkloovXVYHj70OK64zk/JDtglbSvs3PpmkJQlJU1dYiKvxTBZyzzWVUJiY2QraRRllehJiaAs7pZPz4jxjbqnfcwYjVU/C60xiTrJIgTbIexNxeYmbQ0EoYAaKC/mKmWUAFzWfnIvq2SEqHiu5xZOK/Yu4j1ztoajYwNcZ46BmmOL+pjeQ3jha2symhdQxAbM6JqaKuDKZiNlLCu0jzqCCrJXUUuvEUsCxpX8MM3ELK2nbem0fMCEaKLtcozeUrxAbqTYptaqWjhlLTmukOmuAcSnoFxbCZJrmzgHixpvmC37VLvV5kLp7KxdoYnlwvOZ07t/HxNG++bcSDFcRdNW7fAB/gxfaIkCGIX+gH0Eou4PpKP96PQ0g3gnYlk5wtcLc4kVQfQ0euo0v3ZEJsYIsfYVI8NdLTZjJg/e57Zi0VeBndN0eDs4J1EwPQIERGC94PBG8jqV+Ld9eAW3g602F/dmESsXpFaJ65UXzDfpcjylr/cwRzXURIL+/9ajxWG3hscVv/EJnqFh9LGdkREtNBMOVoYrvprEMR1+zd5SwevI73rrMlRohfo8xz13ilYHm+Sa+DVM2xuAm6mAl/HkXMxoyrmG+z1IneBbKCzD0kTnh0iHKC6hFUjaAmXPoLQf0oz9Ob9uHxaFTcaBGa6NyWLcKV1cwefb3hKYvIUvb/ssgjSz7bU+xDXCeCnIcsoD/n2FTcnMVT64iZ9v397yST0NrHU12b+evD2Xwy6mNx5YEQkiTG99A6ClcDI8Z6CtbEhK5clKWL+OdqII+snQT05gP9F9c/AgwA86I/LUAPDuoAAAAASUVORK5CYII=) no-repeat; position: absolute; left: -45px; top: 0 } .home-electronic .phone:before { background-image: url(../images/icons/icon_contact.png) } .home-19 .phone:before { background-image: url(../images/icons/icon_contact.png) } .home-furniture .phone:before { background-image: url(../images/icons/icon_contact.png) } .home-11.home-electronic .phone:before { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Qzc0MkMzQjg0NEE5MTFFQTgwNDFGODlFNDQxM0M3MjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Qzc0MkMzQjk0NEE5MTFFQTgwNDFGODlFNDQxM0M3MjgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDNzQyQzNCNjQ0QTkxMUVBODA0MUY4OUU0NDEzQzcyOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDNzQyQzNCNzQ0QTkxMUVBODA0MUY4OUU0NDEzQzcyOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqbE2QIAAATgSURBVHjatJhpbFRVGIZnhrYoNiDVGK1xhSJoXFERVFC0WAMRBI0K/pAQBRuNC3WJYsQFIj8U1KAExcQoBaFxS6xYSkYFIgUVUQEVR1wSbYJURShoW/X9kueYw/XcuTOAX/Jklnvnnvd+59vupKvOGpT6n+1JMUWU5Tlnp5hesh+LlIoqcZSoEHvENrFZ/MY5xyDkbLErz7UGiIZixdiiE8QYMVj8Lb4Vu0UPcZg4XGwS14oMxz4T74rywDU/EQ+LgwoV01s8ICaLj8RiUSu+QpBvh4rzxdein/f9HLwZtZ/dm0LEmBfmI+ICsT7h/F/FW4Hvz7C79z6bp1rFeSKXJCaN+24RN+ON0LaZF44U7eJTtmSfLJ+Y2WI0sfFF5NgJYhZes/jYKnoRqD9ZZohFvD9Y3CA28tvV4kfeXyS2i+tFW5yYO8U4cSEB6tsw8aZ4VfQV33vHuhPgs1loCnE2mXgZKM4kzZ8WQ7gRy7QJ6UCdOUdkxXCxNnKsj/hQ3CWez+PVSvGeWIiXzI5l4QfFPWy7vbbFbZOl4rNiZkCIy4iXE4Sk2IaxogVBW8TJXP86cblYlQos7tvV1IrHAwucJEZ4d5pkFshLxa18ti2dxjY5IROpS3uJSfN6O0L+CFx8GBfZHjh2aSRtnb3B78zmiRniTz5bvCygVlnNypiYoaKJ0m6qX4rJsqPZ82j62w0s4xpHRI5vJX7MOr3vu4m5FDyrMXdYLGUISBPyovjOeoS4PyCmjLuyatxfTBJryLwafvuleIy7rkRsqOoOJ+Ut23qKU8QTJRQru7vXUP82nTZkfbiTMgpcPdXZ+k8zXrYFluDJV2Kus5w0L6NllPt15nX2cwmLxNkloovXVYHj70OK64zk/JDtglbSvs3PpmkJQlJU1dYiKvxTBZyzzWVUJiY2QraRRllehJiaAs7pZPz4jxjbqnfcwYjVU/C60xiTrJIgTbIexNxeYmbQ0EoYAaKC/mKmWUAFzWfnIvq2SEqHiu5xZOK/Yu4j1ztoajYwNcZ46BmmOL+pjeQ3jha2symhdQxAbM6JqaKuDKZiNlLCu0jzqCCrJXUUuvEUsCxpX8MM3ELK2nbem0fMCEaKLtcozeUrxAbqTYptaqWjhlLTmukOmuAcSnoFxbCZJrmzgHixpvmC37VLvV5kLp7KxdoYnlwvOZ07t/HxNG++bcSDFcRdNW7fAB/gxfaIkCGIX+gH0Eou4PpKP96PQ0g3gnYlk5wtcLc4kVQfQ0euo0v3ZEJsYIsfYVI8NdLTZjJg/e57Zi0VeBndN0eDs4J1EwPQIERGC94PBG8jqV+Ld9eAW3g602F/dmESsXpFaJ65UXzDfpcjylr/cwRzXURIL+/9ajxWG3hscVv/EJnqFh9LGdkREtNBMOVoYrvprEMR1+zd5SwevI73rrMlRohfo8xz13ilYHm+Sa+DVM2xuAm6mAl/HkXMxoyrmG+z1IneBbKCzD0kTnh0iHKC6hFUjaAmXPoLQf0oz9Ob9uHxaFTcaBGa6NyWLcKV1cwefb3hKYvIUvb/ssgjSz7bU+xDXCeCnIcsoD/n2FTcnMVT64iZ9v397yST0NrHU12b+evD2Xwy6mNx5YEQkiTG99A6ClcDI8Z6CtbEhK5clKWL+OdqII+snQT05gP9F9c/AgwA86I/LUAPDuoAAAAASUVORK5CYII=) no-repeat } .contact-link { float: left; position: relative; margin-top: 5px } .contact-link a { color: #253237; font-weight: 700 } .home-19 .contact-link a { color: #fff } .home-19 .phone p { color: #fff } .contact-link a:hover { color: #4fb68d } .home-cosmatics .contact-link a:hover { color: #c0b07d } .home-medical .contact-link a:hover { color: #0bbfbd } .home-19.home-medical .contact-link a:hover { color: #fff } .cart-info { margin: 10px 0 0 35px } .cart-info-wrap { display: flex; width: 100%; justify-content: flex-end } .home-11 .cart-info { margin: 10px 0 0 15px } .search-bar { float: left } .home-2 .header-navigation { padding: 35px 0; position: absolute; width: 100%; z-index: 2 } .home-2 .header_account_list>a { align-items: flex-end } .home-2 .header_account_list { margin-right: 0 } .home-2 .dropdown_search { position: absolute; left: auto; right: 0; top: 36px; display: none } .home-3 .header-navigation { background: #253237 } .home-3 .header_account_list>a { color: #fff } .home-3 .main-navigation ul li a { color: #fff } .home-3 .header_account_list { margin-right: 0 } .home-3 .count-cart { color: #fff } .home-electronic .count-cart { color: #fff } .home-electronic .home-10 .count-cart { color: #253237 } .home-electronic .home-10 .count-cart:hover { color: #0090f0 } .home-electronic .phone { color: #fff } .home-electronic .phone a { color: #fff } .home-11.home-electronic .phone { color: #666 } .home-11.home-electronic .phone a { color: #253237 } .home-11.home-electronic .phone a:hover { color: #0090f0 } .count-cart:hover { color: #4fb68d } .home-cosmatics .count-cart:hover { color: #c0b07d } .home-furniture .count-cart:hover { color: #ef1e1e } .home-3 .sticky-nav.menu_fixed { background: #253237 } .home-2 .header_account_list { margin-right: 0; margin-top: 10px } .home-5 .sticky-nav.menu_fixed { padding: 0 } .container-inner { padding: 22px 30px; background: #fff; margin-top: 15px; position: relative } .sticky-nav.menu_fixed .container-inner { padding: 0; margin: 0 } .home-4 .main-navigation { margin-left: 150px } .mobile-menu-area { display: none } .mean-container a.meanmenu-reveal span { display: block; background: #333; height: 2px; margin-top: 3px; position: absolute; z-index: 999999; width: 18px; margin: 5px 0 4px 0 } .mean-container a.meanmenu-reveal { padding: 0 5px 5px 5px } a.meanmenu-reveal.meanclose { padding: 0 5px 5px 5px } .menu-overflow { height: 220px; overflow-x: auto } .home-5 .contact-link { margin: 0 0 0 45px } .home-6 .contact-link { margin: 0 0 0 0 } .home-5 .home-10 .contact-link { margin: 5px 0 0 45px } .home-5 .logo { margin: 0 } .home-5 .cart-info { margin-top: 3px } .home-5 .home-2 .header_account_list { margin: 4px 0 0 } .home-5 .header-navigation { padding: 40px 0 40px 0; border-bottom: 1px solid #ededed } .home-13 .header-navigation { padding: 30px 0 30px 0 } .home-5 .main-navigation { margin: 0; float: initial } .home-5 .main-navigation ul li a { padding: 18px 15px } .home-5.home-6 .main-navigation ul li a { padding: 18px 30px 18px 0 } .home-6 .dropdown_search { display: block; position: initial } .home-6 .header_account_list>a { display: none } .contact-link-wrap { display: flex; width: 100%; justify-content: flex-end; margin: 8px 0 0 0 } .home-6 .header_account_area { margin-top: 0; width: 100% } .home-5.home-6 .logo { margin: 7px 0 0 0 } .home-5.home-6 .home-10 .logo { margin: 13px 0 0 0 } .home-5.home-6 .cart-info { margin-top: 5px } .home-5.home-6 .home-10 .cart-info { margin-top: 15px; margin-left: 70px } .home-6 .header-navigation { padding: 35px 0 } .home-14 .header-navigation { padding: 25px 0 } .home-electronic .header-navigation { background: #0090f0; border-bottom: 0; border-top: 1px solid rgba(255, 255, 255, .1) } .home-11.home-electronic .header-navigation { background: #fff; border: 0; padding: 26px 0 27px 0 } .home-11.home-electronic .header-navigation.sticky-nav.menu_fixed { padding: 5px 0 8px 0 } .home-electronic .home-10 .header-navigation { background: #fff; border-bottom: 0; border-top: 0 solid rgba(255, 255, 255, .1); padding: 25px 0 } .home-electronic .home-10 .header-navigation.sticky-nav.menu_fixed { padding: 10px 0 } .home-electronic.home-12 .header-navigation { padding: 32px 0 } .home-8 .dropdown_search { margin-left: 65px } .home-electronic .beauty-category .nice-select { background: #fff; color: #253237 } .home-electronic .home-10 .beauty-category .nice-select { background: #0583d7; color: #fff; text-transform: capitalize } .beauty-category .nice-select { -webkit-tap-highlight-color: transparent; border-radius: 0; border: solid 0 #e8e8e8; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; font-family: "Open Sans", sans-serif; height: 60px; line-height: 60px; outline: none; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: 100%; color: #fff; background: #ab9b69; font-size: 14px; font-weight: 700; text-transform: uppercase; cursor: pointer; margin: 0; padding-left: 20px; padding-right: 0 } .beauty-category { height: 60px; width: 270px } .home-10 .beauty-category { min-width: 270px } .beauty-category .nice-select .option { position: relative; display: block; overflow: hidden; line-height: 24px; text-transform: capitalize; word-wrap: break-word; background: #fff; color: #253237; padding: 15px 20px; font-size: 14px; font-weight: 700; transition: none; border-bottom: 1px solid #eaeaea } .beauty-category .nice-select:after { border-bottom: 0 solid #fff; border-right: 0 solid #fff; height: auto; right: 12px; width: auto; content: '\f3d0'; display: inline-block; font-size: 12px; font-family: "Ionicons"; font-weight: 400; margin-left: 7px; float: right; -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); top: 4px } .beauty-category .nice-select.open:after { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg) } .beauty-category .nice-select:before { content: '\f394'; display: inline-block; font-size: 24px; font-family: "Ionicons"; font-weight: 400; line-height: 32px; margin-right: 10px; text-align: center; vertical-align: -3px } .beauty-category .nice-select .list { background-color: #fff; border-radius: 0; box-shadow: 0 0 3.76px .24px rgba(0, 0, 0, .15); margin-top: 1px } .beauty-category .nice-select .option:hover, .beauty-category .nice-select .option.focus, .beauty-category .nice-select .option.selected.focus { background-color: #fff; color: #c0b07d } .home-electronic .beauty-category .nice-select .option:hover, .home-electronic .beauty-category .nice-select .option.focus, .home-electronic .beauty-category .nice-select .option.selected.focus { color: #0090f0 } .home-8 .main-navigation ul li a { color: #fff } .home-9 .main-navigation ul li a { color: #253237 } .home-8 .header-buttom-nav { background: #c0b07d } .home-9 .header-buttom-nav { background: #fff } .home-10 .header-buttom-nav { background: #0090f0 } .home-8 .main-navigation { margin-left: 35px } .home-19 .main-navigation { margin-left: 0 } .home-12 .home-10 .main-navigation { flex: 0 0 100% } .home-10 .main-navigation { margin: 0; flex: 0 0 78% } .home-furniture .home-10 .header-buttom-nav { background: #ef1e1e } .home-2 .slider-height-6 { height: 670px } .slider-content-2 { margin-top: 70px } .home-2 .bg-img { background-size: cover } .slider-height-7 { height: 800px } .slider-height-18 { height: 660px } .slider-content-18 { align-self: center; margin-left: 5% } .home-2.banner-area { margin-top: 60px } .home-3 .shop-btn { margin-top: 5px } .slider-area .container { align-self: center } .home-20 .slider-area { margin-top: 30px } .home-4 .slider-height-6 { height: 700px } .home-4 .slider-area span { color: #fff } .home-4 .slider-area h1 { color: #fff } .home-4 .slider-area .shop-btn { background-color: #fff; color: #253237 } .home-4 .slider-area .shop-btn:hover { background-color: #253237; color: #fff } .home-4 .slider-content-5 { margin: 150px 0 0 0 } .slider-height-6 { height: 650px } .slider-height-16 { height: 590px } .home-5 .slider-height-6 { height: 570px } .slider-height-13 { height: 690px } .slider-height-9 { height: 630px } .slider-height-19 { height: 580px } .slider-height-10 { height: 550px } .slider-height-11 { height: 545px } .bg-img { background-position: center center; background-size: cover; position: relative; z-index: 1; background-color: #bebebe } .bg-img:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; /*background: #fff;*/ background: transparent; z-index: -1; opacity: .2 } .home-4 .bg-img:after { background: #000 } .slider-area span { font-size: 17px; font-weight: 400; text-transform: uppercase; color: #253237; font-style: italic; margin-bottom: 10px; line-height: 1; display: block } .slider-area .slider-content-11 span { color: #fff } .slider-area .slider-content-11 h1 { color: #fff } .slider-area .slider-content-11 p { color: #fff } .slider-area .slider-content-20 h1 { color: #fff } .slider-area .slider-content-20 p { color: #fff } .slider-area h1 { font-size: 45px; font-weight: 600; /*color: #253237;*/ color: #fff !important; margin-bottom: 30px; line-height: 1 } .home-16 .slider-area h1 { color: #fff } .home-16 .slider-area p { color: #fff } .home-16 .slider-area h1 { color: #fff } .home-17 .slider-area h1 { color: #fff } .home-17 .slider-area p { color: #fff } .home-17 .slider-area h1 { color: #fff } .slider-area .slider-content-13 h1 { font-size: 42px } .slider-area .slider-content-13 h1 strong { font-size: 45px } .slider-area .slider-content-13 p { width: 49% } .slider-content-16.slider-content-13 { padding-left: 60% } .slider-content-16.slider-content-13 p { width: 100% } .slider-area .slider-content-13.slider-content-15 p { width: 35% } .slider-content-15 { margin-top: 70px } .slider-area strong { font-size: 60px; font-weight: 700; display: inline-block; margin: 0; font-style: normal } .slider-area p { font-size: 19px; margin-bottom: 30px; font-weight: 400; color: #555 } .home-2 .shop-btn { margin-top: 20px } .shop-btn { width: 120px; height: 40px; line-height: 40px; text-align: center; display: inline-block; background-color: #4fb68d; color: #fff; font-weight: 700; border-radius: 30px; font-size: 14px } .shop-btn:hover { color: #fff; background: #253237 } .home-cosmatics .shop-btn:hover { background-color: #c0b07d } .home-furniture .shop-btn { background-color: #ef1e1e } .home-furniture .slider-content-15 .shop-btn:hover { background-color: #253237 } .home-furniture .slider-content-16 .shop-btn { background-color: #fff; color: #253237 } .home-furniture .slider-content-16 .shop-btn:hover { background-color: #253237; color: #fff } .home-cosmatics .shop-btn { background-color: #253237 } .home-electronic .shop-btn { background-color: #0090f0 } .home-electronic .slider-content-11 .shop-btn { background-color: #fff; color: #253237 } .home-medical .shop-btn { background-color: #fff; color: #253237 } .home-medical .shop-btn:hover { background-color: #253237; color: #fff } .home-medical.home-19 .shop-btn { background-color: #0bbfbd; color: #fff } .home-medical.home-19 .shop-btn:hover { background-color: #253237; color: #fff } .home-electronic .slider-content-11 .shop-btn:hover { background-color: #253237; color: #fff } .home-electronic .shop-btn:hover { background-color: #253237 } .single-static h4 { color: #253237; font-size: 16px; font-weight: 600; text-transform: capitalize; line-height: 22px; margin-bottom: 0 } .single-static p { line-height: 20px; color: #666; font-size: 13px; margin: 0 } .single-static img { width: 45px; flex: 0 0 45px; margin: 0; margin-right: 10px } .single-static { position: relative; display: flex; align-items: flex-start; padding: 36px 5px } .single-static-meta { overflow: hidden; flex-grow: 1 } .static-area-wrap { border: 1px solid#ebebeb; border-radius: 5px; padding: 0 20px } .home-8 .static-area { margin-top: 30px; margin-bottom: 60px } .home-8 .static-area.home-10 { margin-top: 60px } .home-8 .static-area { margin-top: 60px; margin-bottom: 60px } .home-8.home-19 .static-area { margin-top: 60px } .home-7 .best-sells-area { margin-top: 60px } .list-product { position: relative; background: #fff; z-index: 1; border: 1px solid #ebebeb; border-radius: 5px; overflow: hidden; margin-bottom: 30px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear } .second-img { position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear } .list-product:hover .second-img { opacity: 1; visibility: visible } a.quick_view { display: inline-block; background: #fff; color: #253237; padding: 0; border: none; line-height: 46px; height: 46px; width: 46px; border-radius: 100%; padding: 0; text-align: center; text-transform: capitalize; pointer-events: visible; opacity: 0; -moz-transform: scale3d(0, 0, 0); -webkit-transform: scale3d(0, 0, 0); -o-transform: scale3d(0, 0, 0); -ms-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear } .home-medical a.quick_view { box-shadow: 0 0 13.95px 1.05px rgba(0, 0, 0, .17) } .home-medical .list-product { border-radius: 0 } .list-product-2.transparent-border .list-product { margin: 0 } a.quick_view i { font-size: 21px } .list-product:hover a.quick_view { opacity: 1; -moz-transform: scale3d(1, 1, 1); -webkit-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } .list-product:hover { border-color: #4fb68d } .home-cosmatics .list-product:hover { border-color: #c0b07d } .home-furniture .list-product:hover { border-color: #ef1e1e } .home-cosmatics a.quick_view:hover { background-color: #c0b07d; color: #fff } .home-electronic .list-product:hover { border-color: #0090f0 } .home-medical .list-product:hover { border-color: #0bbfbd } .home-electronic a.quick_view:hover { background-color: #0090f0; color: #fff } .home-furniture a.quick_view:hover { background-color: #ef1e1e; color: #fff } .home-medical a.quick_view:hover { background-color: #0bbfbd; color: #fff } a.quick_view:hover { background-color: #4fb68d; color: #fff } .quick-view { position: absolute; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; text-align: center; pointer-events: none; z-index: 1; height: 46px } .img-block { position: relative; overflow: hidden } .new { position: absolute; top: 10px !important; left: 10px; display: inline-block; color: #fff; padding: 0 5px; text-align: center; line-height: 20px; height: 20px; font-size: 12px; font-weight: 700; border-radius: 5px; text-transform: capitalize; text-align: center; z-index: 1; background-color: #4fb68d } .home-cosmatics .new { background-color: #c0b07d } .home-furniture .new { background-color: #ef1e1e } .home-electronic .new { background-color: #0090f0 } .home-medical .new { background-color: #0bbfbd } .inner-link { font-size: 12px; text-transform: uppercase; color: #999; line-height: 1; margin-bottom: 10px; display: block } .inner-link:hover { color: #999 } .home-cosmatics .inner-link:hover { color: #253237 } .home-electronic .inner-link:hover { color: #253237 } .product-decs { padding: 20px 15px 16px 15px; background: #fff; overflow: hidden; position: relative; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear } .product-link { line-height: 18px; display: block; margin-bottom: 10px; font-weight: 700; color: #253237; font-size: 14px; text-transform: capitalize } .product-link:hover { color: #4fb68d } .add-to-link ul li a:hover { color: #4fb68d } .home-cosmatics .product-link:hover { color: #c0b07d } .home-furniture .product-link:hover { color: #ef1e1e } .home-medical .product-link:hover { color: #0bbfbd } .home-cosmatics .add-to-link ul li a:hover { color: #c0b07d } .home-electronic .product-link:hover { color: #0090f0 } .home-electronic .add-to-link ul li a:hover { color: #0090f0 } .home-furniture .add-to-link ul li a:hover { color: #ef1e1e } .rating-product i { overflow: hidden; font-size: 18px; color: #fdd835 } .old-price { color: #9b9b9b; font-weight: 400; text-decoration: line-through; margin-right: 2px; font-size: 14px } .old-price.not-cut { text-decoration: none } .pricing-meta li { display: inline-block } .current-price { color: #cf2929 } .discount-price { display: inline-block; vertical-align: top; color: #fff; background: #cf292b; padding: 0 4px; border-radius: 5px; text-align: center; line-height: 20px; height: 20px; font-size: 12px; font-weight: 700; text-transform: capitalize; text-align: center; z-index: 4; margin-left: 2px } .cart-btn { display: inline-block; background: #fff; color: #253237; font-weight: 700; padding: 0; border: none; border-width: 2px; border-bottom-style: solid; line-height: 24px; height: 26px; width: auto; cursor: pointer; font-size: 14px; text-transform: uppercase; position: relative; z-index: 1 } .add-to-link ul li { display: inline-flex; float: right } .add-to-link ul li.cart { float: left } .add-to-link ul li a { display: inline-block; background: #fff; color: #253237; padding: 0; text-align: center; text-transform: capitalize } .add-to-link-btn a { display: inline-block; background: #253237; color: #fff; font-weight: 700; padding: 10px 18px; border-radius: 5px; border: none; line-height: 18px; height: 38px; width: auto; cursor: pointer; font-size: 14px; text-transform: capitalize; position: relative; z-index: 1; transition: all .3s ease-in-out } .add-to-link-btn { text-align: center; margin: 10px 0 25px } .add-to-link-btn a:hover { background: #0bbfbd } .add-to-link ul li a i { margin-right: 10px; font-size: 21px } .add-to-link { position: absolute; left: 15px; right: 15px; bottom: 20px; background: #fff; visibility: hidden; opacity: 0; transform: translateY(25px) translateZ(0); -webkit-transform: translateY(25px) translateZ(0); perspective: 800px; -webkit-perspective: 800px; backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transition: opacity .3s ease, visibility .3s ease, transform .3s ease; -webkit-transition: opacity .3s ease, visibility .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, visibility .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, visibility .3s ease, transform .3s ease; transition: opacity .3s ease, visibility .3s ease, transform .3s ease, -webkit-transform .3s ease } .list-product:hover .add-to-link { opacity: 1; visibility: visible; -webkit-transform: translateY(0) translateZ(0); transform: translateY(0) translateZ(0) } .rating-product { margin-bottom: 6px } .home-furniture .add-to-link ul { display: flex; justify-content: space-between; border-radius: 30px; background: #fff; padding: 10px 0 } .home-furniture .add-to-link ul li { display: initial; float: none; width: 100%; border-right: 1px solid rgba(37, 50, 55, .3); text-align: center; line-height: 15px } .home-furniture .add-to-link ul li:last-child { border: 0 } .home-furniture .add-to-link ul li a i { margin: 0 } .home-furniture .add-to-link ul li a { background: #fff } .home-furniture .add-to-link { bottom: 10px; border-radius: 30px } .home-furniture .product-decs { text-align: center } .home-furniture .feature-slider-item .product-decs { text-align: left } .category-list:hover .category-thumb img { -webkit-transform: scale(1.035) rotate(0.05deg); transform: scale(1.035) rotate(0.05deg); -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear } .category-thumb img { width: 100%; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear } .desc-listcategoreis { position: absolute; left: 40px; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .category-list { position: relative; overflow: hidden } .desc-listcategoreis .name_categories h4 { font-size: 18px; /*font-size: 24px;*/ font-weight: bold; text-transform: capitalize; margin-bottom: 12px; line-height: 1; background:#4fb68d; padding: 10px; color: #fff; } .desc-listcategoreis .number_product { color: #888; font-size: 14px; text-transform: capitalize; margin-bottom: 12px; line-height: 1; display: block } .desc-listcategoreis a { color: #253237; font-size: 14px; text-transform: capitalize; line-height: 1; display: inline-block } .desc-listcategoreis a:hover { -moz-transform: translateX(10px); -webkit-transform: translateX(10px); -o-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); color: #4fb68d } .home-electronic .desc-listcategoreis a:hover { color: #0090f0 } .home-cosmatic .desc-listcategoreis a:hover { color: #c0b07d } .desc-listcategoreis a i { font-size: 16px; text-align: center; border-radius: 50%; display: inline-block; color: #098; transform: translate(3px, 3px) } .home-electronic .desc-listcategoreis a i { color: #0090f0 } .home-cosmatic .desc-listcategoreis a i { color: #c0b07d } .home-3 .recent-add-area { margin-top: 30px } .home-6 .recent-add-area { margin-top: 30px; margin-bottom: 30px } .home-3 .categorie-area { padding: 30px 0 60px 0 } .category-slider-2 .desc-listcategoreis { position: initial; -moz-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%) } .category-slider-2 .category-thumb { position: relative; overflow: hidden; border: 1px solid #ebebeb; border-radius: 5px; margin-bottom: 20px } .category-slider-2 .desc-listcategoreis .name_categories h4 { color: #253237 } .home-furniture .desc-listcategoreis a i { color: #ef1e1e } .home-furniture .desc-listcategoreis a:hover { color: #ef1e1e } .in-stock { font-size: 14px; text-transform: capitalize; color: #777; line-height: 1; display: block } .in-stock span { font-weight: 700; color: #4fb68d } .home-cosmatics .in-stock span { color: #c0b07d } .home-electronic .in-stock span { color: #0090f0 } .home-furniture .in-stock span { color: #ef1e1e } .home-medical .in-stock span { color: #0bbfbd } .clockdiv { display: flex; justify-content: center; margin: 30px 0 39px 0 } .hot-deal-3 .list-product { border: 2px solid#0bbfbd } .hot-deal .list-product { text-align: center; border-width: 2px } .hot-deal .inner-link { font-size: 15px } .hot-deal .product-link { font-size: 18px; line-height: 20px } .hot-deal .old-price { font-size: 17px } .hot-deal .current-price { font-size: 17px } .title_countdown { font-size: 14px; color: #777; line-height: 18px; display: inline-block; vertical-align: top; max-width: 110px } .clockdiv span { font-weight: 600; color: #253237; font-size: 16px; position: relative; display: inline-block } .clockdiv span p { font-size: 10px; text-transform: uppercase; margin: 0; color: #999 } .clockdiv span { margin: 0 5px } .clockdiv span:after { position: absolute; top: 0; left: auto; content: ":"; right: -5px } .clockdiv span.second:after { display: none } .hot-deal-area { margin-top: 60px } .hot-deal-area.mt-30px { margin-top: 30px } .hot-deal-area.mt-100px.mb-40px { margin-top: 100px; margin-bottom: 40px } .home-6 .hot-deal-area { margin-top: 30px } .hot-item-inner { float: left; width: 45%; max-width: 320px } .hot-deal-3 .hot-item-inner { width: 55%; max-width: 525px } .hot-deal-3 .nav-container { flex: 0 0 14%; margin-left: 5px; align-self: center } .nav-container .slick-vertical .slick-slide:focus { border: 1px solid #0bbfbd; outline: 0 } .nav-container .slick-vertical .slick-slide:focus { margin: 5px 0 } .main-container .slick-vertical .slick-slide:focus { border: 0; outline: 0 } .product-wrapper { overflow: hidden; padding: 15px 15px 0 15px; text-align: center } .product-wrapper .inner-link { font-size: 15px } .product-wrapper .product-link { font-size: 18px; line-height: 20px } .hot-deal-2 .list-product { border: 2px solid #4fb68d } .home-cosmatics .hot-deal-2 .list-product { border: 2px solid #c0b07d } .home-electronic .hot-deal-2 .list-product { border: 2px solid #0090f0 } .home-furniture .hot-deal-2 .list-product { border: 2px solid #ef1e1e } .banner-wrapper a img { width: 100% } .banner-wrapper { position: relative; overflow: hidden } .banner-wrapper img { width: 100%; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear } .banner-wrapper:hover img { -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; -webkit-transform: scale(1.035) rotate(0.05deg); transform: scale(1.035) rotate(0.05deg) } .banner-area { margin-top: 30px; margin-bottom: 60px } .banner-3-area { margin-top: 60px } .banner-3-area.mt-30px { margin-top: 30px } .home-6 .banner-3-area { margin-bottom: 60px } .banner-area-2.mt-0px.mb-100px { margin-top: 0; margin-bottom: 100px } .banner-3-area.mt-70px { margin-top: 70px } .banner-3-area.mt-0px.mb-100px { margin-top: 0; margin-bottom: 100px } .banner-3-area.mt--60px { margin-top: -60px; position: relative; z-index: 2 } .banner-area-2.mt-60px { margin-top: 60px } .feature-area.mt-40px.mb-70px { margin-top: 40px; margin-bottom: 70px } .feature-area.mt-100px.mb-70px { margin-top: 100px; margin-bottom: 70px } .recent-add-area.mb-70px { margin-bottom: 70px } .feature-slider-item .img-block { float: left; width: 120px; margin-right: 20px } .feature-slider-item .product-decs { overflow: hidden; padding: 10px 0 0 0 } .home-10 .feature-slider-item .product-decs { margin: 4px 0 } .feature-slider-item .list-product { padding: 20px } .category-product-2 .feature-slider-item .list-product { padding: 13px 0 13px 0; margin: 0 20px 0 20px; border: 0; border-bottom: 1px solid#ebebeb } .category-product-2 .feature-slider-item { border: 1px solid#ebebeb; background-color: #fff } .category-product-2.custom-nav-style .feature-slider-item { border: 2px solid#0bbfbd } .category-product-2.custom-nav-style .feature-slider-item .list-product { padding: 11px 0 10px 0 } .category-product-2 .feature-slider-item .list-product:last-child { border-bottom: 0 } .feature-area-2 { background-image: url(../images/feature-bg/feature-bg.jpg); background-position: left center; background-size: cover; padding: 60px 0 30px 0; background-repeat: no-repeat; margin: 30px 0 60px 0 } .feature-area-2 .section-title { margin-left: 0 } .home-7 .feature-area-2 { background-image: url(../images/feature-bg/feature-bg-2.jpg) } .feature-slider-item.feature-slider-item-3 .list-product { margin: 0 } .category-product-area.mt-40px.mb-70px { margin-top: 40px; margin-bottom: 70px } .category-tab-area.mt-100px { margin-top: 100px } .category-tab-area.mtb-70px { margin: 70px 0 } .category-product-area.mt-65px { margin-top: 65px } .banner-inner a img { width: 100% } .banner-inner { position: relative; overflow: hidden } .banner-area-2 { margin-top: 30px; margin-bottom: 60px } .banner-inner img { width: 100%; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear } .banner-inner:hover img { -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; -webkit-transform: scale(1.035) rotate(0.05deg); transform: scale(1.035) rotate(0.05deg) } .brand-area.mb-100px { margin-bottom: 100px; padding-bottom: 0 } .brand-area.mt-70px.mb-100px { margin-top: 70px; margin-bottom: 100px; padding: 0 } .blog-area.mt-30px { margin-top: 30px } .brand-slider-item { padding: 20px 0 20px 0 } .brand-slider { border: 1px solid#ebebeb; border-radius: 5px; background: white; } .owl-carousel .owl-item .brand-slider-item img { max-width: 100%; width: auto; margin: auto } .brand-slider-item { padding: 30px 45px 30px 45px; display: flex; justify-content: center; } .brand-area { padding-bottom: 60px; padding-top: 30px } .footer-top { padding: 60px 0 } .text-info { line-height: 24px; color: #666 !important; font-size: 14px; margin: 36px 0 } .need-help { position: relative; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAvCAYAAAClgknJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjZCNTI0NTg0RTJGMTFFQUI3NTVDMEIxQUU4RTgyNkYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjZCNTI0NTk0RTJGMTFFQUI3NTVDMEIxQUU4RTgyNkYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNkI1MjQ1NjRFMkYxMUVBQjc1NUMwQjFBRThFODI2RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCNkI1MjQ1NzRFMkYxMUVBQjc1NUMwQjFBRThFODI2RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiCIJiwAAAXySURBVHjaxJkJbBVFGMe321rKYRW1eAKKcogxiBotCCiFUkVQlEM5yukdvFMlhmgU7ysgwajRlkKBgge10HrSVkVBoRH6IjEcBgsVFPHA0mhpi/8J/zHjOPve7uxWvuSXvs7u29n/zDfffPO9pGvLX3A8bAB4HvQFe8AC8CJoduzsTHAKOAh2gd+cCMz1aJ8IPgEdwFzwNXgGrAJpln0Vg3WgBvwK9oJScDfobCsgxdCWBfLBajAO/MX2SWAhWAmuA38G7Ot6cC5oz9kQnweCEZzZCvAc+DCMgFPBUpBKVzmsXCsCLWCRpYgfiG6ngxvATPAB+Iyfa2xcaD5H6BEwitOeqlwX4iaDbIpIi8CN6zgDPcBUcA6oBg/FcXGjgCFgNJgNHgM3+RBREpEIYU2gEPTkLD/BNdLer4CHwQ7wMv/PV0QsN4jIBUMDiCjk87/k9+8E3Qz3/QFmgGlgGFgDjksk4AIwiIvokHJdirjGIGJZQBEVfJkfwcXgJbCd0W644f6FHDwRxt/R+v6PgFzG56WGe4SImyMQIWbgFj6nBxfvvQwcZaDcEE7LGQkvp2BPAVeBjzh9TggRy/0sPCUqzQO9wK2gH/ebLO2+d8Ec3jPGJOBkxuQ1CTpU3WmFQYQUODrg4hWh+TW6yi6Oeo52z+NgLQWn6wLO4+dqH50VUMRIg4gC+vcwj++OY3SbzlCp2066yib6fB/lWjMXfSeQpwuQkeA7nyMmRYzQRCSxo5Y4Ah4Ab4BtTCt0sQc4OHvpjm2Va5vYNlOdBSGgIz/vCzDtBXQZVYRYkKfRBUw2hotcjP5dIIM77wItI9jHNSUW+iztGSJKHg9uVAUkK77oWIpYx8y1mJtPPNvBHb83eBbczllR7QtGxHv4wtI2cyYmqAJkPtPWYvcUIl4HF9Jvp2j5UzxrBA8yG51M11DtSbrKJK39TXAZOFYK2M8LnSwE9OaOWcpRabR4xnyGSvHCJyjtW8BXYKx2/6d0uf5SwFZe6GnR+f2gniNo8/LSZvHsMVFrfx9kGhazI6OnEBBj+pBp0fFgnht+D5nIfQs2gKu19moGiO5KWz03we5SQAO/nGPRsUiyfoooG93MDVW1Wv49Q2vfLxM8ue2/za28a8BOa7kOorBaQ9b5M/+mGtrTVAHFdKM7AnYqIs+VzC7D2ly5MBXbzWev1tqncWf+R4DwqSWMyRkBOp3HHbyEG08Yq2fkcQzroElr+54nuX9ljiJhOobVB792gJmssMoIRIQqq4iRfJrn0pEBnrGdKfDhoyHCNex+63kaCvIiW4+WCF3AIWaNDTwfdA4oYrAiIujGKM4lF4GTwlbmdvOMKsJUVUAR2xQRFT5FiJxmMQPJRqbSr/rNzbyOfzEeEdMpoouFiBYfItKZLsjDznBGthnMr9rZCpA741COUKWFiCxFRC/DPSJNfo+xXwh4lP+L/Go8uIJJXjtbAVJEdkgRTTwv5HHX7sbkbwPT8GZWK1K1lHmCHxF+KghhRWSy9iMOL9/wQFPIPWQgz8g5LFV6ifB0p5QAiVY2Sy9VfGitz+/uYYGqC9OCNK6xGK9vVKoesmjcqIiQlcBSVj0abASoa+JjCxEyWfO6fxEjVwHTklF+RbgBY3UNRXSwiE6JbLFSDy0xuNN4ll1Wqe7kWnT0f4poo1x7iyIGqSJcy450EV0jFjGVIlbGEVEURoAUMYQiKiMWUZRARB4Xez83ZEexVhYxxUNEPv9e6kbQUWuKWKKIUNfE2fJs7EbUkSpCrImzWkGE/ElLnBhfcY78VFvmRthRjElcG5YGMyMWIX+XE8fJ81mx+yVKAQ5Thf4cnSoWrFIifL7YwA7SpcrDRiEv2wku4c75FHfwsZZ9JXFWKzkLIu0Qv+etDbOR+a0wTGfn4pS3gondHJ66khN8X5Tg72OVooKLNpfrrM42F7Ix4UZ9eVC5zTnyA8dsZqJbWEioZx4kFueJTLkz2PY594NljkfttbUFOHyRMtKR+cwAlhH7MCVIpn/XMe9Zz5GvS/TwvwUYAE8NkXLTBH8KAAAAAElFTkSuQmCC) 0 5px no-repeat } .home-cosmatics .need-help { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAvCAYAAAClgknJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEYzNTdBMkE3NjFEMTFFQTk5NkJBNEZFRTZFMDhGOTAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEYzNTdBMkI3NjFEMTFFQTk5NkJBNEZFRTZFMDhGOTAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4RjM1N0EyODc2MUQxMUVBOTk2QkE0RkVFNkUwOEY5MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4RjM1N0EyOTc2MUQxMUVBOTk2QkE0RkVFNkUwOEY5MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pqd6DY8AAAX4SURBVHjaxJkJbBVFGMe3r7UUwSpqEQ9AUQ4xBlGjBQG1HPUAgwJVjnJ5G1Q8qsTgEVHxiqESjBBtKRQoeFAKrSdtVRQUGmlfJIbDQKGCImpqabS0xf+E/5hxnH1vd3Yrk/zS19l9O/uf+eb7vvleQmXxk45LGwReBf3BfrAAvAZaHLt2LugCDoO94HcnhBZx6Z8IPgMdwTzwLXgJrAUplmMVgY2gBvwGDoAS8CDoaisgydCXAfLAOpAF/mL/JLAYrAY3gz99jnULuBB04GqIz4PBSK5sOXgFfBxEwJlgOUimqRxVrhWCVrDEUsSPRG9ng1vBDPAR+IKfa2xMaD5n6GkwmsuerFwX4iaD4RSREoIZ13EFeoGp4AJQBZ6IYeJGAUPBGDAbPAvu8CCiOCQRojWDAtCbq/w890gHrwKeArvAG/w/TxGx0iAiGwzzIaKAz/+a378f9DDc9we4HUwDI8B6cHI8AZeAIdxER5TrUsRNBhErfIoo58v8BC4Hr4Od9HY3GO5fzMkTbvx9bez/CMimf15uuEeIuDMEEWIF7uJzenHzzqTjKAVlBndaRk94NQW7CrgefMLlcwKIWOll4yleSbxUH3A3GMB4k6HdtwbM4T1jTQLOoE9eH2dA1ZxWGURIgWN8bl7hmhfRVPZy1jO1e54DG0AuSNUFXMTPVR4Gy6eIUQYR+bTvES7fzaJ3m05XqbfdNJWttPl+yrUWbvrOIEcXID3BDx5nTIoYqYlI4ECtMQQ8Bt4GO5hW6GLrOTkHaI7tlWtb2TdDXQUhoBM/H/Sx7Pk0GVXEQ+AsmoCpjeUmF7P/AEhj5F2gZQQHuafERp+lPUN4yVPAbaqARMUWHUsRG5m5FjH4xGq7GPH7gpfBvVwVtX1FjziTLyxbNVdigipA5jPtLaKnEPEWuJR2O0XLn2K1JvA4s9HJNA21vUBTmaT1vwOuAidJAYd4obOFgL6MmCWclSaLZ8ynqxQvfKrSvw18A8Zp939OkxsoBWznhd4Wgz/K2JFt+fKyzeLZY6LW/yFIN2xmR3pPISDK9CHdYuBrGEXrAyZy34PN4Eatv4oOoqfS18Ag2FMKaOSXMy0GFknWzyFlo9UMqGqr5d9ztP5DMsGTYf89hvLuPget5T4Io9Uass5f+DfZ0J+iCiiiGd3nc1Dhea5jdhm0zZMbU2n7+Ox1Wv80RuZ/BAibWkafnOZj0FxG8GIGniCtgZ7HMeyDZq1vD09y/8ocRcJ0AqsPXls9M1nRKkIQEaisImbyRZ5LR/l4xk6mwEePh4iIIfpt4mnIz4tsP14idAFHmDU28nzQ1aeIaxURfgOjOJdcBk4PWpnbxzOqcFOVPkXsUESUexQhcpqldCRbmEov9JqbuR3/ojwiplJENwsRrR5EpDJdEKv+DCcul1UJkV+daCtARsZhnKEKCxEZiog+hntEmvwBfX8Wz73i/0fAeKYpa+KJiHcAr2YBK4iIZp4Xchi1ezB93sw0vIXVimQtZZ7gRYSXCkJQEems/YjDy3c80BQwhgzmGTmTpUo3Ea7mlOQj0RrO0kslH1rr8bv7WaDqxrQghXssyutblKqHLBo3KSJkJbCEVY9GGwHqnvjUQoRM1tzuX0LPlc+0ZLRXERGfvrqGIjpaeKd4balSDy02mNN4ll3WquYUsRjo/xTRTrn2LkUMUUVELAfSRXQPWcRUilgdQ0RhEAFSxFCKqAhZRGEcETnc7AMiAQeKtrGIKS4i8vj3ykgIA7WliGWKCHVPnC/PxpGQBlJFiD1xXhuIkD9piRPjm86xn2pLIyEOFGUS146lwfSQRcjf5cRx8mJW7H4NU4DDVGEgZ6eSBaukEJ8vAthhmlRZUC/k1naDKxg55zKCj7McK4GrWsFVEGmH+D1vQ5BA5rXCMJ2Di1PeKiZ2c3jqSozzfVGCf5hVinJu2mzuszrbXMimCTPqz4PKPc6xHzhmMxPdxkJCA/MgsTlPY8qdxr4vGQ9WOC6117YW4PBFSkkn5jODWEbsx5QgkfZdx7xnE2e+Lt7D/xZgAOT9kc1z9YHHAAAAAElFTkSuQmCC) 0 5px no-repeat } .home-furniture .need-help { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAvCAYAAAClgknJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUMxODJBNjA4RjYwMTFFQTg3MjE4RUU3NDUxQzBFRDIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUMxODJBNjE4RjYwMTFFQTg3MjE4RUU3NDUxQzBFRDIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1QzE4MkE1RThGNjAxMUVBODcyMThFRTc0NTFDMEVEMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1QzE4MkE1RjhGNjAxMUVBODcyMThFRTc0NTFDMEVEMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtoFj1oAAAYLSURBVHjaxJkJUFVVGMcfzyIUI8uybEGTCFumbLHUshQiW9XSKE0QmQxrbB1qcmqmzbFss8WmaRLIxK2sFFPLQqSsnNJSKGvIqEja1CgQKlTs/03/6xxP9753z3n3yTfzGx733ffO+5/vfMs5N6ExNTXkYeeDJ0E/8DN4HjwFdofsrDc4CrSAH8EfoQAs7HH9elAFkijiUzAdLOU1G1sAPgbVoBH8AsrBbeA4WwEJLh7IBCvA2+Aa0KaImg3eBVeBvw3HOhqcBJLpDXk9GJwM9oBV4HGw0uRLD9D+7wnmgUSXpTKXA70C3rQQ8RPR7RhwLZgM3gEfgFvARpsl9Bxn6H4wkm5PVN4XcXkgmyKSAljGDYytE0E+OAGsA/dGWOKuArLAKHAfeAjcQBELXUTkUsTigESI7eISzaCXpzJGkv3GQBXdKWtzJ68VgFlgCd3cpnx2DJgD3qPQaMtpNjPbNvAtA3oZqPO4X7zxIvgcDAN/RvKApMoLGEQ7lfdL6InhLp6YT09c5NMTEqQV4FdwNngWbObEXeZy/8tgBH/bG9rY//OApMpCBnGzy33iiZeYRnM0T1wHygw8oWalq8GtIJ2Zr5A1QrXhFCArYZKXBy5lemz2GEw8MRFcCV7VZkMCfRw9sdBP4ClZaSboC24EA7lchmr3SRw8SHGj3QQcyXVfEWVAZzl5iZjI2RplGLzt9G4/zv4KTqhq08Aa8AxI0QWcwtfrfQxWGkFEKdf3xR6fzWF2K+CS0e0HcCHYABZRkGO7WRt6gLt0AX34us7njDkirgCvKSISOFC7x+ekqheBYlAL1jK7qNbEyfmNXu2svLeBS3Sy6gURcChfbzVweymXzOWKiDsYmMsjCOjCCZPZ7M525QWtI9jKmJLCdo/2HY+BbkwcewV0UtZiyFKEzOYTnLXyKJ/7jsErS/dRBmexds+HbF1u5w92rJqeGKsKcNJeZ4vqWcr0dgZT3Xj2S35MUvEUptE8Lg3VHuFSGaddF4+fBw52BGznGz0sBEgnOYGzPkarD35tJguhZJrDlOubwCdceqq9zyU3yBFQyzcyLAYvYu3I1Sq4qYknurrMtsTIAJdgDjnZUwTUcPABFgMPYT/TFGMj9zU3TXpLsZ4JQk27O1gE0x0BrfzwMIuBD2HKC8I2sqCqVs+/x2rXt3PsvWX/dZbyXoaD1jMOgrB650cpto1/E12uJ6kCFnAZ3Ww4qGSeS0D/AAQ87QSmYlvYub6lXZ/AWrLPfqCEEd/HoKhJKvuMQZapJIT9ZmrnOJXpabrB55uVxquS1bPDBNSxMuazH/Frm9kC7+kIEfqxyoHcIWUwqE2WRDoFJFBQ7f72QIiBnMPUWmF44PSN5gnTwij7krPA4bGezG1hQZE0tdpSRDv3wBk+E8F8Fqd1PLEr9tubeW3/arhFTKGIVEMRmT5FpLBdkEOyB5gQZrC5K2f7bXy0qNrpyl55qFIZ/cbEKk5SFtsF1bqxDRnEw4Alynuj6ZXVPJloNfWAWt6z6eZKS0/s4hlQEat2GttuaV/O5C6uUKu2i9jdDqGwLrYe0D2xg19q4ome3HWNcGnUJlFUCQ91R2otueOJKh4YtNoKiFVEiMmgP2f6C+JYnq0IEwFip/EAy1ZEJMvlDm8lg/ofTcQ8bmb2ERE2HKSa2akrA6xXgALmsEmTYxk5+T5Ii4mxPP5cqsZE2GIgVURlB4gYrIoIWw4UbxH5PkSUxSLAEZEVp+VUFkXE3YyTgeEYB6qhiOQ4iRhPEYs1ESX8e244gIHiKWIuRWRrItKcvXE4oIF0EcfHUYScX8mTG3lUuywc4EA17Jdklj7ifiJIEc7Dxe/BqTxD+j1IAWJfsjlrZOWcEvJ4NGSz+WIBa2FcLI81C3mZzNA5DMJpzFZyWNDJ8kdnMlWXcb8gzw3WxFLI/Ji0GgVcUn+F/nsYIt3pw9x1RRMjz4rvBF9xZ5jGVkPirCGWXsjW9XJ2dBNP/xJ5FLmJ3mriPd2JdKdHcGsqx+yz2My1xdJOB2XyMEUeI8nz4r5Mucn0SAu3s+KptdwMNUT7wn8FGADkJ5DR0ezy0QAAAABJRU5ErkJggg==) 0 5px no-repeat } .home-medical .need-help { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAvCAYAAAClgknJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEIxOUMwQkE5OTlBMTFFQUIxNzFBMzlFQjU2OEZERDYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEIxOUMwQkI5OTlBMTFFQUIxNzFBMzlFQjU2OEZERDYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0QjE5QzBCODk5OUExMUVBQjE3MUEzOUVCNTY4RkRENiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0QjE5QzBCOTk5OUExMUVBQjE3MUEzOUVCNTY4RkRENiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrCvCxgAAAX6SURBVHjaxJkJbBRVGMenU1xaChVU8IQiyKFGETVaKiCUo14YDRSl0HJ4GzxQq8SYaKy3xiCERI22VCoUPFCRKihdqihGrEI3Ei1HsIKigEctjVpo/X/pf8zzObOdeTttv+SX3X0zO2//733vfd/7Niktut7ysJHgGTAc/AgWg2fBEcvM+oMTwCHwPfjNCsFsj/bpoAp0BwvAV+BJsBqkGPZVDjaBGvAr2AfeAXeAvqYCklxmIBu8B94HU8FfbJ8BloAPwNXgz4B9nQROB2mcDXk/CpwBWkAleBqsC/LQLtrnE8EyEKGrtCjXykAzeAWsMhDxA9HtZHANmAvWgo/5vsbEhRZxhB4EV3HaI8p1EVcAJlBESghuvJdrazCYBU4D1eD+OC7uKmAcmAweAA+D632IeCskEWKHQSkYwll+lGskze8aqOJ0im82sW0OeAm8zWn+W/nuNLAUfEihbblTKXe2A2AnF/QasMvjfpmNF8GXIAf8Hm8GzgGjuYialOvFnIkrwQptJpaDfDDe50zIIpXR+gmcDxaCHRy4y1zuX8KBkW38Ta3v/wnI5/68zOUeEXFDCCJkBm7kcwZztudx45CZqHDZTiu4E15MwZ4CLuX2+IdH535FrPCz8JRd6TkwFNwERjDeZGv3ifsW8Z4pbgKOp9+vb6ND1Z1WuohwBE4OuHib6evDGaEr6POqPQI2UnC6LuBMvq/20VkJRUxyEVFC/57o8d2p3N3mcKvUbTddZQt9fphyTWLSbaAPKNQFDOD7XT5HzBFxhSYiiR01xxFwL3gZbOcupIut5+DsozumKte2sG2uOgsioBff7w8w7SV0GVXEPKYLFR7fmcJFLqN/O+jNyLtYywj2c03JQp+vPUN2yZ7gWlVAsuKLlqGITcxcyxl84tlORnzJgZ4Ct3BWVPuUO+Kd/MGObeVM5KkCnACUahA9SxjozqXfztTyp3gmQfE+ZqMFdA3VHqOrzNDaXwMXgR6OgIO80MdAgIzibI56nhap/doibpXyg49R2reBz0Gudv9HdLksR0AtLwwx6Pwexo58wx/v2HyePaZr7ZLSZ7osZsvZPUVAjOlDpkHHYxhF6xNM5L4Bm8HlWns1N4hBSlsDg+AgR0Ajv5xj0PHR4OeQstGtDKiq1fH1FK39IPv+N+y/wVCeEbDTOq6DMKzO+VGKHeBrxKU9RRVQTje6NWCnsvNcwuwyUVvgLEzF9vDZ72rtsxmZ/3MeKGawGRggqKXTT1OZhNVaHWy2ljAdxeqDX6tnJisWZfTsNAGSCz3Bk9CkAM/YwdFv6QwRtkv0+4ynoSA/pLazROgCmpg1NvJ80DegiLGKiKCBUc4l54HjEq3M7eEZVbapDQFFbFdEVPoU0YPFAQlOXzCVfsFvbuZ1/IvxiJhOEf0MRDT7EJGuVAAf4sDJqes65lfdTAU4kXE8RyhqICJbETHU5Z6eLGFmUUARP9/Nks0YJnndTAU4IiYkKOIwzwuFjNoDmD5vZhp+hNWKiJYy5/kR4aeCkKiITNZ+5PDyNQ80pYwho3hGzmGp0kuEpzslxfl/QLdhLL008KF1AXeZfkwLUrjGYsq1AmYCa1k0VlPzXJ7Oqlj1aDQVIHY2S4mmIuJZPk9461iR8yXCDthJDRd2d4PdqS1byiRtIqt8ujtNY9lltepOtkFHHSmiq3LtdYoYrYqwDTvSRWSELGIWRayKI6IsEQGOiHEUEQ1ZRFkbIgq52EfYCXYUa2cRMz1EFPP1QjuEjtpTxKuKCHVNDHTOxnZIHakiZE2c2g4inL+0pCT5vNX6V+0aO8SOYkziurI0mBmyCOd/ue/AWazY/RKmAIupQhZHZwMLVl1CfL4EsEN0qYpEdyEv2w0uYOR8nLlUrmFfSZzVKGdBzgvyf97GRAKZH2tgkjaWp7yVTOyKeOpKbuP7UoK/y2qtj1Zy0eZzne1NJBeyDEdRDio3c+ojzES3sZDQwBOcLM5jmXL3ZtsnVmv1e7nlUXvtCAGq9WI+M5JlxAymBMn0bxndb1lYqNRH283+EWAAdISQOEBHjO8AAAAASUVORK5CYII=) 0 5px no-repeat } .home-electronic .need-help { background: url(../images/icons/icon_phone.png) 0 5px no-repeat } .phone-info { font-size: 16px; margin-bottom: 5px; text-transform: uppercase; margin-left: 55px } .phone-info span { font-size: 22px; font-weight: 600; color: #253237; margin: 0; display: block; margin-top: 5px; line-height: 30px } .social-info li a:hover { color: #4fb68d } .home-furniture .social-info li a:hover { color: #ef1e1e } .home-medical .social-info li a:hover { color: #0bbfbd } .home-cosmatics .social-info li a:hover { color: #c0b07d } .home-electronic .social-info li a:hover { color: #0090f0 } .social-info li a { position: relative; display: inline-block; vertical-align: middle; color: #666; font-size: 24px; padding: 0; line-height: 36px; border-radius: 100%; text-align: center; border: none; z-index: 1; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; margin-right: 25px } .social-info { margin-top: 30px } .social-info li { display: inline-block } .footer-herading { font-size: 16px; text-transform: capitalize; padding-bottom: 20px; margin-bottom: 25px; position: relative; color: #253237; border-bottom: 1px solid #e3e3e3; font-weight: 700; line-height: 24px } .footer-herading:after { content: ""; position: absolute; left: 0; bottom: -1px; width: 60px; height: 2px; background: #4fb68d } .home-cosmatics .footer-herading:after { background: #c0b07d } .home-electronic .footer-herading:after { background: #0090f0 } .home-furniture .footer-herading:after { background: #ef1e1e } .home-medical .footer-herading:after { background: #0bbfbd } .footer-links>ul>li a { font-size: 14px; line-height: 24px; padding: 0; display: block; text-transform: capitalize; color: #666; margin-bottom: 0; display: block; position: relative; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear } .footer-links>ul>li { display: block; margin: 0; line-height: 1; border: 0; padding: 0; font-weight: 400; margin-bottom: 10px } .footer-links>ul>li a:hover { padding-left: 10px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; color: #4fb68d } .home-furniture .footer-links>ul>li a:hover { padding-left: 10px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; color: #ef1e1e } .home-cosmatics .footer-links>ul>li a:hover { padding-left: 10px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; color: #c0b07d } .home-electronic .footer-links>ul>li a:hover { padding-left: 10px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; color: #0090f0 } .home-medical .footer-links>ul>li a:hover { padding-left: 10px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; color: #0bbfbd } .subscribe-form { position: relative; overflow: hidden; margin-top: 20px } .subscribe-form form input { height: 47px; background: #fff; border: 0; color: #b1b1b1; padding: 10px 120px 10px 20px; display: inline-block; width: 100%; font-size: 14px; border: none; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; outline: none } .clear input.button { position: absolute; top: 0; right: 0; text-transform: capitalize; font-weight: 400; font-size: 14px; color: #fff; background: #253237; border: 0; box-shadow: none; padding: 0 20px; line-height: 47px; height: 47px; border-radius: 0 30px 30px 0; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; width: 90px; outline: none } .footer-area { padding: 0; color: #666; position: relative; z-index: 1; background: #efefef; overflow: hidden } .home-20 .footer-area { color: #fff9; background: #253237 } .home-20 .text-info { color: #fff9 !important } .home-20 .footer-area .row .col-lg-4:first-child:before { background: #253237 } .home-20 .phone-info span { color: #fff } .home-20 .social-info li a { color: #fff9 } .home-20 .copy-text a { color: #fff9 } .home-medical.home-20 .clear input.button { background: #0bbfbd } .home-20 .footer-links>ul>li a { color: #fff9 } .home-20 .footer-herading { color: #fff } .img_app { margin-top: 40px } .img_app a { margin-right: 15px } .clear input.button:hover { background: #4fb68d } .home-furniture .clear input.button:hover { background: #ef1e1e } .home-medical .clear input.button:hover { background: #0bbfbd } .home-cosmatics .clear input.button:hover { background: #c0b07d } .home-electronic .clear input.button:hover { background: #0090f0 } .about-footer { max-width: 400px } .footer-area .row .col-lg-4:first-child:before { content: ""; position: absolute; left: -9999em; top: -9999em; bottom: -9999em; right: 15px; background: #f6f6f6; z-index: -1; pointer-events: none } .footer-bottom { padding-bottom: 60px } .copy-text a { color: #666 } .copy-text a:hover { color: #4fb68d } .home-cosmatics .copy-text a:hover { color: #c0b07d } .home-electronic .copy-text a:hover { color: #0090f0 } .home-furniture .copy-text a:hover { color: #ef1e1e } .home-medical .copy-text a:hover { color: #0bbfbd } .testimonial-area { background: url(../images/testimonial-image/bg_testi.jpg) center bottom no-repeat; background-size: cover; padding: 60px 0 52px 0; position: relative } .home-4.home-7 .testimonial-area { background: url(../images/testimonial-image/bg_testi-2.jpg) center bottom no-repeat; background-position: center; background-size: cover } .home-4 .testimonial-area { margin-top: 30px; margin-bottom: 30px } .testi-slider-inner { display: inline-block; width: 100% } .testi-slider-inner .testi-img { width: 120px; float: left; display: inline-block; border-radius: 100%; overflow: hidden; box-shadow: 0 0 22.5px 2.5px rgba(0, 0, 0, .1); margin: 30px -20px 0 0 } .testi-slider-inner .testi-img img { width: 100% } .testi-content { overflow: hidden; padding: 30px 57px 30px 40px; background: #fff; border-radius: 5px } .author-text { padding-left: 50px; position: relative; margin-top: 30px; display: inline-block } .author-text h4 { position: relative; font-size: 14px; font-weight: 700; line-height: 1; color: #253237; display: block; text-transform: capitalize; display: inline-block } .author-text span { font-weight: 400; font-size: 14px; line-height: 1; text-transform: capitalize; font-style: italic; color: #999; margin-bottom: 15px; display: block; margin-top: 5px } .author-text:before { font-size: 40px; line-height: 1; display: inline-block; font-family: "Ionicons"; content: "\f347"; position: absolute; left: 0; top: 0; color: #4fb68d } .home-cosmatics .author-text:before { color: #c0b07d } .home-electronic .author-text:before { color: #0090f0 } .testi-slider.owl-dot-style .owl-dots { bottom: -35px } .blog-meta { font-size: 12px; text-transform: uppercase; background: #253237; color: #fff; line-height: 28px; border-radius: 30px; background: #253237; padding: 0 15px; margin-bottom: 25px; display: inline-block; margin-top: 5px } .blog-post-heading a { font-size: 16px; line-height: 1; color: #253237; text-transform: capitalize; position: relative; display: block; margin-bottom: 15px; font-weight: 700 } .blog-text { font-size: 14px; font-weight: 400; color: #555; line-height: 22px; display: inline-block; width: 100%; padding-right: 20px; margin-bottom: 30px } .read-more-btn { color: #253237; font-size: 14px; text-transform: capitalize; line-height: 1; position: relative; display: inline-block } .blog-post-content { padding-left: 30px; background: #f7f7f7; position: absolute; left: 0; top: 0; bottom: 0; right: 0; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear } .blog-post-content-cell { align-self: center } .home-furniture .blog-post-content { position: initial; background: #fff; padding: 30px 0 } .home-furniture .blog-post:hover .blog-post-content { background: #fff } .home-furniture .blog-post:hover .blog-post-heading a { color: #253237 } .home-furniture .blog-post:hover .blog-text { color: #555 } .home-furniture .blog-post:hover a.read-more-btn { color: #253237 } .home-furniture .blog-post a.read-more-btn i { color: #ef1e1e } .home-furniture .blog-post-top { position: relative } .home-furniture a.blog-meta { position: absolute; bottom: 10px; left: 10px; margin: 0; background: #fff; color: #253237 } .home-furniture .blog-post a.blog-meta:hover { background: #ef1e1e; color: #fff } .home-furniture .blog-post a.read-more-btn:hover i { color: #ef1e1e } .home-furniture .blog-post a.read-more-btn:hover { color: #ef1e1e } .home-furniture .blog-post .blog-post-heading a:hover { color: #ef1e1e } a.read-more-btn i { color: #4fb68d; font-size: 16px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; transform: translate(3px, 3px); display: inline-block } .blog-post a.read-more-btn:hover i { color: #4fb68d } .home-cosmatics .blog-post a.read-more-btn:hover i { color: #c0b07d } .home-cosmatics .blog-post a.read-more-btn i { color: #c0b07d } .home-electronic .blog-post a.read-more-btn:hover i { color: #0090f0 } .home-electronic .blog-post a.read-more-btn i { color: #0090f0 } .blog-post a.read-more-btn:hover { color: #4fb68d; padding-left: 10px } .home-cosmatics .blog-post a.read-more-btn:hover { color: #c0b07d } .home-electronic .blog-post a.read-more-btn:hover { color: #0090f0 } .blog-post { width: 100%; background: #fff; position: relative } .blog-post:hover .blog-post-content { background: rgba(37, 50, 55, .8); -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear } .blog-post:hover .blog-meta { background: #fff; color: #253237 } .blog-post a.blog-meta:hover { background: #4fb68d; color: #fff } .home-cosmatics .blog-post a.blog-meta:hover { background: #c0b07d; color: #fff } .home-electronic .blog-post a.blog-meta:hover { background: #0090f0; color: #fff } .blog-post:hover .blog-post-heading a { color: #fff } .blog-post .blog-post-heading a:hover { color: #4fb68d } .home-cosmatics .blog-post .blog-post-heading a:hover { color: #c0b07d } .home-electronic .blog-post .blog-post-heading a:hover { color: #0090f0 } .blog-post:hover .blog-text { color: #fff } .blog-post:hover .read-more-btn { color: #fff } .blog-post:hover .read-more-btn i { color: #fff } .home-cosmatics .blog-post:hover .read-more-btn i { color: #fff } .home-electronic .blog-post:hover .read-more-btn i { color: #fff } .blog-inner-content { position: absolute; bottom: 0; left: 30px; right: 30px; background: #fff; padding: 30px 20px; line-height: 1; text-align: center } .blog-meta-2 { font-size: 12px; text-transform: uppercase; color: #999; line-height: 1; margin-bottom: 15px; display: inline-block } .blog-post-heading-2 { font-size: 16px; line-height: 1; color: #253237; text-transform: capitalize; position: relative; display: block; margin-bottom: 0 } .blog-post-heading-2 a { font-weight: 700; color: #253237 } .blog-post-heading-2 a:hover { color: #0bbfbd } .post-content { padding: 0 30px } .read-more { background: #253237; padding: 15px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; display: block; text-align: center; color: #fff } .read-more a { color: #fff; font-size: 14px; text-transform: capitalize; line-height: 24px; position: relative; display: inline-block } .blog-post-top-2 { position: relative; overflow: hidden } .read-more i { transform: translate(0, 2px); display: inline-block } .read-more:hover { color: #fff; background: #0bbfbd; padding-left: 30px } .blog-post:hover .blog-post-top-2 img { -moz-transform: scale(1.05) rotate(0.05deg); -ms-transform: scale(1.05) rotate(0.05deg); -o-transform: scale(1.1) rotate(0.05deg); -webkit-transform: scale(1.05) rotate(0.05deg); transform: scale(1.05) rotate(0.05deg); -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear } .blog-post-top-2 img { -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear } .breadcrumb-hrading { color: #253237; font-weight: 600; font-size: 30px; line-height: 1; text-transform: capitalize; margin-bottom: 15px } .breadcrumb-links li a:after { font-size: 14px; line-height: 24px; display: block; font-weight: 400; top: 0; right: -15px; position: absolute; content: "\f3d3"; font-family: "Ionicons" } .breadcrumb_container .breadcrumb ol li:after { color: #253237; margin: 0 10px; vertical-align: -1px } .breadcrumb-links li { display: inline-block } .breadcrumb-links li a { display: inline-block; position: relative; color: #253237; line-height: 20px; margin-right: 25px } .breadcrumb-links li a:hover { color: #4fb68d } .breadcrumb-area { text-align: center; position: relative; /*padding: 110px 0;*/ padding: 10px 0; /*background: url(../images/breadcrumb-bg/breadcrumb-bg.jpg) no-repeat;*/ background-size: cover; background: #f3f3f3; } .sidebar-widget .sidebar-widget-list ul li .sidebar-widget-list-left { position: relative } .sidebar-widget .sidebar-widget-list ul li .sidebar-widget-list-left input { position: absolute; opacity: 0; cursor: pointer; z-index: 999; width: auto; top: 6px; left: 1px } .sidebar-widget .sidebar-widget-list ul li { -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; padding: 0 0 15px } .sidebar-widget h4.pro-sidebar-title { display: block; clear: both; color: #253237; font-size: 16px; font-weight: 600; padding: 0; border: none; margin-bottom: 15px; line-height: 24px; text-transform: capitalize !important } .main-heading h2 { font-size: 20px; line-height: 1; color: #253237; padding-bottom: 20px; margin-bottom: 40px; font-weight: 600; position: relative; display: block; border-bottom: 1px solid #ebebeb; text-transform: capitalize !important } .main-heading h2:before { content: ""; position: absolute; left: 0; bottom: -1px; width: 60px; height: 2px; background: #4fb68d } .sidebar-widget .sidebar-widget-list ul li a { margin-left: 25px; display: block; color: #555; font-size: 14px; margin-top: 0; line-height: 22px } .sidebar-widget .sidebar-widget-list ul li .sidebar-widget-list-left .checkmark { position: absolute; top: 5px; left: 0; height: 15px; width: 15px; background-color: #fff; border: 1px solid #dfdfdf; border-radius: 3px; transition: all 300ms linear } .sidebar-widget .sidebar-widget-list ul li:hover a { color: #4fb68d } .sidebar-widget .sidebar-widget-list ul li:hover .checkmark { border: 1px solid #4fb68d } .sidebar-widget .sidebar-widget-list ul li .sidebar-widget-list-left .checkmark::after { left: 4px; top: 1px; width: 5px; height: 8px; border: solid #4fb68d; border-top-width: medium; border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-width: 0 1px 1px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .sidebar-widget .sidebar-widget-list ul li .sidebar-widget-list-left .checkmark::after { content: ""; position: absolute; display: none } .sidebar-widget .sidebar-widget-list ul li .sidebar-widget-list-left input:checked~.checkmark::after { display: block } .price-filter .price-slider-amount input { background: transparent; padding: 0; border: none; color: #555; font-size: 14px; outline: 0 } .price-filter .ui-widget-header { border: 0 solid #ddd; background: #4fb68d; color: #333; font-weight: 700 } .price-filter .ui-widget.ui-widget-content { border: 1px solid #4fb68d; border-radius: 0 } .price-filter .ui-slider-horizontal { height: 5px; border: none; margin-top: 15px; margin-bottom: 10px; margin-right: 15px } .price-filter .ui-slider .ui-slider-handle { top: -7px; width: 15px; height: 15px; border: none; background: #fff; border-radius: 100%; box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2); outline: 0; cursor: pointer } .price-slider-amount { margin-top: -7px } .sidebar-widget .sidebar-widget-list ul li a span { margin-left: 5px } .sidebar-widget .sidebar-widget-list ul li .sidebar-widget-list-left .checkmark.grey { background: #AAB2BD; box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .2) } .sidebar-widget .sidebar-widget-list ul li .sidebar-widget-list-left .checkmark.white { background: #fff; box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .2) } .sidebar-widget .sidebar-widget-list ul li .sidebar-widget-list-left .checkmark.black { background: #434A54; box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .2) } .sidebar-widget .sidebar-widget-list ul li .sidebar-widget-list-left .checkmark.camel { background: #C19A6B; box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .2) } .sidebar-widget.no-cba .sidebar-widget-list ul li .sidebar-widget-list-left .checkmark { border: 0 } .sidebar-widget.no-cba .sidebar-widget-list ul li .sidebar-widget-list-left input:checked~.checkmark::after { display: none } .sidebar-widget-tag li:first-child a { margin-left: 0 } .sidebar-widget-tag li a { display: block; float: left; padding: 10px 25px; font-size: 14px; line-height: 20px; color: #555; font-weight: 400; border: 1px solid #ebebeb; border-radius: 30px; background: #fff; margin: 4px; text-transform: capitalize } .sidebar-widget-tag li { line-height: 1; float: left; list-style: none } .sidebar-widget-tag li a:hover { background-color: #4fb68d; border-color: #4fb68d; color: #fff } .sidebar-widget.tag .main-heading h2 { margin-bottom: 20px } .search-widget { position: relative } .search-widget input { width: 100%; height: 45px; border: 2px solid#4fb68d; border-radius: 30px; padding: 0 0 0 20px; outline: none } .search-widget button { position: absolute; top: 0; left: auto; right: 0; border: 0; background: #4fb68d; height: 45px; width: 20%; border-radius: 0 30px 30px 0; font-size: 20px; color: #fff; outline: none } .category-post li { margin-bottom: 5px } .category-post li:last-child { margin: 0 } .category-post li a { color: #555 } .category-post li a:hover { color: #4fb68d } .thumb-side img { width: 90px; height: 90px; object-fit: cover; object-position: center } .media-side a { font-size: 14px; color: #253237; font-weight: 600 } .media-side a:hover { color: #4fb68d } .media-side { margin: 0 0 0 18px; align-self: center; align-items: center } .recent-single-post { margin: 0 0 30px } .thumb-side.m-0px { margin: 0 } .select-shoing-wrap { flex: 0 0 40%; max-width: 40%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex } .shop-tab.nav { flex: 0 0 60%; max-width: 60% } .shop-top-bar { display: flex } .shop-top-bar .nice-select { width: 100%; border: 1px solid #ebebeb; padding: 2px 15px; line-height: 24px; font-size: 14px; margin: 0; border-radius: 30px; color: #253237; text-align: left; box-shadow: none; height: 28px } .shop-top-bar .nice-select .list { width: 100% } .shop-bottom-area img { max-width: 100% } .shop-top-bar { padding: 10px 30px; background: #f6f6f6; margin-bottom: 30px } .shop-tab a { float: left; line-height: 30px; height: 30px; margin-right: 15px; cursor: pointer; color: #c1c1c1; background: transparent; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear } .shop-tab a i { font-size: 18px; line-height: 30px; transition: .3s } .shop-tab p { line-height: 20px; font-size: 14px; padding: 5px; margin: 0; float: left; color: #888; font-weight: 400; text-transform: capitalize } .shot-product { flex: 0 0 20%; max-width: 20% } .shop-select { flex: 0 0 80%; max-width: 80% } .shot-product p { line-height: 20px; font-size: 14px; padding: 5px; margin: 0; float: left; color: #888; font-weight: 400; text-transform: capitalize } .shop-tab a i:hover { color: #4fb68d } .shop-tab a.active i { color: #4fb68d } .left-img { position: relative; overflow: hidden } .shop-bottom-area .left-img img { width: 100% } .product-desc-wrap .product-link { font-size: 16px; font-weight: 700; line-height: 30px } .product-desc-wrap .old-price { font-size: 17px } .product-desc-wrap .pricing-meta { margin-bottom: 30px } .product-intro-info p { color: #888; font-size: 14px; line-height: 24px } .product-desc-wrap .in-stock { margin: 30px 0 } .list-product .product-desc-wrap .add-to-link { opacity: 1; visibility: visible; -webkit-transform: translateY(0) translateZ(0); transform: translateY(0) translateZ(0); left: 30px; width: 25% } .product-desc-wrap { padding: 10px 0 30px 0 } .shop-category-area { margin-top: 60px } #shop-2 { margin-bottom: 60px } .pro-pagination-style { background: #fff; font-size: 14px; font-weight: 400; color: #253237; margin-top: 30px; margin-bottom: 60px } .pro-pagination-style ul { box-shadow: none; padding: 0; text-align: center !important } .pro-pagination-style ul li { display: inline-block } .pro-pagination-style .active { font-size: 14px; color: #fff; background: #4fb68d } .pro-pagination-style a:hover { font-size: 14px; color: #fff; background: #4fb68d } .pro-pagination-style a { font-weight: 400; color: #253237; padding: 0; height: 36px; line-height: 36px; background: #f6f6f6; font-size: 14px; display: inline-block; width: 36px; border-radius: 100%; text-align: center; vertical-align: top } .mini-cart-warp { position: relative } .mini-cart-content { margin: 0; width: 350px; top: 50px; left: auto; right: 0; position: absolute; opacity: 0; visibility: hidden; z-index: 1001; text-align: left; padding-top: 5px; background: #fff; box-shadow: 0 0 3.76px .24px rgba(0, 0, 0, .15); padding: 0 30px 30px 30px; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: center top 0; -ms-transform-origin: center top 0; transform-origin: center top 0; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s } .mini-cart-content.cart-visible { opacity: 1; visibility: visible; -webkit-transform: rotateX(0deg); transform: rotateX(0deg) } .shopping-cart-img { float: left; margin: 0 10px 0 0; position: relative; width: 85px } .shopping-cart-img a img { width: 100%; border: 1px solid#ebebeb } .product-quantity { position: absolute; top: 5px; left: 5px; min-width: 20px; line-height: 20px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; padding: 0; text-align: center; color: #fff; font-size: 12px; display: inline-block; background-color: #4fb68d } .home-cosmatics .product-quantity { background-color: #c0b07d } .home-electronic .product-quantity { background-color: #0090f0 } .home-furniture .product-quantity { background-color: #ef1e1e } .home-medical .product-quantity { background-color: #0bbfbd } .home-medical .default-btn:hover { color: #fff; background-color: #0bbfbd } .home-electronic .default-btn:hover { color: #fff; background-color: #0090f0 } .home-cosmatics .default-btn:hover { color: #fff; background-color: #c0b07d } .shopping-cart-title { overflow: hidden; position: relative; padding: 0 20px 0 0 } .shopping-cart-title h4 a { display: block; text-transform: capitalize; font-size: 14px; line-height: 20px; color: #253237; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .shopping-cart-total { margin: 25px 0 } .shopping-cart-title>span { display: block; margin: 5px 0 0; font-size: 14px; font-weight: 400; color: #555 } .shopping-cart-delete a { display: block; position: absolute; top: 0; right: 0; color: #888; font-size: 18px } .single-shopping-cart { padding: 30px 0; border-bottom: 1px solid #ebebeb; overflow: hidden } .shopping-cart-total h4 { font-weight: 400; color: #9b9b9b; font-size: 16px; text-transform: capitalize; line-height: 25px } .shopping-cart-total h4>span { float: right; font-weight: 400; color: #9b9b9b; font-size: 16px; text-transform: capitalize } .shopping-cart-total h4.shop-total { color: #253237 } .shopping-cart-total h4.shop-total span { color: #253237 } .default-btn { display: block; text-transform: uppercase; font-weight: 400; font-size: 14px; border: none; color: #272727; box-shadow: none; padding: 10px 15px; line-height: 28px; border: none; background: #ebebeb; border-radius: 30px } .default-btn:hover { background: #4fb68d; color: #fff } .home-furniture .default-btn:hover { background: #ef1e1e } .category-tab-area .nav-tabs { border-bottom: 0 solid #dee2e6 } .category-tab-area .nav-link { margin: 0; text-transform: capitalize; display: inline-block; vertical-align: top; font-size: 24px; font-weight: 600; line-height: 1; color: #999; margin-right: 35px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; border: 0; border-radius: 0; padding: 0 } .home-15 .category-tab-area .nav-link { font-size: 14px; color: #253237; margin: 0 20px; text-transform: uppercase } .home-15 .category-tab-area .nav-link:hover { color: #ef1e1e } .home-15 .category-tab-area .nav-link.active { color: #ef1e1e } .category-tab-area .nav-link.active { color: #253237 } .category-tab-area .nav-link:hover { color: #253237 } .category-tab-area .home-12 .nav-link { display: inline-block; vertical-align: top; line-height: 1; font-size: 14px; text-transform: capitalize; font-weight: 400; padding: 0 20px; cursor: pointer; color: #888; margin: 0 } .category-tab-area .home-12 .nav-link img { display: block; margin: auto; margin-bottom: 5px } .nav.nav-tabs.home-12 { position: absolute; top: 0; left: 50% } .category-tab-area .home-12 .nav-link.active { color: #0090f0; font-weight: 700 } .category-tab-area .home-12 .nav-link:hover { color: #0090f0 } .category-tab-area { position: relative } .category-tab-area.mt-100px.mb-70px { margin-top: 100px; margin-bottom: 70px } .sub-category { display: flex } .sub-category li a.nav-link { display: inline-block; vertical-align: top; line-height: 1; color: #888; font-size: 14px; line-height: 18px; font-weight: 400; position: relative; margin-right: 30px; transition: all .3s ease-in-out } .sub-category li a.nav-link:hover { color: #0090F0 } .sub-category li a.nav-link.active { color: #0090F0 } .product-dec-slider-2 { display: inline-block; float: left; margin: 0 40px } .zoompro-wrap.zoompro-2 { display: inline-block; position: relative; width: 100%; float: left; overflow: hidden } .product-dec-slider-2 .slick-slide img { display: inline-block; width: 100%; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear } .product-dec-slider-2 .slick-slide { margin: auto; text-align: center; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear } .zoompro-wrap .zoompro-span img { width: 100% } .product-dec-slider-2 .slick-slide.slick-active:focus { outline: none } .product-dec-slider-2 .slick-slide.slick-active.active img { border: 1px solid#4fb68d; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear } .product-dec-slider-2 .slick-slide:hover img { border-color: #4fb68d } .product-dec-slider-2 .slick-slide img { width: 100px; height: 100px; margin: 0 10px 0; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; border: 1px solid#fff } .product-details-img.product-details-tab { display: flex; flex-direction: column } .product-details-content h2 { font-size: 24px; color: #253237; font-weight: 600; margin: 0 0 22px; line-height: 16px } .reference { font-size: 14px; color: #253237; font-weight: 700 } .reference span { font-weight: 400 } .pro-details-rating-wrap { display: flex; margin: 10px 0 0 } .pro-details-rating-wrap .rating-product { margin-right: 20px } .read-review a.reviews:before { content: "\f4ad" } .read-review a.reviews:before { display: inline-block; font-family: "Font Awesome 5 Free"; font-size: 15px; font-weight: 400; line-height: 1; margin-right: 6px } .read-review a.reviews { margin-right: 9px } .read-review a { text-decoration: none; color: #253237; position: relative; margin-right: 8px; line-height: 21px; padding: 0; font-size: 14px; margin-bottom: 10px; display: inline-block } .read-review a:hover { color: #4fb68d } .product-details-content .old-price { font-size: 22px; margin: 20px 0 } .pro-details-list { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid#ebebeb } .pro-details-color-wrap { font-size: 14px; font-weight: 700; color: #253237 } .pro-details-color-content li { width: 1.25rem; height: 1.25rem; display: inline-block; margin-right: 15px; box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .2); border: 1px solid rgba(0, 0, 0, .05); cursor: pointer; background-size: contain; background: #fff } .pro-details-color-content li.active { background-color: #434A54 } .pro-details-color-wrap span { display: block; margin: 0 0 10px } .pro-details-color-content li:hover { border: 2px solid#434A54 } .product-details-content .pro-details-quality .cart-plus-minus input.cart-plus-minus-box { background: transparent none repeat scroll 0 0; border: medium none; color: #8f8f8f; float: left; font-size: 14px; height: 48px; margin: 0; padding: 0; text-align: center; width: 80px; outline: none } .product-details-content .pro-details-quality .cart-plus-minus .dec.qtybutton { height: 48px; left: 0; padding-top: 14px; top: 0 } .product-details-content .pro-details-quality .cart-plus-minus .inc.qtybutton { height: 48px; padding-top: 14px; right: 0; top: 0 } .product-details-content .pro-details-quality .cart-plus-minus .qtybutton { color: #8f8f8f; cursor: pointer; float: inherit; font-size: 14px; font-weight: 500; line-height: 20px; margin: 0; position: absolute; text-align: center; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 24px } .product-details-content .pro-details-quality .cart-plus-minus { border: 1px solid #e8e8e8; display: inline-block; height: 48px; overflow: hidden; padding: 0; position: relative; width: 80px } .pro-details-cart a { position: relative; padding: 0 55px; line-height: 48px; height: 48px; font-size: 16px; font-weight: 700; border: none; border-radius: 30px; box-shadow: none; text-transform: uppercase; background: #4fb68d; display: block; color: #fff; margin-left: 10px } .home-cosmatics .pro-details-cart a { background: #c0b07d } .home-electronic .pro-details-cart a { background: #0090f0 } .home-furniture .pro-details-cart a { background: #ef1e1e } .home-medical .pro-details-cart a { background: #0bbfbd } .home-cosmatics .pro-details-social-info .social-info li a:hover { color: #c0b07d } .home-electronic .pro-details-social-info .social-info li a:hover { color: #0090f0 } .home-furniture .pro-details-social-info .social-info li a:hover { color: #ef1e1e } .home-medical .pro-details-social-info .social-info li a:hover { color: #0bbfbd } .pro-details-quality { display: inline-flex; margin: 30px 0; width: 100% } .product-size { margin-left: 20px } .product-size span { display: block; color: #253237; font-size: 14px; font-weight: 700; margin-bottom: 7px } .product-size .nice-select { -webkit-tap-highlight-color: transparent; background-color: #fff; border: solid 1px #e8e8e8; height: 30px; line-height: 30px; padding-right: 30px; width: 60px; border-radius: 0 } .product-size .nice-select .list { width: 100%; border-radius: 0 } .pro-details-quality.mt-0px { margin-top: 0 } .product-details-table .table tbody tr td { padding: 10px 15px; width: 33.33%; text-align: center; border: 1px solid #ebebeb; vertical-align: middle } .product-details-table .table tbody tr td a { color: #888 } .product-details-table.table-responsive.pro-details-quality { display: block; margin: 0 } .pro-details-cart a:hover { background: #253237; color: #fff } .pro-details-wish-com { display: flex } .pro-details-wish-com a { line-height: 30px; padding: 0; border: none; color: #555; font-size: 14px; margin-right: 15px } .pro-details-wish-com a i { margin-right: 10px } .pro-details-wish-com a:hover { color: #4fb68d } .pro-details-social-info .social-info li a:hover { color: #4fb68d } .pro-details-social-info .social-info li a { display: inline-block; line-height: 30px; height: 30px; text-align: center; color: #b4b4b4; margin-right: 0; white-space: normal; text-indent: 0; overflow: hidden; padding: 0; font-size: 20px; width: 30px } .pro-details-social-info { display: flex; border-bottom: 1px solid#ebebeb; margin-top: 10px; padding-bottom: 12px } .pro-details-social-info span { display: inline-block; float: left; margin-right: 10px; line-height: 30px; font-weight: 700; color: #253237; font-size: 14px } .pro-details-social-info .social-info { margin-top: 2px } .pro-details-policy { margin: 25px 0 0 } .pro-details-policy img { margin-right: 15px } .pro-details-policy li { margin-bottom: 20px } .pro-details-policy li:last-child { margin-bottom: 0 } .description-review-bottom { overflow: hidden; font-size: 15px; background: #fff; line-height: 24px; text-align: left; padding: 40px 30px 30px 30px; border: 1px solid #ebebeb } .description-review-topbar.nav { border-bottom: none; position: relative; display: block; margin-bottom: 0; margin: auto; text-align: center; margin-top: -6px } .description-review-topbar.nav a { background: transparent; border: 0; text-transform: uppercase; line-height: 24px; color: #888; padding: 0 0 15px 0; margin: 0 30px; font-size: 18px; font-weight: 700; position: relative; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; display: inline-block } .description-review-topbar.nav a:after { content: ""; height: 2px; position: absolute; left: 0; right: 0; bottom: -1px; background: transparent; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear } .description-review-topbar.nav a.active:after { background: #4fb68d; color: #253237 } .description-review-topbar.nav a.active { color: #253237 } .description-review-topbar.nav a:hover { color: #253237 } .description-review-bottom .product-anotherinfo-wrapper ul li { color: #888; font-size: 14px; list-style: outside none none; margin: 0 0 13px } .description-review-bottom .product-anotherinfo-wrapper ul li span { color: #253237; display: inline-block; font-weight: 500; margin: 0 26px 0 0; min-width: 85px } .description-review-bottom .product-description-wrapper p { margin: 0 0 8px; font-size: 15px; line-height: 28px; color: #888; width: 84% } .description-review-bottom .product-description-wrapper p:last-child { margin: 0 0 0 } .single-review { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 0 50px } .single-review .review-img { -webkit-box-flex: 0; -ms-flex: 0 0 90px; flex: 0 0 90px; margin: 0 15px 0 0 } .single-review .review-top-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .single-review .review-top-wrap .review-left { display: -webkit-box; display: -ms-flexbox; display: flex } .single-review .review-top-wrap .review-left .review-name { margin-right: 25px } .single-review .review-top-wrap .review-left .review-name h4 { font-size: 16px; margin: 0; line-height: 1; font-weight: 500 } .single-review .review-top-wrap .review-left .rating-product { line-height: 1 } .single-review .review-bottom p { margin: 0; width: 93% } .single-review.child-review { margin-left: 70px; margin-bottom: 0 } .ratting-form-wrapper { padding-left: 50px } .ratting-form-wrapper h3 { margin: 0; font-size: 16px; font-weight: 500; line-height: 1 } .ratting-form-wrapper .ratting-form form .star-box { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 6px 0 20px } .ratting-form-wrapper .ratting-form form .star-box span { margin: 0 15px 0 0 } .ratting-form-wrapper .ratting-form form .star-box .ratting-star { font-size: 12px; color: #fdd835; margin: 2px 0 0 } .ratting-form-wrapper .ratting-form form .rating-form-style input, .ratting-form-wrapper .ratting-form form .rating-form-style textarea { padding: 2px 10px 2px 20px; background: transparent; border: 1px solid #e6e6e6; color: #333 } .rating-form-style { margin-bottom: 10px } .rating-form-style input { height: 45px; -webkit-box-shadow: none; box-shadow: none; padding-left: 10px; font-size: 14px; color: #253237; width: 100%; margin-bottom: 15px; outline: none } .ratting-form-wrapper .ratting-form form .rating-form-style textarea { height: 180px; padding: 20px 10px 2px 20px; margin-bottom: 20px; width: 100%; outline: none } .review-left a { color: #253237 } .review-left a:hover { color: #4fb68d } .rating-form-style input[type=submit] { padding: 0 55px !important; line-height: 48px; height: 48px; font-size: 16px; font-weight: 700; border: none; border-radius: 30px; box-shadow: none; text-transform: uppercase; background: #4fb68d !important; display: block; color: #fff !important; width: 200px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear } .rating-form-style input[type=submit]:hover { background: #253237 !important; color: #fff !important } .product-details-tab-2 #gallery { flex: 0 0 20%; width: 20% } .product-details-tab-2 .zoompro-wrap.zoompro-2 { flex: 0 0 80%; width: 80% } .product-details-tab-2 .slick-slide img { width: 100px; margin: auto; text-align: center } .product-details-img.product-details-tab.product-details-tab-2 { flex-direction: row } .product-details-img.product-details-tab.product-details-tab-2.product-details-tab-3 { flex-direction: row-reverse } .product-details-img.product-details-tab.product-details-tab-2 .slick-vertical .slick-slide { margin: 10px 0 } .product-details-img.product-details-tab.product-details-tab-2 .slick-vertical .slick-slide:focus { border: 1px solid#4fb68d; outline: 0 } .single-product-slider-item { width: 50% } .single-product-gallery-list .single-product-slider-item { width: 100% } .single-product-slider-active .single-product-slider-item { width: 100% } .product-details-content.sticky { position: -webkit-sticky; position: sticky; top: 85px; left: 0; width: 100% } .single-product-slider-item img { width: 100% } .cart-table-content table { border: 1px solid #ebebeb } .cart-table-content table thead>tr { background-color: #f9f9f9; border: 1px solid #ebebeb } .cart-table-content table thead>tr th { border-top: medium none; color: #253237; font-size: 14px; font-weight: 700; padding: 21px 45px 22px; text-align: center; text-transform: uppercase; vertical-align: middle; white-space: nowrap } .cart-table-content table tbody>tr { border-bottom: 1px solid #ebebeb } .cart-table-content table tbody>tr td.product-thumbnail { width: 150px } .cart-table-content table tbody>tr td { color: #666; font-size: 15px; padding: 30px 0; text-align: center } .cart-table-content table tbody>tr td.product-name { width: 435px } .cart-table-content table tbody>tr td.product-name a { color: #666; font-size: 15px; font-weight: 500 } .cart-table-content table tbody>tr td.product-price-cart { width: 435px } .cart-table-content table tbody>tr td.product-price-cart span { font-weight: 500; color: #666 } .cart-table-content table tbody>tr td.product-quantity { position: initial; background: initial; width: 435px; display: table-cell } .cart-table-content table tbody>tr td.product-quantity .cart-plus-minus { display: inline-block; height: 40px; padding: 0; position: relative; width: 110px } .cart-table-content table tbody>tr td.product-quantity .cart-plus-minus .dec.qtybutton { border-right: 1px solid #e5e5e5; height: 40px; left: 0; padding-top: 8px; top: 0 } .cart-table-content table tbody>tr td.product-quantity .cart-plus-minus .qtybutton { color: #666; cursor: pointer; float: inherit; font-size: 16px; margin: 0; position: absolute; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 20px; text-align: center } .cart-table-content table tbody>tr td.product-quantity .cart-plus-minus input.cart-plus-minus-box { color: #666; float: left; font-size: 14px; height: 40px; margin: 0; width: 110px; background: transparent none repeat scroll 0 0; border: 1px solid #e1e1e1; padding: 0; text-align: center } .cart-table-content table tbody>tr td.product-quantity .cart-plus-minus .inc.qtybutton { border-left: 1px solid #e5e5e5; height: 40px; padding-top: 9px; right: 0; top: 0 } .cart-table-content table tbody>tr td.product-subtotal { font-weight: 500; color: #666 } .cart-table-content table tbody>tr td.product-wishlist-cart>a { background-color: #4fb68d; border-radius: 50px; color: #fff; font-size: 14px; font-weight: 700; line-height: 1; padding: 7px 12px; text-transform: uppercase } .cart-table-content table tbody>tr td.product-wishlist-cart>a:hover { background-color: #253237 } h3.cart-page-title { color: #253237; text-align: left; font-size: 24px; line-height: 16px; font-style: normal; text-transform: none; margin: 0 0 30px; font-weight: 600 } .cart-table-content table tbody>tr td.product-remove { width: 100px } .cart-table-content table tbody>tr td.product-remove a { color: #666; font-size: 17px; margin: 0 13px } .cart-table-content table tbody>tr td.product-remove a:hover { color: #4fb68d } .cart-shiping-update-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 30px 0 60px } .cart-shiping-update-wrapper .cart-shiping-update>a, .cart-shiping-update-wrapper .cart-clear>button, .cart-shiping-update-wrapper .cart-clear>a { background-color: #f2f2f2; border-radius: 50px; color: #253237; display: inline-block; font-size: 14px; font-weight: 600; line-height: 1; padding: 18px 63px 17px; text-transform: uppercase } .cart-shiping-update-wrapper .cart-clear>button { border: medium none; cursor: pointer; margin-right: 27px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s } .cart-shiping-update-wrapper .cart-shiping-update>a:hover, .cart-shiping-update-wrapper .cart-clear>button:hover, .cart-shiping-update-wrapper .cart-clear>a:hover { background-color: #4fb68d; color: #fff } .cart-tax, .discount-code-wrapper, .grand-totall { background-color: #f9f9f9; border: 1px solid #ebebeb; border-radius: 5px; padding: 45px 30px 50px } .cart-tax .title-wrap, .discount-code-wrapper .title-wrap, .grand-totall .title-wrap { position: relative } .cart-tax .title-wrap h4.cart-bottom-title, .discount-code-wrapper .title-wrap h4.cart-bottom-title, .grand-totall .title-wrap h4.cart-bottom-title { display: inline-block; font-size: 18px; font-weight: 700; margin: 0; padding-right: 18px; background-color: #f8f9f9; position: relative; z-index: 99; color: #253237 } .cart-tax .title-wrap::before, .discount-code-wrapper .title-wrap::before, .grand-totall .title-wrap::before { background-color: #e3e1e1; content: ""; height: 1px; left: 0; position: absolute; top: 10px; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 100%; z-index: 1 } .cart-tax .tax-wrapper, .discount-code-wrapper .tax-wrapper, .grand-totall .tax-wrapper { margin-top: 22px } .tax-wrapper p { margin: 0 } .tax-select-wrapper { margin: 5px 0 0 } .tax-select { margin: 0 0 60px } .tax-select.mb-25px { margin: 0 0 25px } .tax-select label { color: #253237; font-size: 14px; margin: 0 0 5px } .cart-btn-2 { background-color: #4fb68b; border: medium none; border-radius: 50px; color: #fff; cursor: pointer; font-size: 14px; font-weight: 700; padding: 13px 42px 12px; text-transform: uppercase; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s } .grand-totall a { background-color: #4fb68b; border-radius: 50px; color: #fff; display: block; font-size: 14px; font-weight: 700; line-height: 1; padding: 18px 10px 17px; text-align: center; text-transform: uppercase; text-transform: uppercase; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s } .cart-btn-2:hover { color: #fff; background: #253237 } .grand-totall a:hover { color: #fff; background: #253237 } .cart-tax .discount-code, .discount-code-wrapper .discount-code { margin: 21px 0 0 } .grand-totall h5 { font-size: 14px; margin: 36px 0 27px } .grand-totall h5 span { float: right; font-size: 18px; font-weight: 700 } .grand-totall .total-shipping { border-bottom: 1px solid #ebebeb; border-top: 1px solid #ebebeb; margin: 0 0 27px; padding: 28px 0 } .grand-totall .total-shipping h5 { font-size: 14px; margin: 0 } .grand-totall .total-shipping ul { padding: 19px 0 0 0 } .grand-totall .total-shipping ul li { color: #242424; list-style: outside none none; margin: 0 0 6px } .grand-totall .total-shipping ul li input { background: #e9e9e9 none repeat scroll 0 0; border: 1px solid #d7d7d7; border-radius: 5px !important; color: #626262; cursor: pointer; height: 13px; margin-right: 10px; padding: 0; position: relative; top: 2px; width: 13px } .grand-totall .total-shipping ul li span { float: right } .grand-totall h4.grand-totall-title { color: #4fb68b; font-size: 20px; font-weight: 700; margin: 0 0 25px } .grand-totall h4.grand-totall-title span { float: right } .tax-select-wrapper .nice-select { width: 100% } .tax-select-wrapper .nice-select .list { width: 100% } .tax-select-wrapper .nice-select:active, .tax-select-wrapper .nice-select.open, .tax-select-wrapper .nice-select:focus { border-color: #ebebeb } .cart-tax .discount-code form input, .discount-code-wrapper .discount-code form input { background: #fff; border: 1px solid #ebebeb; height: 45px; margin-bottom: 30px; padding-left: 10px; outline: none; width: 100% } .tax-select input { width: 100%; height: 40px; background: #fff; border: 1px solid#ebebeb; outline: none } .discount-code p { margin: 0 0 15px } .billing-info-wrap .billing-info input, .billing-info-wrap .billing-select input { background: transparent none repeat scroll 0 0; border: 1px solid #e6e6e6; color: #666; font-size: 14px; padding-left: 20px; padding-right: 10px; width: 100%; outline: none; height: 45px } .billing-info-wrap .nice-select { width: 100%; margin-bottom: 20px } .billing-info-wrap .nice-select .list { width: 100% } .billing-info-wrap .nice-select:active, .billing-info-wrap .nice-select.open, .billing-info-wrap .nice-select:focus { border-color: #ebebeb } .billing-info-wrap .billing-info input.billing-address, .billing-info-wrap .billing-select input.billing-address { margin-bottom: 10px } .billing-info-wrap .checkout-account label { color: #666; font-weight: 400; margin: 0 0 0 12px } .billing-info-wrap .checkout-account input { border: 1px solid #e6e6e6; display: inline-block; float: left; height: 12px; width: 12px; margin-top: 7px; cursor: pointer } .billing-info-wrap .checkout-account-toggle input { background: transparent none repeat scroll 0 0; border: 1px solid #e6e6e6; color: #666; font-size: 14px; padding-left: 20px; padding-right: 10px; margin: 0 0 20px; width: 100%; height: 45px; outline: none } .billing-info-wrap .checkout-account-toggle button.checkout-btn { background-color: #4fb68b; border: medium none; color: #fff; cursor: pointer; font-weight: 700; padding: 10px 30px; text-transform: uppercase; border-radius: 50px; z-index: 9 } .billing-info-wrap .checkout-account-toggle button.checkout-btn:hover { background: #253237; color: #fff } .billing-info-wrap .additional-info-wrap h4 { font-size: 16px; font-weight: 700; color: #253237; margin: 0 0 10px } .billing-info-wrap .additional-info-wrap .additional-info textarea { background: transparent none repeat scroll 0 0; border: 1px solid #e6e6e6; color: #333; font-size: 14px; height: 138px; padding: 17px 20px; width: 100%; outline: none } .additional-info-wrap { margin: 30px 0 } .your-order-area .your-order-wrap { padding: 38px 45px 44px; background: #f6f6f6 } .your-order-area .your-order-wrap .your-order-product-info .your-order-top ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .your-order-area .your-order-wrap .your-order-product-info .your-order-top ul li { font-size: 16px; font-weight: 700; list-style: outside none none; color: #253237 } .your-order-area .your-order-wrap .your-order-product-info .your-order-middle { border-bottom: 1px solid #dee0e4; border-top: 1px solid #dee0e4; margin: 29px 0; padding: 19px 0 18px } .your-order-area .your-order-wrap .your-order-product-info .your-order-middle ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 10px } .your-order-area .your-order-wrap .your-order-product-info .your-order-bottom ul { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .your-order-area .your-order-wrap .your-order-product-info .your-order-bottom ul li.your-order-shipping { font-size: 16px; color: #253237; font-weight: 600 } .your-order-area .your-order-wrap .your-order-product-info .your-order-total { border-bottom: 1px solid #dee0e4; border-top: 1px solid #dee0e4; margin: 18px 0 33px; padding: 17px 0 19px } .your-order-area .your-order-wrap .your-order-product-info .your-order-total ul { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .your-order-area .your-order-wrap .your-order-product-info .your-order-total ul li.order-total { font-weight: 700; color: #212121; font-size: 18px } .your-order-area .your-order-wrap .your-order-product-info .your-order-total ul li { font-weight: 700; color: #4fb68b; font-size: 16px; list-style: outside none none } .your-order-area .payment-accordion:last-child { margin: 0 0 0 } .your-order-area .payment-accordion { margin: 0 0 16px } .your-order-area .payment-accordion { margin: 0 0 16px } .your-order-area .payment-accordion h4 a { color: #253237; font-size: 16px; margin: 0; font-weight: 600 } .your-order-area .payment-accordion .panel-body { padding: 5px 0 0 0 } .your-order-area .payment-accordion .panel-body p { padding: 0 0 0 10px; font-size: 14px; color: #666 } .your-order-area .Place-order>a { background-color: #4fb68b; color: #fff; display: block; font-weight: 700; letter-spacing: 1px; line-height: 1; padding: 18px 20px; text-align: center; text-transform: uppercase; border-radius: 50px; z-index: 9 } .your-order-area .Place-order>a:hover { background: #253237; color: #fff } .Place-order { margin-top: 25px } .billing-info-wrap h3, .your-order-area h3 { font-weight: 700; color: #253237; margin: 0 0 30px; font-size: 24px; line-height: 16px } .open-toggle, .open-toggle2 { display: none } .single-my-account h3.panel-title { background-color: #f9f9f9; border-bottom: 1px solid #ebebeb; color: #253237; font-size: 14px; font-weight: 700; margin: 0; position: relative; text-transform: uppercase; line-height: 2 } .single-my-account h3.panel-title span { color: #253237; font-size: 14px; left: 20px; position: absolute; top: 16px } .single-my-account h3.panel-title a { color: #253237; display: block; padding: 16px 55px; position: relative } .single-my-account h3.panel-title a:hover { color: #4fb68d } .single-my-account h3.panel-title a:hover::before { color: #4fb68d } .single-my-account h3.panel-title a::before { color: #000; content: "\f3d0"; display: inline-block; font-family: "Ionicons"; font-size: 14px; position: absolute; right: 10px; top: 50%; margin-top: -14px } .single-my-account .myaccount-info-wrapper { padding: 30px 20px; background-color: #fff } .single-my-account .myaccount-info-wrapper .account-info-wrapper { border-bottom: 1px solid #eaeaea; margin-bottom: 28px; padding-bottom: 30px } .single-my-account .myaccount-info-wrapper .account-info-wrapper h4 { font-size: 14px; margin: 0; text-transform: uppercase; color: #253237; font-weight: 700 } .single-my-account .myaccount-info-wrapper .account-info-wrapper h5 { font-size: 14px; letter-spacing: .2px; margin-top: 7px; font-weight: 600; color: #253237 } .single-my-account .myaccount-info-wrapper .billing-info { margin-bottom: 20px } .single-my-account .myaccount-info-wrapper .billing-info label { color: #666; font-size: 14px; text-transform: capitalize } .single-my-account .myaccount-info-wrapper .billing-info input { background: transparent none repeat scroll 0 0; border: 1px solid #ebebeb; color: #666; height: 40px; padding: 0 15px; width: 100%; outline: none } .single-my-account .myaccount-info-wrapper .billing-back-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 26px; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .single-my-account .myaccount-info-wrapper .billing-back-btn .billing-back a { color: #253237; display: inline-block; font-size: 14px; font-weight: 700; text-transform: uppercase } .single-my-account .myaccount-info-wrapper .billing-back-btn .billing-back a:hover { color: #4fb68d } .single-my-account .myaccount-info-wrapper .billing-back-btn .billing-back a i { font-size: 15px; color: #4fb68d } .single-my-account .myaccount-info-wrapper .billing-back-btn .billing-btn button { background-color: #f2f2f2; border: medium none; color: #253237; display: inline-block; font-size: 14px; font-weight: 700; line-height: 1; padding: 16px 35px 17px; text-transform: uppercase; cursor: pointer; -webkit-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; outline: none; border-radius: 30px } .single-my-account .myaccount-info-wrapper .billing-back-btn .billing-btn button:hover { background-color: #4fb68d; color: #fff } .single-my-account .myaccount-info-wrapper .entries-wrapper .entries-info { padding: 30px 20px } .single-my-account .myaccount-info-wrapper .entries-wrapper .entries-info p { color: #666; font-size: 14px; margin: 0; text-transform: capitalize } .single-my-account .myaccount-info-wrapper .entries-wrapper .entries-edit-delete a.edit { background-color: #0090f0; font-weight: 700 } .single-my-account .myaccount-info-wrapper .entries-wrapper .entries-edit-delete a.edit:hover { background-color: #4fb68d } .single-my-account .myaccount-info-wrapper .entries-wrapper .entries-edit-delete a:hover { background-color: #4fb68d } .single-my-account .myaccount-info-wrapper .entries-wrapper .entries-edit-delete a { background-color: #F32013; color: #fff; display: inline-block; line-height: 1; margin: 0 2px; padding: 12px 15px; text-transform: uppercase; font-weight: 700 } .single-my-account { margin-bottom: 20px; border: 1px solid #ebebeb } .single-my-account:last-child { margin: 0 } .single-my-account .myaccount-info-wrapper .entries-wrapper { border: 1px solid #eaeaea; position: relative } .single-my-account .myaccount-info-wrapper .entries-wrapper::before { position: absolute; content: ""; height: 100%; width: 1px; left: 50%; top: 0; background-color: #eaeaea } .login-register-wrapper .login-register-tab-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 40px } .login-register-wrapper .login-register-tab-list a { position: relative } .login-register-wrapper .login-register-tab-list a:last-child:before { display: none } .login-register-wrapper .login-register-tab-list a::before { background-color: #000; bottom: 5px; content: ""; height: 18px; margin: 0 auto; position: absolute; right: -2px; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 1px } .login-register-wrapper .login-register-tab-list a.active h4 { color: #4fb68d } .login-register-wrapper .login-register-tab-list a h4 { font-size: 25px; font-weight: 700; margin: 0 20px; text-transform: capitalize; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; color: #253237 } .login-register-wrapper .login-form-container { background: transparent none repeat scroll 0 0; -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .1); box-shadow: 0 0 6px rgba(0, 0, 0, .1); padding: 80px; text-align: left } .login-register-wrapper .login-form-container .login-register-form form input { background-color: transparent; border: 1px solid #ebebeb; color: #666; font-size: 14px; height: 45px; margin-bottom: 30px; padding: 0 15px; width: 100%; outline: none } .login-register-wrapper .login-form-container .login-register-form form .button-box .login-toggle-btn { padding: 10px 0 19px } .login-register-wrapper .login-form-container .login-register-form form .button-box button { background-color: #f2f2f2; border: medium none; color: #253237; cursor: pointer; font-size: 14px; font-weight: 700; line-height: 1; padding: 11px 30px; text-transform: uppercase; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; outline: none; border-radius: 30px } .login-register-wrapper .login-form-container .login-register-form form .button-box button:hover { background: #4fb68d; color: #fff } .login-register-wrapper .login-form-container .login-register-form form input[type="checkbox"] { height: 15px; margin: 0; position: relative; top: 1px; width: 17px } .login-register-wrapper .login-form-container .login-register-form form .button-box .login-toggle-btn label { color: #253237; font-size: 15px; font-weight: 400 } .login-register-wrapper .login-form-container .login-register-form form .button-box .login-toggle-btn a.flote-none { float: none !important } .login-register-wrapper .login-form-container .login-register-form form .button-box .login-toggle-btn a { color: #253237; float: right; font-size: 15px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s } .login-register-wrapper .login-form-container .login-register-form form .button-box .login-toggle-btn a:hover { color: #4fb68d } .contact-map #map { height: 560px } .custom-row-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px } .custom-row-2 div[class^="col-"] { padding-left: 5px; padding-right: 5px } .contact-info-wrap { background-color: #f3f3f3; padding: 120px 70px 116px 90px } .contact-info-wrap .single-contact-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 40px } .contact-info-wrap .single-contact-info .contact-icon { margin-right: 20px } .contact-info-wrap .single-contact-info .contact-icon i { font-size: 20px; color: #253237; display: inline-block; width: 40px; height: 40px; line-height: 40px; border: 1px solid #252525; text-align: center; border-radius: 100%; -webkit-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s } .contact-info-wrap .single-contact-info .contact-info-dec p { line-height: 1; color: #253237; margin: 0 0 9px } .contact-info-wrap .single-contact-info .contact-info-dec p a { color: #253237 } .contact-info-wrap .single-contact-info .contact-info-dec p a:hover { color: #4fb68d } .contact-info-wrap .single-contact-info:hover .contact-icon i { background-color: #4fb68d; color: #fff; border-color: #4fb68d } .contact-social h3 { font-weight: 700; color: #253237; font-size: 24px; margin: 0 0 17px; line-height: 1 } .contact-social ul li a { color: #666 } .contact-social .social-info li a { margin-right: 15px } .contact-form { background-color: #f3f3f3; padding: 50px 110px 50px 110px } .contact-form .contact-title h2 { font-size: 24px; font-weight: 700; color: #253237; line-height: 1; margin-bottom: 36px; margin-left: -10px } .contact-form .contact-form-style input, .contact-form .contact-form-style textarea { background: transparent; border: 1px solid #c1c1c1; height: 40px; padding: 2px 14px; margin-bottom: 30px; color: #000; width: 100%; outline: none } .contact-form p { color: #333 } .contact-form .contact-form-style textarea { padding: 20px 14px; margin-bottom: 0; height: 200px } .contact-map { margin-bottom: 60px } .contact-form .contact-form-style button { border: none; background-color: #4fb68d; color: #fff; font-size: 14px; font-weight: 700; text-transform: uppercase; line-height: 1; padding: 15px 52px; margin-top: 33px; outline: none; -webkit-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; border-radius: 30px } .contact-form .contact-form-style button:hover { background-color: #253237; color: #fff } .compare-table .table tbody tr:first-child { border-top: 1px solid #eee } .compare-table .table tbody tr td.first-column { min-width: 180px; font-size: 18px; font-weight: 700; color: #253237; margin: 0; line-height: 1 } .compare-table .table tbody tr td.product-image-title { min-width: 310px; vertical-align: bottom; padding-top: 70px } .compare-table .table tbody tr td { text-align: center; border: none; padding: 25px 30px; vertical-align: middle; border-bottom: 1px solid #eee; border-left: 1px solid #eee } .compare-table .table tbody tr td.product-image-title .image { clear: both; width: 100%; margin-bottom: 40px; display: block } .compare-table .table tbody tr td.product-image-title .image img { max-width: 100% } .compare-table .table tbody tr td.product-image-title .category { float: left; clear: both; font-size: 13px; line-height: 15px; color: #253237; text-transform: capitalize; letter-spacing: .5px } .compare-table .table tbody tr td.product-image-title .title { float: left; clear: both; font-size: 16px; font-weight: 700; color: #253237; line-height: 20px; margin-bottom: 10px } .compare-table .table tbody tr td.pro-desc p { text-align: left; margin: 0 } .compare-table .table tbody tr td.pro-price, .compare-table .table tbody tr td.pro-color, .compare-table .table tbody tr td.pro-stock { font-size: 16px; font-weight: 700; color: #253237 } .compare-table .table tbody tr td:last-child { border-right: 1px solid #eee } .compare-table .table tbody tr td.pro-addtocart .add-to-cart { position: relative; background-color: #4fb68d; color: #fff; border-radius: 30px; display: inline-block; width: 170px; padding: 10px 25px 10px 25px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; outline: none; font-weight: 700 } .compare-table .table tbody tr td.pro-addtocart .add-to-cart:hover { background-color: #253237 } .compare-table .table tbody tr td.pro-remove button { border: none; background-color: transparent; padding: 0; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; outline: none } .compare-table .table tbody tr td.pro-remove button:hover { color: #4fb68d } .compare-table .table tbody tr td.pro-remove button i { font-size: 22px } .compare-table .table tbody tr td.pro-ratting i { font-size: 20px; color: #fdd835 } .static-banner-area { background: #f19596; margin: 0 } .static-banner-area .banner-wrapper { margin: 0 } .banner-box:after { background: rgba(255, 255, 255, .3); bottom: 50%; content: ""; left: 0; position: absolute; right: 0; top: 50%; opacity: 1; pointer-events: none } .banner-box:before { background: rgba(255, 255, 255, .3); bottom: 0; content: ""; left: 50%; position: absolute; right: 51%; top: 0; opacity: 1; pointer-events: none; z-index: 1 } .banner-box img { width: 100%; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear } .img-responsive { display: block; max-width: 100%; height: auto } .banner-box:hover:before { left: 0; right: 0; opacity: 0; -webkit-transition: all 900ms linear; -moz-transition: all 900ms linear; -ms-transition: all 900ms linear; -o-transition: all 900ms linear; transition: all 900ms linear } .banner-box:hover:after { top: 0; bottom: 0; opacity: 0; -webkit-transition: all 900ms linear; -moz-transition: all 900ms linear; -ms-transition: all 900ms linear; -o-transition: all 900ms linear; transition: all 900ms linear } .static-banner-area .static-banner-content { max-width: 450px } .static-banner-area .static-banner-content h2 { font-size: 48px; line-height: 1; color: #fff; font-weight: 400; margin: 0; text-transform: uppercase } .static-banner-area .static-banner-content h3 { font-size: 48px; line-height: 1; color: #fff; font-weight: 700; margin-bottom: 20px; text-transform: uppercase } .static-banner-area .static-banner-content p { font-size: 18px; line-height: 24px; color: #fff; font-weight: 400; margin-bottom: 35px } .static-banner-area .static-banner-content a { position: relative; font-size: 14px; font-weight: 700; color: #253237; background: #fff; line-height: 45px; height: 45px; padding: 0 30px; border-radius: 30px; text-transform: uppercase; display: inline-block } .static-banner-area .static-banner-content a:hover { background: #ef1e1e; color: #fff } .static-banner-area:hover .static-banner-content { animation: fadeInRight 0.3s linear alternate; -webkit-animation: fadeInRight 0.3s linear alternate; -moz-animation: fadeInRight 0.3s linear alternate } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } .static-countdown-area { background-image: url(../images/section-bg/static-countdown-bg.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; padding: 100px 0 } .static-countdown-content h2 { color: #253237; font-size: 32px; line-height: 1; margin-bottom: 15px; font-weight: 700 } .static-countdown-content p.countdown-price { color: #ef1e1e; font-size: 24px } .static-countdown-content p { color: #777; font-size: 16px; margin-bottom: 20px } .static-countdown-content a { position: relative; font-size: 14px; font-weight: 700; color: #fff; background: #ef1e1e; line-height: 45px; height: 45px; padding: 0 30px; border-radius: 30px; text-transform: uppercase; display: inline-block } .static-countdown-content a:hover { background: #253237; color: #fff } .static-countdown-content .clockdiv { justify-content: start; margin: 0 0 20px 0 } .static-countdown-content .clockdiv span { font-size: 32px } .static-countdown-content .clockdiv span p { font-size: 12px } .static-countdown-content .clockdiv span { margin: 0 20px 0 0; text-align: center } .static-countdown-content .clockdiv span:after { right: -10px } .static-countdown-area:hover .static-countdown-content { animation: fadeInRight 0.3s linear alternate; -webkit-animation: fadeInRight 0.3s linear alternate; -moz-animation: fadeInRight 0.3s linear alternate } .banner-left { float: left; width: 20%; position: relative; z-index: 2 } .banner-right { width: 80% } .blog-post-media { overflow: hidden } .blog-image img { width: 100%; height: 300px; object-fit: cover; object-position: center } .single-blog.blog-image img { height: auto } .blog-post-media iframe { width: 100%; position: relative; height: 300px } .blog-title a { font-size: 24px; font-weight: 600; color: #253237 } .blog-title a:hover { color: #4fb68d } .blog-page-meta li a:hover { color: #4fb68d } .blog-page-meta li { display: inline-block } .blog-page-meta li a { display: block; color: #253237 } .blog-page-meta li:first-child:after { position: absolute; top: 50%; right: -9px; left: auto; background: #555; content: ''; width: 1px; height: 12px; margin-top: -6px } .blog-page-meta li { display: inline-block; position: relative } .blog-page-meta li:first-child { margin-right: 15px } .blog-page-meta { margin: 10px 0 } .blog-post-content-inner p { margin: 20px 0; padding-top: 20px; border-top: 1px solid#ebebeb; color: #253237 } .blog-post-content-inner .read-more-btn:hover { color: #4fb68d; padding-left: 5px } .blog-gallery .slick-arrow i { font-size: 26px; color: #333 } .blog-gallery .slick-arrow { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 99; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; cursor: pointer } .blog-gallery .slick-arrow.next { left: auto; right: 0 } .blog-gallery:hover .slick-arrow { visibility: visible; opacity: 1; left: 20px } .blog-gallery:hover .slick-arrow.next { left: auto; right: 20px } .blog-gallery .slick-slide img { width: 100%; height: 300px; object-fit: cover; object-position: center } .single-post-content p { margin: 0 0 25px; color: #253237 } .single-post-content p.quate-speech { margin-left: 100px; padding: 10px 15px; font-size: 16px; line-height: 26px; font-style: italic; border-left: 3px solid#4fb68d } .tag-list li { display: inline-block; margin-left: 5px; color: #253237 } .tag-list li a { color: #253237 } .tag-list li a:hover { color: #4fb68d } .social li { display: inline-block; margin-left: 10px; font-size: 16px; color: #253237 } .social li a { color: #253237 } .social li a:hover { color: #4fb68d } span.title { font-weight: 700; color: #253237 } .blog-related-post .blog-title a { font-size: 20px } .blog-related-post { padding: 40px 0 30px 0; border-top: 1px solid#ebebeb; border-bottom: 1px solid#ebebeb } .blog-single-tags-share { margin-bottom: 35px } .comment-area .review-content { padding: 30px; border: 1px solid #ebebeb } .comment-area { margin-top: 35px } .comment-area .single-review.child-review { margin-bottom: 70px } .comment-heading { font-family: "Open Sans", sans-serif; font-size: 24px; color: #253237; text-transform: capitalize; line-height: 16px; font-weight: 600; margin: 0 0 40px } .blog-comment-form .comment-heading { margin: 0 0 10px } .blog-comment-form p { margin: 0 0 30px } .comment-area .single-review .review-top-wrap .review-left .review-name h4 { font-weight: 600; color: #253237 } .single-form input, .single-form textarea { padding: 2px 10px 2px 20px; background: transparent; border: 1px solid #e6e6e6; color: #333 } .single-form input { height: 45px; -webkit-box-shadow: none; box-shadow: none; padding-left: 10px; font-size: 14px; color: #253237; width: 100%; margin-bottom: 15px; outline: none } .single-form textarea { height: 180px; padding: 20px 10px 2px 20px; margin-bottom: 20px; width: 100%; outline: none } .single-form input[type=submit] { padding: 0 55px !important; line-height: 48px; height: 48px; font-size: 16px; font-weight: 700; border: none; border-radius: 30px; box-shadow: none; text-transform: uppercase; background: #4fb68d !important; display: block; color: #fff !important; width: 200px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; margin: 20px 0 60px } .single-form input[type=submit]:hover { background: #253237 !important; color: #fff !important } .single-blog .blog-post-content-inner { padding: 30px 0 0 } .about-area { padding: 60px 0 55px 0 } .about-content h2 { font-weight: 600; color: #253237; margin: 0 0 15px; font-size: 40px } .single-about h4 { font-size: 30px; font-weight: 600; color: #253237; margin: 0 0 15px } .about-area p { color: #253237 } .cartcounter{ right: 5px; background: green; padding: 0px 5px; color: #fff; border-radius: 20px; position: absolute; top: 12px; } /* new */ /* ===== CATEGORY PREMIUM UI ===== */ .category-section{ padding:40px 0; } .section-title h2{ font-size:22px; font-weight:600; margin-bottom:20px; } /* CARD */ .category-card-new{ background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 4px 15px rgba(0,0,0,0.08); transition:0.3s; margin-bottom:20px; } .category-card-new:hover{ transform:translateY(-6px); box-shadow:0 10px 25px rgba(0,0,0,0.15); } /* IMAGE */ .cat-img{ overflow:hidden; } .cat-img img{ width:100%; height:180px; object-fit:cover; transition:0.4s; } .category-card-new:hover img{ transform:scale(1.1); } /* TEXT */ .cat-content{ padding:12px; text-align:center; } .cat-content h4{ font-size:14px; font-weight:600; color:#222; margin:0; } /* SWITCH */ .switch { position: relative; display: inline-block; width: 40px; height: 22px; } .switch input { display:none; } .slider { position: absolute; cursor: pointer; background-color: #ccc; border-radius: 34px; top: 0; left: 0; right: 0; bottom: 0; transition: .4s; } .slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 3px; bottom: 3px; background: white; border-radius: 50%; transition: .4s; } input:checked + .slider { background-color: #0aad6a; } input:checked + .slider:before { transform: translateX(18px); } /* ====== product banner + product show case ====== */ /* ===== PREMIUM PRODUCT SHOWCASE ===== */ .home-block{ margin-bottom:50px; } /* 🔥 BANNER */ .home-banner{ position:relative; overflow:hidden; border-radius:16px; margin-bottom:20px; } .home-banner img{ width:100%; height:auto; object-fit:cover; transition:0.6s; } .home-banner::after{ content:''; position:absolute; inset:0; background:linear-gradient(to top, rgba(0,0,0,0.3), transparent); } /* ================= PRODUCT CARD ================= */ /* 🛒 Button */ .cart-btn-1{ width:100%; margin-top:8px; background:#ff7a00; color:#fff; border:none; padding:7px; border-radius:20px; font-size:15px; cursor:pointer; transition:0.3s; } .cart-btn-1:hover{ background:#e96b00; } /* ================= SLIDER ================= */ /* TRACK */ .product-slider{ transition:transform 0.6s ease; } /* NAV BUTTONS */ .slider-btn{ position:absolute; top:50%; transform:translateY(-50%); background:#fff; border:none; width:40px; height:40px; border-radius:50%; box-shadow:0 5px 15px rgba(0,0,0,0.15); cursor:pointer; z-index:10; font-size:20px; } .slider-btn.prev{ left:10px; } .slider-btn.next{ right:10px; } .slider-btn:hover{ background:#0aad6a; color:#fff; } /* home page reel video part */ .homepage-video-section{ position:relative; width:100%; height:600px; overflow:hidden; border-radius:28px; margin:70px auto; } /* VIDEO */ .homepage-video-section video{ width:100%; height:100%; object-fit:cover; } /* OVERLAY */ .video-overlay{ position:absolute; inset:0; background:linear-gradient( to right, rgba(0,0,0,0.65), rgba(0,0,0,0.25) ); display:flex; align-items:center; padding:60px; } /* CONTENT */ .video-content{ max-width:650px; color:#fff; } .video-content h2{ font-size:58px; line-height:1.1; font-weight:800; margin-bottom:20px; } .video-content p{ font-size:18px; line-height:1.7; margin-bottom:30px; color:rgba(255,255,255,0.9); } /* BUTTON */ .video-shop-btn{ display:inline-block; background:linear-gradient(135deg,#0aad6a,#088a55); color:#fff; padding:15px 34px; border-radius:50px; text-decoration:none; font-weight:600; font-size:15px; transition:0.3s; } .video-shop-btn:hover{ transform:translateY(-3px); color:#fff; } /* ================= REELS ================= */ .reel-thumb{ width:90px; height:140px; object-fit:cover; border-radius:16px; box-shadow:0 5px 15px rgba(0,0,0,0.08); } /* VIDEO */ .video-thumb{ width:90px; height:140px; object-fit:cover; border-radius:16px; background:#000; } /* PRICE */ .reel-price{ color:#0aad6a; font-weight:700; font-size:16px; } .reel-old-price{ color:#999; text-decoration:line-through; font-size:13px; } /* DISCOUNT */ .reel-discount{ background:#e8fff3; color:#0aad6a; padding:6px 12px; border-radius:50px; font-size:13px; font-weight:700; } /* ================= REEL VIDEO SECTION ================= */ .homepage-reels{ padding:60px 20px; background:#fff; } .reels-header{ text-align:center; margin-bottom:30px; } .reels-header h2{ font-size:32px; font-weight:700; color:#111; } .reels-wrapper{ position:relative; display:flex; align-items:center; } .reels-slider{ display:flex; gap:20px; overflow-x:auto; scroll-behavior:smooth; padding:10px; width:100%; } .reels-slider::-webkit-scrollbar{ display:none; } .reel-card{ min-width:280px; max-width:280px; border-radius:18px; overflow:hidden; background:#fff; box-shadow:0 8px 25px rgba(0,0,0,0.08); transition:0.3s; flex-shrink:0; } .reel-card:hover{ transform:translateY(-5px); } .reel-media{ position:relative; width:100%; height:420px; overflow:hidden; background:#f5f5f5; } .reel-image{ width:100%; height:100%; object-fit:cover; position:relative; z-index:1; } .reel-video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; visibility:hidden; transition:0.3s; z-index:2; } .reel-card:hover .reel-video{ opacity:1; visibility:visible; } .reel-content{ padding:15px; } .reel-content h4{ font-size:18px; font-weight:600; color:#111; margin-bottom:8px; } .reel-rating{ font-size:14px; margin-bottom:10px; } .reel-price-box{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; } .reel-price-box .new-price{ font-size:20px; font-weight:700; color:#111; } .reel-price-box .old-price{ text-decoration:line-through; color:#999; } .reel-price-box .discount{ background:#e53935; color:#fff; padding:4px 8px; border-radius:20px; font-size:12px; font-weight:600; } .reel-nav{ width:45px; height:45px; border:none; border-radius:50%; background:#fff; box-shadow:0 5px 20px rgba(0,0,0,0.12); cursor:pointer; font-size:24px; z-index:5; } .prev-reel{ margin-right:10px; } .next-reel{ margin-left:10px; } .reel-card-link{ text-decoration:none; color:inherit; } /* ===== REEL CARD FIXED SIZE ===== */ .reel-card{ width:280px; min-width:280px; height:620px; background:#fff; border-radius:var(--card-radius); overflow:hidden; box-shadow:0 5px 20px rgba(0,0,0,0.08); display:flex; flex-direction:column; } /* IMAGE / VIDEO AREA */ .reel-media{ height:420px; overflow:hidden; position:relative; } /* IMAGE */ .reel-image, .reel-video{ width:100%; height:100%; object-fit:cover; display:block; } /* CONTENT */ .reel-content{ padding:15px; flex:1; display:flex; flex-direction:column; justify-content:space-between; } /* TITLE FIX */ .reel-content h4{ font-size:16px; line-height:1.4; height:68px; overflow:hidden; } /* ================= PREMIUM HOME SECTION ================= */ .premium-home-section{ padding:70px 0; background: #f5f6f8; } .premium-grid{ display:grid; grid-template-columns:420px 1fr; gap:35px; } /* ================= VIDEO CARD ================= */ .premium-title-wrap{ padding:28px; } .section-tag{ background:#0aad6a; color:#fff; padding:6px 14px; border-radius:30px; font-size:12px; font-weight:600; display:inline-block; margin-bottom:14px; } .premium-title-wrap h2{ font-size:34px; font-weight:700; margin-bottom:14px; line-height:1.2; } .premium-title-wrap p{ color:#666; line-height:1.7; } .premium-video-box iframe{ width:100%; height:280px; } .premium-video-content{ padding:24px; } .premium-video-content h3{ font-size:22px; margin-bottom:16px; } .visit-store-btn{ background:#0aad6a; color:#fff; padding:12px 24px; border-radius:30px; text-decoration:none; font-weight:600; display:inline-block; } /* ================= SECTION HEADER ================= */ .premium-section-header{ display:flex; justify-content:space-between; align-items:center; margin-bottom:28px; } .premium-section-header h2{ font-size:34px; font-weight:700; margin-top:10px; } /* ================= PRODUCT CARD ================= */ .premium-product-card{ background:#fff; border-radius:24px; overflow:hidden; transition:0.3s; box-shadow:0 6px 24px rgba(0,0,0,0.06); margin:10px; height:auto; min-height:520px; display:flex; flex-direction:column; } .premium-product-card:hover{ transform:translateY(-6px); } .premium-product-image{ position:relative; height:260px; overflow:hidden; background:#fff; display:flex; align-items:center; justify-content:center; padding:20px; } .premium-product-image img{ width:100%; height:100%; object-fit:contain; transition:0.4s; } .premium-product-card:hover img{ transform:scale(1.06); } .premium-badge{ position:absolute; top:14px; left:14px; background:#ff4d4d; color:#fff; padding:6px 12px; border-radius:20px; font-size:11px; font-weight:600; } .premium-product-content{ padding:22px; } .premium-product-content h3{ font-size:19px; line-height:1.5; height:58px; overflow:hidden; } .premium-product-content h3 a{ color:#111; text-decoration:none; } .premium-stock{ color:#777; margin:12px 0; } .premium-rating{ color:#f5b301; margin-bottom:14px; } .premium-price-wrap{ display:flex; align-items:center; gap:10px; margin-bottom:12px; } .premium-new-price{ font-size:28px; font-weight:700; color:#0aad6a; } .premium-old-price{ text-decoration:line-through; color:#999; } .premium-save-price{ color:#ff4d4d; font-weight:600; margin-bottom:18px; } .premium-cart-btn{ width:100%; display:block; text-align:center; background:#0aad6a; color:#fff; padding:14px; border-radius:16px; text-decoration:none; font-weight:600; transition:0.3s; } .premium-cart-btn:hover{ background:#088a55; color:#fff; } /* ================= OWL FIX ================= */ .premium-product-slider .owl-stage, .premium-feature-slider .owl-stage{ display:flex; } .premium-product-slider .owl-item, .premium-feature-slider .owl-item{ display:flex; height:100%; } /* ================= FEATURE SECTION ================= */ .premium-feature-section{ padding:40px 0 80px; background: #f5f6f8; border-radius:30px; margin-right:1%; margin-left:1%; padding-bottom:1%; } /* ================= OWL REAL FIX ================= */ .premium-product-slider .owl-stage-outer, .premium-feature-slider .owl-stage-outer, .home-product-slider{ width:100%; display:block; } .premium-product-slider .owl-stage-outer, .premium-feature-slider .owl-stage-outer, .home-product-slider{ overflow:hidden; } .premium-product-slider .owl-stage-outer, .premium-feature-slider .owl-stage-outer, .home-product-slider{ display:flex; } .premium-product-slider .owl-stage-outer, .premium-feature-slider .owl-stage-outer, .home-product-slider{ flex-shrink:0; } .premium-trending-section{ overflow:hidden; width:100%; } /* NAVIGATION */ .owl-nav{ display:none !important; justify-content:center; align-items:center; gap:15px; margin-top:25px; } .owl-nav button{ width:42px; height:42px; border-radius:50% !important; background:#0aad6a !important; color:#fff !important; font-size:22px !important; border:none !important; } .owl-nav button span{ line-height:0; } .owl-nav button:hover{ background:#088a55 !important; } /* REMOVE PREMIUM SECTION NAV BUTTONS */ .premium-product-slider .owl-nav, .premium-feature-slider .owl-nav{ display:none !important; } /* ===================================== PREMIUM HOME LAYOUT ===================================== */ .premium-home-layout{ display:flex; gap:40px; align-items:flex-start; } .premium-left-video{ width:380px; flex-shrink:0; } .premium-right-products{ flex:1; min-width:0; } /* ===================================== VIDEO CARD ===================================== */ .premium-video-card iframe{ width:100%; height:320px; border:none; } .premium-video-card-slider{ width:100%; } .premium-video-card{ background:#fff; box-shadow:0 10px 40px rgba(0,0,0,0.08); height:fit-content; overflow:hidden; padding:25px; } .premium-video-box iframe{ width:100%; height:320px; border:none; border-radius:30px; } .premium-video-card-slider .owl-nav{ margin-top:15px; text-align:center; display:flex !important; } .premium-video-card-slider .owl-nav button{ width:40px; height:40px; border-radius:50% !important; background:#0aae6f !important; color:#fff !important; margin:0 5px; font-size:18px !important; } /* ===================================== VIDEO SLIDER NAV BUTTONS ===================================== */ .premium-video-card-slider .owl-nav{ display:flex; justify-content:center; align-items:center; gap:18px; margin-top:25px; } /* BOTH BUTTONS */ .premium-video-card-slider .owl-prev, .premium-video-card-slider .owl-next{ min-width:140px; height:50px; border:none !important; border-radius:50px !important; background:linear-gradient(135deg,#0aad6a,#088a55) !important; color:#fff !important; font-size:15px !important; font-weight:700; letter-spacing:1px; text-transform:uppercase; transition:0.3s; box-shadow:0 10px 25px rgba(10,173,106,0.25); /* CENTER FIX */ display:flex !important; align-items:center; justify-content:center; line-height:1 !important; padding:0 !important; } /* TEXT CENTER */ .premium-video-card-slider .owl-prev span, .premium-video-card-slider .owl-next span{ display:flex; align-items:center; justify-content:center; height:100%; } /* HOVER */ .premium-video-card-slider .owl-prev:hover, .premium-video-card-slider .owl-next:hover{ transform:translateY(-3px); background:linear-gradient(135deg,#088a55,#066b42) !important; box-shadow:0 14px 28px rgba(10,173,106,0.35); } /* REMOVE DEFAULT OUTLINE */ .premium-video-card-slider .owl-prev:focus, .premium-video-card-slider .owl-next:focus{ outline:none; } /* ====================================================== OM MODERN PRODUCT CARD ====================================================== */ .om-modern-slider .owl-stage{ display:flex; } .om-modern-card, .admin-product-card{ background:linear-gradient( var(--gradient-angle), var(--gradient-color-1), var(--gradient-color-2)); color:var(--card-text); border:2px solid var(--card-border); border-radius:var(--card-radius); overflow:hidden; transition:0.3s ease; box-shadow:0 4px 18px rgba(0,0,0,0.08); } .om-modern-card:hover{ transform:translateY(-4px); box-shadow:0 8px 24px rgba(0,0,0,0.10); } /* TOP */ .om-modern-top{ display:flex; justify-content:flex-start; margin-bottom:10px; z-index: 1; } .admin-new-badge{ background:#00a75d; color:#fff; font-size:16px; font-weight:600; padding:7px 14px; border-radius:30px; } /* IMAGE */ .admin-card-image, .om-modern-image{ background:linear-gradient( var(--gradient-angle), var(--gradient-color-1), var(--gradient-color-2)); border-radius:var(--image-radius); padding:var(--image-padding); height:240px; display:flex; align-items:center; justify-content:center; overflow:hidden; position: relative } .admin-card-image img, .om-modern-image img{ max-width:100%; max-height:100%; object-fit:contain; transition:0.4s ease; border-radius:var(--card-radius) } .om-modern-card:hover .om-modern-image img { transform:scale(1.08); } .om-quick-view-btn{ z-index:5; position: absolute; } .om-modern-image:hover .om-quick-view-btn{ opacity:1; visibility:visible; transform:translateX(-50%) translateY(0); } /* CONTENT */ .om-modern-content{ display:flex; flex-direction:column; } /* CATEGORY */ .om-modern-category{ font-size:13px; color:#999; margin-bottom:8px; display:block; z-index:1; } /* TITLE */ .om-modern-title{ margin:0 0 12px; font-size:22px; line-height:1.5; font-weight:600; min-height:70px; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow: hidden; } .om-modern-title a{ color:#222; text-decoration:none; } /* RATING */ .om-modern-rating{ color:#ffb400; font-size:14px; margin-bottom:12px; } .om-modern-rating span{ color:#888; margin-left:5px; } /* STOCK */ .om-modern-stock{ font-size:14px; color:#777; margin-bottom:16px; } /* PRICE ROW */ .om-modern-price-row{ display:flex; align-items:center; justify-content:space-between; gap:12px; } /* PRICE */ .om-modern-price{ font-size:34px; font-weight:700; color:#00a859; display:block; line-height:1.1; } .om-modern-old-price{ font-size:15px; color:#999; text-decoration:line-through; } /* BUTTON */ .om-modern-btn, .om-add-cart-btn{ background:var(--card-btn); color:var(--card-btn-text); border-radius:14px; } .om-modern-btn:hover{ background:#00a859; color:#fff; } /* DISCOUNT */ .om-modern-top{ display:flex; justify-content:space-between; align-items:center; } .om-modern-discount{ background:var(--card-badge); color:#fff; font-size:16px; font-weight:600; padding:7px 12px; border-radius:30px; z-index: 1; } /* ====================================================== OM WOODS REVIEWS SECTION ====================================================== */ .om-review-section{ padding:80px 0; background:#f8f9fb; } /* HEADER */ .om-review-header{ text-align:center; margin-bottom:45px; } .om-review-header h2{ font-size:42px; font-weight:700; color:#111; margin-bottom:12px; } .om-review-header p{ font-size:17px; color:#777; } /* CARD */ .om-review-card{ background:#fff; border-radius:26px; padding:28px; box-shadow:0 6px 20px rgba(0,0,0,0.06); transition:0.3s; height:100%; } .om-review-card:hover{ transform:translateY(-5px); box-shadow:0 10px 30px rgba(0,0,0,0.10); } /* TOP */ .om-review-top{ display:flex; align-items:center; gap:16px; margin-bottom:20px; } /* IMAGE */ .om-review-user img{ width:70px; height:70px; border-radius:50%; object-fit:cover; border:4px solid #f1f1f1; } /* INFO */ .om-review-info h4{ font-size:20px; margin:0 0 6px; color:#111; } /* STARS */ .om-review-stars{ font-size:15px; color:#ffb400; } /* REVIEW TEXT */ .om-review-text{ font-size:16px; line-height:1.8; color:#555; margin:0; } /* OWL */ .om-review-slider .owl-stage{ display:flex; } .om-review-slider .owl-item{ height:auto; } /* ================= RESPONSIVE ================= */ /* MOBILE */ @media(max-width:991px){ .homepage-reels{ padding:40px 10px; } .reel-card{ min-width:220px; max-width:220px; } .reel-media{ height:320px; } .reels-header h2{ font-size:24px; } .video-slider-fix iframe{ width:100%; height:420px; border:none; border-radius:20px; display:block; } .video-slider-fix .owl-nav button{ position:absolute; top:50%; transform:translateY(-50%); width:40px; height:40px; border-radius:50% !important; background:#000 !important; color:#fff !important; } .video-slider-fix .owl-prev{ left:10px; } .video-slider-fix .owl-next{ right:10px; } .video-slider-fix .owl-stage-outer{ overflow:hidden; border-radius:20px; } .premium-video-card-slider .owl-prev, .premium-video-card-slider .owl-next{ min-width:110px; height:44px; font-size:13px !important; } } /* ================= RESPONSIVE ================= */ /* tablet */ @media(max-width:992px){ .premium-home-layout{ flex-direction:column; } .premium-left-video{ width:100%; } } /* mobile */ @media(max-width:576px){ .home-banner img{ height:150px; } } /* ========================================================= OM WOODS MARKETPLACE PRODUCTS PAGE ========================================================= */ /* ========================================================= MAIN PAGE ========================================================= */ .om-products-page{ background:#f6faf7; padding:40px 20px 70px; } /* ========================================================= SIDEBAR ========================================================= */ .om-sidebar{ background:#fff; border-radius:24px; padding:28px; position:relative; box-shadow:0 4px 20px rgba(0,0,0,0.05); } /* SIDEBAR TITLE */ .om-sidebar-title{ font-size:28px; font-weight:700; margin-bottom:30px; color:#111; } /* FILTER BLOCK */ .om-filter-block{ margin-bottom:35px; } /* FILTER HEADING */ .om-filter-block h4{ font-size:18px; font-weight:700; margin-bottom:18px; color:#222; } /* FILTER LIST */ .om-filter-block ul{ list-style:none; padding:0; margin:0; } /* FILTER ITEM */ .om-filter-block ul li{ margin-bottom:14px; color:#666; font-size:90%; cursor:pointer; transition:0.3s; } /* FILTER HOVER */ .om-filter-block ul li:hover{ color:#00a86b; padding-left:5px; } /* LINKS */ .om-filter-block ul li a{ color:#666; } /* ========================================================= TOOLBAR ========================================================= */ .om-toolbar{ background:#fff; border-radius:var(--card-radius); padding:22px 28px; margin-bottom:30px; display:flex; justify-content:space-between; align-items:center; box-shadow:0 4px 20px rgba(0,0,0,0.05); } /* LEFT */ .om-toolbar-left h2{ font-size:30px; font-weight:800; margin:0 0 5px; color:#111; } .om-toolbar-left span{ color:#777; font-size:14px; } /* SORT */ .om-toolbar-right select{ border:none; background:#f3f5f4; padding:14px 18px; border-radius:14px; outline:none; min-width:230px; color:#444; } /* ========================================================= PRODUCT GRID ========================================================= */ .om-products-page .row{ margin-left:-12px; margin-right:-12px; } .om-products-page .row > div{ padding-left:12px; padding-right:12px; margin-bottom:26px; } /* ========================================================= PRODUCT CARD ========================================================= */ .om-market-card{ background:var(--card-bg) !important; border:2px solid var(--card-border) !important; border-radius:var(--card-radius) !important; overflow:hidden; position:relative; transition:0.35s; box-shadow:0 4px 20px rgba(0,0,0,0.05); margin-bottom:25px; height:100%; display:flex; flex-direction:column; } /* HOVER */ .om-market-card:hover{ transform:translateY(-7px); box-shadow:0 14px 30px rgba(0,0,0,0.12); } /* ========================================================= TOP BADGES ========================================================= */ .om-market-top{ position:absolute; top:16px; left:16px; right:16px; display:flex; justify-content:space-between; z-index:5; } /* DISCOUNT */ .om-market-discount{ background:var(--badge-bg,#ff4d4d); color:#ffffff; padding:7px 14px; border-radius:50px; font-size:12px; font-weight:700; } /* NEW */ .om-market-new{ background:#00a86b; color:#fff; padding:7px 14px; border-radius:50px; font-size:12px; font-weight:700; } /* ========================================================= PRODUCT IMAGE ========================================================= */ .om-market-image{ height:240px; background:linear-gradient( var(--gradient-angle), var(--gradient-color-1), var(--gradient-color-2)); display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; border-radius: var(--card-radius); padding:var(--image-padding); } /* IMAGE */ .om-market-image img{ max-width:80%; max-height:200px; object-fit:contain; transition:0.4s; border-radius: var(--card-radius); } /* IMAGE HOVER */ .om-market-card:hover .om-market-image img{ transform:scale(1.05); } /* ========================================================= CONTENT ========================================================= */ .om-market-content{ padding:18px; flex:1; display:flex; flex-direction:column; } /* CATEGORY */ .om-market-category{ color: color-mix(in srgb, var(--card-text), white 40%) !important; font-size:13px; margin-bottom:8px; } /* TITLE */ .om-market-title{ color:var(--card-text) !important; font-size:20px; font-weight:700; line-height:1.4; margin-bottom:10px; min-height:56px; } /* TITLE LINK */ .om-market-title a{ color:var(--card-text); } /* ========================================================= RATING ========================================================= */ .om-market-rating{ color:#f4b400; font-size:14px; margin-bottom:12px; } .om-market-rating span{ color:#777; margin-left:6px; } /* ========================================================= STOCK ========================================================= */ .om-market-stock{ color: color-mix(in srgb, var(--card-text), white 40%); font-size:14px; margin-bottom:16px; } /* ========================================================= PRICE AREA ========================================================= */ .om-market-price-wrap{ display:flex; justify-content:space-between; align-items:center; margin-top:auto; gap:10px; } /* PRICE */ .om-market-price{ color:var(--card-btn); font-size:30px; font-weight:800; line-height:1; } /* OLD PRICE */ .om-market-old-price{ color: color-mix(in srgb, var(--card-text), white 35%); text-decoration:line-through; font-size:14px; margin-top:5px; } /* BUTTON */ .om-market-btn{ background:var(--card-btn); color:var(--card-btn-text); padding:11px 22px; border-radius:14px; font-weight:700; transition:0.3s; } /* BUTTON HOVER */ .om-market-btn:hover{ background:#00a86b; color:#fff; } /* ========================================================= MOBILE RESPONSIVE ========================================================= */ @media(max-width:991px){ .om-sidebar{ position:relative; top:auto; margin-bottom:25px; } .om-toolbar{ flex-direction:column; align-items:flex-start; gap:15px; } } /* MOBILE */ @media(max-width:991px){ /* MAIN PAGE */ .om-products-page{ padding:20px 10px 40px; } /* SIDEBAR */ .om-sidebar{ padding:22px; border-radius:20px; } .om-sidebar-title{ font-size:22px; } /* TOOLBAR */ .om-toolbar{ padding:18px; border-radius:18px; } .om-toolbar-left h2{ font-size:22px; } .om-toolbar-right select{ width:100%; min-width:100%; } /* GRID */ .om-products-page .row{ margin-left:-6px; margin-right:-6px; } .om-products-page .row > div{ padding-left:6px; padding-right:6px; margin-bottom:14px; } /* CARD */ .om-market-card{ padding:12px; border-radius:20px; } /* IMAGE */ .om-market-image{ border-radius:16px; } /* TITLE */ .om-market-title{ font-size:15px; line-height:1.4; height:42px; } /* PRICE */ .om-market-price{ font-size:20px; } /* BUTTON */ .om-market-btn{ padding:8px 14px; font-size:12px; border-radius:10px; } /* BADGES */ .om-market-discount, .om-market-new{ font-size:10px; padding:5px 10px; } } /* ========================================= HERO SECTION PREMIUM DESIGN ========================================= */ .om-products-hero{ background:#f3faf6; padding:20px; min-height:430px; } .om-products-hero-content{ background:#fff; border-radius:35px; padding: 35px; display:flex; align-items:center; justify-content:space-between; gap:50px; box-shadow:0 10px 40px rgba(0,0,0,0.05); overflow:hidden; } /* ========================================= LEFT SALE BANNER ========================================= */ .hero-side-banner{ width:230px; min-width:230px; background:linear-gradient(135deg,#10b981,#059669); border-radius:30px; padding:35px 25px; color:#fff; text-align:left; position:relative; overflow:hidden; box-shadow:0 15px 40px rgba(16,185,129,0.3); } .offer-tag{ background:#fff; color:#059669; padding:8px 16px; border-radius:50px; font-size:12px; font-weight:700; display:inline-block; margin-bottom:25px; } .hero-side-banner h4{ font-size:22px; margin-bottom:10px; } .hero-side-banner h2{ font-size:58px; line-height:1; font-weight:800; margin-bottom:20px; color:#fff; } .hero-side-banner p{ font-size:15px; margin-bottom:25px; line-height:1.7; } .hero-free-delivery{ margin-bottom:25px; font-size:16px; font-weight:700; } .hero-side-banner .shop-btn{ display:inline-block; background:#fff; color:#059669; border-radius:50px; text-decoration:none; font-weight:700; transition:0.3s; } .shop-btn:hover{ transform:translateY(-4px); } /* ========================================= CENTER CONTENT ========================================= */ .om-products-hero-left{ flex:1; } .om-products-hero-left h1{ font-size:64px; line-height:1.15; font-weight:800; letter-spacing:-2px; } .om-products-mini-title{ color:#10b981; font-weight:700; letter-spacing:2px; font-size:14px; } .om-products-hero-left p{ color:#666; line-height:1.9; font-size:17px; max-width:650px; } .om-hero-tags{ display:flex; gap:15px; margin-top:30px; flex-wrap:wrap; } .om-hero-tags span{ background:#f3faf6; padding:12px 20px; border-radius:50px; font-weight:600; color:#059669; display: flex; align-items: anchor-center; } .om-hero-tags i{ margin-right: 8px; } .om-hero-buttons{ gap:18px; margin-top:35px; display: flex; align-items: baseline; } .om-shop-btn, .om-category-btn{ padding:2% 2%; border-radius:14px; text-decoration:none; font-weight:700; transition:0.3s; font-size: 100%; } .om-shop-btn{ background:#10b981; color:#fff; margin-right: 6px; } .om-hero-buttons i{ margin-left: 8px; } .hero-free-delivery{ display:flex; align-items: center; } .hero-free-delivery i{ margin-right:10px; } .om-category-btn{ border:2px solid #10b981; color:#10b981; } /* ========================================= CENTER SIDE ========================================= */ .om-products-hero-center{ position:relative; } .om-products-hero-center{ position: relative; display: flex; align-items: center; justify-content: center; min-height: 450px; } /* ========================================= RIGHT SIDE ========================================= */ .om-products-hero-right{ position:relative; } .om-products-hero-right{ position: relative; display: flex; align-items: center; justify-content: center; min-height: 450px; } /* BACKGROUND CIRCLE */ .hero-bg-circle{ position: absolute; width: 500px; height: 500px; background: #eefaf4; border-radius: 50%; z-index: -1; right: -1px; top: -105px; } /* CHAIR */ .om-hero-product{ position: relative; z-index: 2; width: 320px; top: 15px; right: -60px; width:450px; height:auto; object-fit:contain; } /* PRODUCT COUNT */ .om-products-count-box{ position: absolute; right: 132px; bottom: 144px; z-index: 3; width:180px; height:180px; border-radius:50%; background:#10b981; display:flex; flex-direction:column; justify-content:center; align-items:center; color:#fff; box-shadow:0 15px 40px rgba(16,185,129,0.3); } .om-products-count-box h2{ font-size:58px; margin-bottom:5px; color:#fff; } .om-products-count-box span{ font-size:16px; } .hero-feature{ background:#f3fbf7; padding:12px 18px; border-radius:50px; font-size:15px; font-weight:600; color:#1b8d60; } .products-count{ width:170px; height:170px; box-shadow:0 20px 40px rgba(0,168,107,.18); position:relative; z-index:2; } .om-products-hero-right img{ position:relative; z-index:2; } /* ========================================================= PREMIUM INTERACTIONS ========================================================= */ /* SMOOTH TRANSITIONS */ .om-market-card, .om-market-image img, .om-market-btn, .om-filter-block ul li, .om-toolbar, .om-sidebar, .om-products-hero-content{ transition:all 0.35s ease; } /* ========================================================= PRODUCT CARD HOVER ========================================================= */ .om-market-card:hover{ transform:translateY(-8px); box-shadow:0 18px 40px rgba(0,0,0,0.14); } /* IMAGE HOVER */ .om-market-card:hover .om-market-image img{ transform:scale(1.08); } /* ========================================================= BUTTON EFFECT ========================================================= */ .om-market-btn{ position:relative; overflow:hidden; } /* BUTTON SHINE */ .om-market-btn::before{ content:""; position:absolute; top:0; left:-120%; width:100%; height:100%; background:rgba(255,255,255,0.25); transform:skewX(-20deg); transition:0.5s; } /* SHINE HOVER */ .om-market-btn:hover::before{ left:120%; } /* ========================================================= SIDEBAR EFFECT ========================================================= */ .om-sidebar:hover{ box-shadow:0 10px 28px rgba(0,0,0,0.08); } /* ========================================================= TOOLBAR EFFECT ========================================================= */ .om-toolbar:hover{ box-shadow:0 10px 24px rgba(0,0,0,0.08); } /* ========================================================= HERO EFFECT ========================================================= */ .om-products-hero-content:hover{ transform:translateY(-3px); box-shadow:0 14px 35px rgba(0,0,0,0.08); } /* ========================================================= FILTER LINK EFFECT ========================================================= */ .om-filter-block ul li{ position:relative; padding-left:0; } /* GREEN DOT */ .om-filter-block ul li::before{ content:""; width:7px; height:7px; border-radius:50%; background:#00a86b; position:absolute; left:-16px; top:8px; opacity:0; transition:0.3s; } /* HOVER */ .om-filter-block ul li:hover{ padding-left:6px; } .om-filter-block ul li:hover::before{ opacity:1; } /* ========================================================= PRODUCT IMAGE BACKGROUND ========================================================= */ .om-market-image{ background:linear-gradient(var(--gradient-angle),var(--gradient-color-1), var(--gradient-color-2)) !important; } /* ========================================================= TITLE HOVER ========================================================= */ .om-market-title a{ transition:0.3s; } .om-market-title a:hover{ color:#00a86b; } /* ========================================================= TOOLBAR RIGHT ========================================================= */ .om-toolbar-right{ display:flex; align-items:center; gap:14px; } /* ========================================================= SEARCH BOX ========================================================= */ .om-search-box{ background:#f3f5f4; border-radius:16px; overflow:hidden; display:flex; align-items:center; } /* INPUT */ .om-search-box input{ width:100%; border:none; background:transparent; height:52px; padding:0 18px; outline:none; color:#222; font-size:14px; } /* BUTTON */ .om-search-box button{ width:55px; height:52px; border:none; background:#00a86b; color:#fff; cursor:pointer; transition:0.3s; } /* BUTTON HOVER */ .om-search-box button:hover{ background:#008d5a; } /* ========================================================= MOBILE ========================================================= */ @media(max-width:991px){ .om-toolbar-right{ width:100%; flex-direction:column; align-items:stretch; } .om-search-box{ width:100%; min-width:100%; } .om-toolbar-right select{ width:100%; } } /* ========================================================= PRODUCT ACTIONS ========================================================= */ .om-market-actions{ display:flex; gap:10px; margin-top:auto; } /* ========================================================= ADD TO CART ========================================================= */ .om-add-cart-btn{ flex:1; height:48px; border:none; background:var(--card-btn) !important; color:var(--card-btn-text) !important; border-radius:14px; font-weight:700; cursor:pointer; transition:0.3s; display:flex; align-items:center; justify-content:center; gap:8px; } /* HOVER */ .om-add-cart-btn:hover{ background:color-mix(in srgb, var(--card-btn), white 40%); transform:translateY(-2px); } /* ========================================================= VIEW BUTTON ========================================================= */ .om-view-btn{ width:90px; height:48px; background: color-mix(in srgb, var(--card-btn), white 20%); color:color-mix(in srgb, var(--card-btn-text), white 40%); border-radius:14px; display:flex; align-items:center; justify-content:center; font-weight:700; transition:0.3s; z-index:5; } /* HOVER */ .om-view-btn:hover{ background:var(--card-btn); color:#fff; z-index:5 } /* ========================================================= WISHLIST ========================================================= */ .om-market-wishlist{ width:40px; height:40px; background:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 12px rgba(0,0,0,0.08); cursor:pointer; transition:0.3s; } /* ICON */ .om-market-wishlist i{ color:#444; transition:0.3s; } /* HOVER */ .om-market-wishlist:hover{ background:#ff5a5a; } .om-market-wishlist:hover i{ color:#fff; } /* ========================================================= MOBILE ========================================================= */ @media(max-width:991px){ .om-market-actions{ flex-direction:column; } .om-view-btn{ width:100%; } .om-add-cart-btn, .om-view-btn{ height:42px; font-size:12px; border-radius:10px; } .om-market-wishlist{ width:34px; height:34px; } } /* ========================================================= CART POPUP ========================================================= */ .om-cart-popup{ position:fixed; top:30px; right:30px; background:#fff; width:340px; border-radius:20px; padding:18px; display:flex; align-items:center; gap:16px; box-shadow:0 14px 40px rgba(0,0,0,0.14); z-index:99999; transform:translateX(450px); opacity:0; visibility:hidden; transition:0.4s; } /* ACTIVE */ .om-cart-popup.active{ transform:translateX(0); opacity:1; visibility:visible; } /* ICON */ .om-cart-popup-icon{ width:56px; height:56px; background:#00a86b; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; font-size:22px; flex-shrink:0; } /* TITLE */ .om-cart-popup-content h4{ margin:0 0 5px; font-size:18px; font-weight:700; color:#111; } /* TEXT */ .om-cart-popup-content p{ margin:0; color:#666; font-size:14px; } .om-market-image img{ transition:.4s ease; } .om-market-card:hover .om-market-image img{ transform:scale(1.08); } .om-market-card{ box-shadow:0 10px 30px rgba(0,0,0,0.05); transition:.3s ease; } .om-market-card:hover{ transform:translateY(-8px); box-shadow:0 20px 40px rgba(0,0,0,0.08); } .om-filter-block ul li a{ background:#f5f5f5; padding:10px 14px; display:block; border-radius:12px; margin-bottom:10px; transition:.3s; text-align: left; } .om-filter-block ul li a:hover{ background:#00b067; color:#fff; } .om-market-title{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:56px; } .om-products-hero-content{ backdrop-filter:blur(10px); background:rgba(255,255,255,0.7); } /* ========================================================= MOBILE ========================================================= */ @media(max-width:991px){ .om-cart-popup{ width:calc(100% - 30px); right:15px; top:15px; padding:15px; } .om-cart-popup-icon{ width:48px; height:48px; font-size:18px; } .om-cart-popup-content h4{ font-size:16px; } .om-cart-popup-content p{ font-size:12px; } } .bulk-actions-bar{ display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; } .right-actions{ display:flex; gap:10px; } #bulk_action{ height:40px; border:1px solid #ddd; border-radius:8px; padding:0 15px; } #apply_bulk{ height:40px; padding:0 20px; background:#00b074; color:#fff; border:none; border-radius:8px; cursor:pointer; } .filter-list li{ margin-bottom:15px; } .filter-list a{ color:#666; text-decoration:none; transition:.3s; } .filter-list a:hover{ color:#00b074; } .active-filter a{ color:#00b074; font-weight:600; } .img-responsive-truck { display: block; max-width: 100%; height: auto; color: white; } .mobile-filter-header button{ display: none; } .om-shop-sidebar{ width: 280px; flex: 0 0 280px; } .om-shop-products{ width: calc(100% - 280px); } .om-products-wrapper{ display:flex; gap:30px; align-items:flex-start; } /* ========================================================= CATEGORY HERO ========================================================= */ .om-category-page{ background: #f4f8f5; padding: 40px 0 80px; } .om-category-hero{ margin-bottom: 40px; } .om-category-hero-wrap{ background: linear-gradient(135deg,var(--card-bg),#eef8f1); border-radius: 30px; padding: 60px; display: flex; align-items: center; justify-content: space-between; gap: 50px; overflow: hidden; position: relative; box-shadow: 0 15px 40px rgba(0,0,0,0.05); } .om-category-left{ max-width: 550px; } .om-badge{ display: inline-block; background: #10b981; color: #fff; padding: 10px 18px; border-radius: 50px; font-size: 14px; font-weight: 600; margin-bottom: 20px; } .om-category-left h1{ font-size: 58px; line-height: 1.1; font-weight: 800; color: #111827; margin-bottom: 20px; } .om-category-left p{ font-size: 18px; line-height: 32px; color: #6b7280; margin-bottom: 35px; } .om-category-stats{ display: flex; gap: 20px; } .om-stat-box{ background: #fff; padding: 20px 30px; border-radius: 20px; min-width: 140px; box-shadow: 0 10px 30px rgba(0,0,0,0.04); } .om-stat-box h3{ font-size: 32px; font-weight: 800; color: #10b981; margin-bottom: 5px; } .om-stat-box span{ color: #6b7280; font-size: 14px; } .om-category-right img{ width: 420px; max-width: 100%; } /* ========================================================= SHOP SECTION ========================================================= */ .om-category-page .shop-top-bar{ background: #fff; border-radius: 24px; padding: 25px 30px; margin-bottom: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.04); } .om-category-page .left-sidebar{ background: #fff; padding: 30px; border-radius: 24px; box-shadow: 0 10px 30px rgba(0,0,0,0.04); } .om-category-page .main-heading h2{ font-size: 32px; font-weight: 800; color: #111827; margin-bottom: 30px; } .om-category-page .sidebar-widget-list ul li{ margin-bottom: 15px; } .om-category-page .sidebar-widget-list ul li a{ display: block; background: #f3f4f6; padding: 16px 18px; border-radius: 14px; color: #374151; font-weight: 600; transition: 0.3s; } .om-category-page .sidebar-widget-list ul li a:hover{ background: #10b981; color: #fff; transform: translateX(5px); } .om-category-right img{ width: 420px; max-width: 100%; object-fit: contain; animation: floatImage 4s ease-in-out infinite; border-radius: 15px; } @keyframes floatImage{ 0%{ transform: translateY(0px); } 50%{ transform: translateY(-10px); } 100%{ transform: translateY(0px); } } /* ========================================================= MODERN PRODUCT CARD ========================================================= */ .om-product-card{ background: #fff; border-radius: 24px; overflow: hidden; position: relative; transition: 0.4s; margin-bottom: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); } .om-product-card:hover{ transform: translateY(-10px); box-shadow: 0 25px 50px rgba(0,0,0,0.12); } .om-product-image{ height: 280px; background: #f8fafc; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; padding: 20px; } .om-product-image img{ max-width: 100%; max-height: 100%; transition: 0.5s; } .om-discount-badge{ position: absolute; top: 18px; left: 18px; background: #ff4d4d; color: #fff; font-size: 12px; font-weight: 700; padding: 8px 14px; border-radius: 50px; } .om-product-actions{ position: absolute; top: 18px; right: 18px; } .om-product-actions a{ width: 42px; height: 42px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #111827; font-size: 18px; box-shadow: 0 5px 20px rgba(0,0,0,0.08); transition: 0.3s; } .om-product-actions a:hover{ background: #10b981; color: #fff; } .om-product-content{ padding: 24px; } .om-product-category{ display: inline-block; font-size: 12px; font-weight: 700; color: #10b981; text-transform: uppercase; margin-bottom: 10px; } .om-product-content h3{ margin-bottom: 15px; } .om-product-content h3 a{ font-size: 22px; font-weight: 700; line-height: 1.4; color: #111827; } .om-product-rating{ margin-bottom: 18px; } .om-product-rating i{ color: #facc15; margin-right: 3px; } .om-price-wrap{ display: flex; align-items: center; gap: 10px; margin-bottom: 22px; } .new-price{ font-size: 35px; font-weight: 800; color: #10b981; } .old-price{ color: #9ca3af; text-decoration: line-through; } .om-cart-btn{ display: inline-block; width: 100%; background: #10b981; color: #fff; text-align: center; padding: 15px; border-radius: 14px; font-weight: 700; transition: 0.3s; } .om-cart-btn:hover{ background: #059669; color: #fff; } /* ========================================================= MODERN TOOLBAR ========================================================= */ .om-shop-toolbar{ background: #fff; border-radius: 24px; padding: 30px; margin-bottom: 35px; display: flex; align-items: center; justify-content: space-between; gap: 30px; flex-wrap: wrap; box-shadow: 0 10px 30px rgba(0,0,0,0.05); } .om-toolbar-left h3{ font-size: 34px; font-weight: 800; color: #111827; margin-bottom: 8px; } .om-toolbar-left p{ color: #6b7280; font-size: 16px; } .om-toolbar-right{ display: flex; align-items: center; gap: 18px; flex-wrap: wrap; } .om-toolbar-search{ display: flex; align-items: center; overflow: hidden; border-radius: 14px; background: #f3f4f6; } .om-toolbar-search input{ width: 260px; height: 56px; border: none; background: transparent; padding: 0 20px; font-size: 15px; } .om-toolbar-search button{ width: 60px; height: 56px; border: none; background: #10b981; color: #fff; font-size: 20px; cursor: pointer; } .om-sort-select{ height: 56px; border: 1px solid #e5e7eb; border-radius: 14px; padding: 0 18px; background: #fff; min-width: 220px; font-weight: 600; color: #374151; } /* ========================================================= MODERN QUICK VIEW MODAL ========================================================= */ .om-quick-modal{ border-radius: 28px; overflow: hidden; border: none; box-shadow: 0 30px 80px rgba(0,0,0,0.18); } .om-quick-modal .modal-header{ border-bottom: none; padding: 20px 25px 0; } .om-quick-modal .close{ width: 42px; height: 42px; border-radius: 50%; background: #f3f4f6; opacity: 1; font-size: 28px; transition: 0.3s; } .om-quick-modal .close:hover{ background: #10b981; color: #fff; } .om-quick-modal .modal-body{ padding: 20px 35px 40px; } /* IMAGE */ .om-quick-modal .quickview-big-img{ background: #f8fafc; border-radius: 24px; padding: 30px; text-align: center; } .om-quick-modal .quickview-big-img img{ max-height: 360px; object-fit: contain; } /* THUMBNAILS */ .om-quick-modal .quickview-slide-active a{ border-radius: 14px; overflow: hidden; border: 2px solid transparent; transition: 0.3s; } .om-quick-modal .quickview-slide-active a:hover{ border-color: #10b981; } /* CONTENT */ .om-quick-content h2{ font-size: 34px; font-weight: 800; color: #111827; line-height: 1.3; margin-bottom: 18px; } .om-quick-content p{ color: #6b7280; line-height: 1.8; } /* STOCK */ .om-quick-content .reference{ background: #ecfdf5; display: inline-block; padding: 10px 16px; border-radius: 12px; font-weight: 600; color: #059669; margin-bottom: 18px; } /* PRICE */ .om-quick-content .pricing-meta ul{ display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 22px; } .om-quick-content .current-price{ font-size: 34px; font-weight: 800; color: #10b981; } .om-quick-content .old-price{ font-size: 20px; text-decoration: line-through; color: #9ca3af; } /* BUTTON */ .om-quick-content .pro-details-cart a{ background: #10b981; color: #fff; padding: 16px 26px; border-radius: 16px; font-weight: 700; display: inline-block; transition: 0.3s; } .om-quick-content .pro-details-cart a:hover{ background: #059669; } .om-products-page{ padding:40px 0 70px; background:#f5f7f6; } .om-toolbar{ background:#fff; border-radius:24px; padding:30px; margin-bottom:30px; display:flex; justify-content:space-between; align-items:center; gap:20px; } .om-toolbar-right{ display:flex; align-items:center; gap:15px; } .om-search-box{ display:flex; align-items:center; } .om-search-box input{ width:260px; height:54px; border:none; background:#f5f5f5; padding:0 20px; border-radius:14px 0 0 14px; } .om-search-box button{ width:54px; height:54px; border:none; background:#06b37b; color:#fff; border-radius:0 14px 14px 0; } .om-toolbar select{ height:54px; border:1px solid #eee; padding:0 18px; border-radius:14px; min-width:220px; } .om-products-page .row{ margin-left:-12px; margin-right:-12px; } .om-products-page .row > div{ padding-left:12px; padding-right:12px; } .om-market-card{ height:100%; } /* ========================================================= QUICK VIEW BUTTON ========================================================= */ .om-market-image{ position:relative; overflow:hidden; } .om-quick-view-btn{ position:absolute; left:50%; transform:translateX(-50%) translateY(20px); opacity:0; visibility:hidden; background:var(--card-btn); color:var(--card-btn-text); border:none; padding:12px 24px; border-radius:50px; font-size:14px; font-weight:600; transition:.4s; z-index:5; } .om-market-image:hover .om-quick-view-btn{ opacity:1; visibility:visible; transform:translateX(-50%) translateY(0); } /* ========================================================= MODAL DESIGN ========================================================= */ .om-modal-content{ border:none; border-radius:30px; overflow:hidden; padding:20px; } .om-modal-close{ position:absolute; right:25px; top:20px; background:none; border:none; font-size:24px; z-index:99; } .om-big-image{ background:#f7f7f7; border-radius:25px; padding:40px; text-align:center; } .om-big-image img{ width:100%; max-height:500px; object-fit:contain; } .om-modal-details{ padding:20px; } .om-product-badge{ background:#09b67a; color:#fff; padding:8px 18px; border-radius:30px; font-size:12px; font-weight:600; } .om-modal-details h2{ font-size:42px; font-weight:700; margin-top:20px; } .om-modal-rating{ margin-top:20px; color:#ffb400; } .om-modal-rating span{ color:#777; margin-left:10px; } .om-modal-price-box{ margin-top:25px; } .om-new-price{ font-size:38px; font-weight:700; color:#09b67a; margin-right:15px; } .om-old-price{ color:#999; text-decoration:line-through; font-size:22px; } .om-stock{ margin-top:20px; } .om-modal-desc{ margin-top:25px; line-height:2; color:#666; } .om-feature-list{ margin-top:25px; } .om-feature-list div{ margin-bottom:12px; } .om-feature-list i{ color:#09b67a; margin-right:10px; } .om-modal-btns{ display:flex; gap:15px; margin-top:35px; } .om-cart-btn{ background:#09b67a; color:#fff; padding:16px 35px; border-radius:50px; font-weight:600; } @media(max-width:991px){ .om-modal-details h2{ font-size:28px; } .om-new-price{ font-size:28px; } .om-modal-btns{ flex-direction:column; } } /* ========================================================= PREMIUM QUICK VIEW MODAL ========================================================= */ .modal-dialog{ max-width:1200px; margin:40px auto; } .modal-content{ background:var(--card-bg); border-radius:30px; overflow:hidden; border:none; box-shadow: 0 10px 40px rgba(0,0,0,.08), 0 2px 10px rgba(0,0,0,.04); } .modal-header{ border:none; padding:31px; z-index:2; } .modal-header .close{ width:42px; height:42px; border-radius:50%; background:#f3f4f6; display:flex; align-items:center; justify-content:center; font-size:34px; color:#111; opacity:1; transition:.3s; } .modal-header .close:hover{ background:var(--card-btn) !important; color: #fff !important;; transform:rotate(90deg); } .modal-body{ padding:25px 30px; } /* ========================================================= MODAL ANIMATION ========================================================= */ .modal.fade .modal-dialog{ transform:scale(.92) translateY(40px); transition:.35s ease; } .modal.fade.show .modal-dialog{ transform:scale(1) translateY(0); } /* ========================================================= IMAGE SECTION ========================================================= */ .quickview-big-img{ background:#f8fafc; border-radius:25px; padding:35px; text-align:center; position:relative; } .quickview-big-img img{ width:100%; height:520px; object-fit:contain; transform:scale(1.08); transition:.4s; } .quickview-big-img:hover img{ transform:scale(1.12) rotate(-2deg); } /* ========================================================= THUMBNAILS ========================================================= */ .quickview-wrap{ margin-top:25px; } .quickview-wrap .nav{ display:flex; gap:15px; } .quickview-wrap .nav a{ width:90px; height:90px; border-radius:18px; overflow:hidden; border:2px solid transparent; background:#f8fafc; transition:.3s; display:flex; align-items:center; justify-content:center; } .quickview-wrap .nav a:hover{ border-color:var(--card-btn); transform:translateY(-5px); box-shadow:0 10px 25px rgba(0,182,122,.15); } .quickview-wrap .nav a.active{ border-color:var(--card-btn); } .quickview-wrap img{ width:100%; height:100%; object-fit:cover; } /* ========================================================= CONTENT AREA ========================================================= */ .quickview-content{ padding-left:5px; } .quickview-content h2{ font-size:48px; font-weight:800; line-height:1.1; color:#111827; margin-bottom:25px; } /* ========================================================= STOCK BADGE ========================================================= */ .reference{ display:inline-block; background:#ecfdf5; color:#111827; padding:12px 18px; border-radius:30px; font-size:16px; margin-bottom:20px; } .reference span{ color:var(--card-btn); font-weight:700; } /* ========================================================= RATING ========================================================= */ .om-market-rating{ display:flex; align-items:center; gap:5px; margin-bottom:25px; } .om-market-rating i{ color:#ffb400; font-size:17px; } .om-market-rating span{ color:#888; margin-left:8px; font-size:15px; } /* ========================================================= PRICE SECTION ========================================================= */ .pricing-meta{ border-top:1px solid #eee; border-bottom:1px solid #eee; padding:25px 0; margin:25px 0; } .pricing-meta ul{ display:flex; align-items:center; flex-wrap:wrap; gap:18px; padding:0; margin:0; list-style:none; } .old-price{ color:#9ca3af; text-decoration:line-through; font-size:20px; font-weight:500; } .current-price{ color:#00a86b; font-size:44px; font-weight:800; line-height:1; text-shadow:0 5px 15px rgba(0,182,122,.18); } .discount-price{ background:#ecfdf5; color:#00a86b; padding:8px 16px; border-radius:30px; font-weight:700; font-size:15px; } /* ========================================================= DESCRIPTION ========================================================= */ .quickview-content p{ background:#f8fafc; border-radius:var(--card-radius); padding:25px; line-height:2; font-size:16px; color:#4b5563; border:1px solid #f1f5f9; margin-bottom:30px; } /* ========================================================= BUTTON ========================================================= */ .pro-details-cart a{ height:60px; padding:0 40px; border-radius:18px; background:linear-gradient(135deg,var(--card-btn),#059669); color:#fff !important; font-size:18px; font-weight:700; display:inline-flex; align-items:center; justify-content:center; transition:.3s; box-shadow:0 10px 25px rgba(0,182,122,.25); position:relative; overflow:hidden; } .pro-details-cart a::before{ content:''; position:absolute; top:0; left:-100%; width:100%; height:100%; background:rgba(255,255,255,.2); transition:.5s; } .pro-details-cart a:hover::before{ left:100%; } .pro-details-cart a:hover{ transform:translateY(-4px); box-shadow:0 16px 35px rgba(0,182,122,.35); } /* ========================================================= MOBILE RESPONSIVE ========================================================= */ @media(max-width:991px){ .modal-dialog{ max-width:95%; margin:20px auto; } .modal-body{ padding:20px; } .quickview-big-img{ padding:20px; } .quickview-big-img img{ height:260px; } .quickview-content{ padding-left:0; margin-top:25px; } .quickview-content h2{ font-size:30px; } .current-price{ font-size:30px; } .quickview-wrap .nav{ justify-content:center; } .quickview-wrap .nav a{ width:70px; height:70px; } .quickview-content p{ padding:18px; font-size:14px; line-height:1.8; } .pro-details-cart a{ width:100%; } } /* ========================================================= MODERN PRICE DESIGN ========================================================= */ .quick-price-top{ display:flex; align-items:center; gap:18px; margin-bottom:15px; } .quick-price-bottom{ display:flex; flex-direction:column; gap:10px; } .old-price{ font-size:20px; color:#9ca3af; text-decoration:line-through; font-weight:500; } .current-price{ font-size:52px; font-weight:800; color:var(--card-btn); line-height:1; } .discount-badge{ background:#dcfce7; color:#00a86b; padding:10px 18px; border-radius:50px; font-size:15px; font-weight:700; } .save-price{ color:#ef4444; font-size:17px; font-weight:600; } /* ========================================================= CONTENT SPACING ========================================================= */ .quickview-content{ padding-left:20px; } .quickview-content p{ margin-top:25px; } .reference{ margin-bottom:22px; } .om-market-rating{ margin-bottom:25px; } .pricing-meta{ margin:30px 0; } /* ========================================================= MORE CONTENT FEEL ========================================================= */ .quickview-content h2{ margin-bottom:18px; } .quickview-big-img{ min-height:650px; display:flex; align-items:center; justify-content:center; } /* ========================================================= PREMIUM DESCRIPTION ========================================================= */ .quickview-content p{ max-height:260px; overflow-y:auto; } /* ========================================================= SCROLLBAR ========================================================= */ .quickview-content p::-webkit-scrollbar{ width:5px; } .quickview-content p::-webkit-scrollbar-thumb{ background:var(--card-btn); border-radius:20px; } /* ========================================================= PREMIUM BACKGROUND GLOW ========================================================= */ .modal-content::before{ content:''; position:absolute; top:-120px; right:-120px; width:320px; height:320px; background:rgba(0,182,122,.06); border-radius:50%; z-index:0; } .modal-content::after{ content:''; position:absolute; left:-120px; width:260px; height:260px; background:rgba(0,182,122,.04); border-radius:50%; z-index:0; } .modal-body{ position:relative; z-index:2; } /* ========================================================= PRODUCT IMAGE SHADOW ========================================================= */ .quickview-big-img img{ filter: drop-shadow(0 30px 35px rgba(0,0,0,.12)); } /* ========================================================= PRODUCT TITLE LINE ========================================================= */ .quickview-content h2::after{ content:''; display:block; width:90px; height:5px; background:linear-gradient(90deg,var(--card-btn),#00d084); border-radius:30px; margin-top:18px; } /* ========================================================= PREMIUM STOCK BADGE ========================================================= */ .reference{ box-shadow:0 8px 20px rgba(0,182,122,.08); } /* ========================================================= HOVER EFFECT ON THUMBNAILS ========================================================= */ .quickview-wrap .nav a img{ transition:.3s; } .quickview-wrap .nav a:hover img{ transform:scale(1.08); } /* ========================================================= BUTTON ICON ANIMATION ========================================================= */ .pro-details-cart a i{ margin-right:10px; transition:.3s; } .pro-details-cart a:hover i{ transform:translateX(-4px); } /* ========================================================= DESCRIPTION GLASS LOOK ========================================================= */ .quickview-content p{ backdrop-filter:blur(10px); } /* ========================================================= SMOOTH MODAL OPEN ========================================================= */ .modal.fade.show{ animation:modalFade .35s ease; } @keyframes modalFade{ from{ opacity:0; } to{ opacity:1; } } /* ========================================================= PREMIUM CLOSE BUTTON ========================================================= */ .modal-header .close{ box-shadow:0 5px 15px rgba(0,0,0,.08); } /* ========================================================= IMAGE AREA PREMIUM STYLE ========================================================= */ .quickview-big-img{ background: linear-gradient( 145deg, var(--card-bg), #f8fafc ); } /* ========================================================= PRICE AREA MODERN LOOK ========================================================= */ .pricing-meta{ background:#fcfcfc; border-radius:24px; padding:28px; } /* ========================================================= THUMBNAIL ACTIVE EFFECT ========================================================= */ .quickview-wrap .nav a.active{ background:#ecfdf5; transform:translateY(-5px); } .quickview-big-img{ min-height:650px; display:flex; align-items:center; justify-content:center; } .quickview-big-img .tab-content, .quickview-big-img .tab-pane{ width:100%; } .quickview-big-img img{ width:100%; height:500px; object-fit:contain; } .quickview-wrap .nav{ display:flex; justify-content:center; gap:20px; margin-top:25px; } .quickview-wrap .nav a{ width:90px; height:90px; border-radius:20px; overflow:hidden; border:2px solid #eee; transition:.3s; } .quickview-wrap .nav a.active{ border-color:var(--card-btn); } .quickview-wrap .nav img{ width:100%; height:100%; object-fit:cover; } /* ========================================================= QUICK VIEW FINAL FIX ========================================================= */ .modal-dialog{ max-width:1150px !important; width:1150px !important; margin:40px auto !important; } .modal-content{ border:none !important; border-radius:30px !important; overflow:hidden; background:#fff; box-shadow:0 15px 60px rgba(0,0,0,.15); } .modal-body{ padding:35px !important; } /* LEFT IMAGE AREA */ .quickview-big-img{ background:#f8fafc; border-radius:25px; padding:25px; min-height:520px; display:flex; align-items:center; justify-content:center; } .quickview-big-img .tab-pane{ text-align:center; } .quickview-big-img img{ width:100%; max-width:420px; height:420px; object-fit:contain; } /* THUMBNAILS */ .quickview-wrap{ margin-top:20px; } .quickview-slide-active{ display:flex !important; gap:15px; justify-content:center; flex-wrap:wrap; } .quickview-slide-active a{ width:85px; height:85px; border-radius:18px; overflow:hidden; border:2px solid #ececec; background:#fff; display:flex; align-items:center; justify-content:center; transition:.3s; } .quickview-slide-active a.active{ border-color:var(--card-btn); box-shadow:0 5px 15px rgba(0,182,122,.18); } .quickview-slide-active img{ width:100%; height:100%; object-fit:cover; } /* RIGHT CONTENT */ .quickview-content{ padding-left:30px; } .quickview-content h2{ font-size:52px; line-height:1; font-weight:800; color:#0f172a; margin-bottom:25px; } .quickview-content h2::after{ content:''; width:90px; height:5px; border-radius:30px; background:var(--card-btn); display:block; margin-top:18px; } /* STOCK */ .reference{ display:inline-flex; align-items:center; background:#ecfdf5; padding:14px 24px; border-radius:18px; margin-bottom:22px; font-size:16px; } .reference span{ color:var(--card-btn); font-weight:700; margin-left:5px; } /* RATING */ .quickview-rating{ display:flex; align-items:center; margin-bottom:25px; } .quickview-rating i{ color:#ffb400; margin-right:3px; } .quickview-rating span{ margin-left:10px; color:#777; } /* PRICE */ .quick-price-box{ background:#f8fafc; padding:28px; border-radius:25px; margin-bottom:25px; } .old-price{ font-size:20px; color:#9ca3af; text-decoration:line-through; margin-right:15px; } .discount-percent{ background:#dcfce7; color:#00a86b; padding:8px 18px; border-radius:30px; font-weight:700; display:inline-block; } .new-price{ font-size:35px; font-weight:800; color:var(--card-btn); line-height:1; margin-top:15px; } .saved-price{ color:#ef4444; margin-top:12px; display:block; font-weight:600; } /* DESCRIPTION */ .quickview-content p{ background:#f8fafc; border-radius:25px; padding:24px; line-height:2; color:#4b5563; font-size:15px; max-height:220px; overflow-y:auto; margin-bottom:28px; } /* BUTTONS */ .pro-details-quality{ display:flex; gap:15px; align-items:center; } .pro-details-cart a{ height:60px; padding:0 40px; border-radius:18px; background:var(--card-btn) !important; color:#fff !important; display:flex; align-items:center; justify-content:center; font-size:17px; font-weight:700; transition:.3s; } .pro-details-cart a:hover{ transform:translateY(-3px); background:#009966 !important; } .pro-details-cart a i{ margin-right:10px; } .view-btn{ height:60px; padding:0 32px; border-radius:18px; background:#ecfdf5; color:var(--card-btn); font-weight:700; display:flex; align-items:center; justify-content:center; } /* CLOSE BUTTON */ .modal-header .close, button.close{ position:absolute !important; right:20px; top:15px; z-index:9999; width:45px; height:45px; border:none; border-radius:50%; background:#f1f5f9 !important; color:#111 !important; opacity:1 !important; font-size:32px; line-height:45px; text-align:center; } /* MOBILE */ @media(max-width:991px){ .modal-dialog{ width:95% !important; margin:20px auto !important; } .modal-body{ padding:20px !important; } .quickview-content{ padding-left:0; margin-top:30px; } .quickview-content h2{ font-size:34px; } .quickview-big-img{ min-height:auto; } .quickview-big-img img{ height:260px; } .pro-details-quality{ flex-direction:column; } .pro-details-cart a, .view-btn{ width:100%; } } /* ========================================= QUICK VIEW FINAL ALIGNMENT FIX ========================================= */ /* modal height */ .modal-content{ max-height:92vh; overflow-y:auto; } /* left image section */ .quickview-big-img{ min-height:420px !important; padding:20px !important; } /* main image */ .quickview-big-img img{ width:100% !important; max-width:300px !important; height:300px !important; object-fit:contain !important; } /* thumbnails vertical */ .quickview-slide-active{ flex-direction:column !important; gap:6PX !important; } .quickview-slide-active a{ width:70px !important; height:70px !important; } /* content right side */ .quickview-content{ padding-left:10px !important; } /* title */ .quickview-content h2{ font-size:44px !important; margin-bottom:18px !important; } /* stock box */ .reference{ margin-bottom:15px !important; } /* rating */ .quickview-rating{ margin-bottom:18px !important; } /* price box */ .quick-price-box{ padding:20px !important; margin-bottom:20px !important; } /* description */ .quickview-content p{ max-height:170px !important; font-size:14px !important; line-height:1.9 !important; margin-bottom:18px !important; } /* buttons */ .pro-details-quality{ margin-top:10px !important; } .pro-details-cart a{ height:54px !important; } /* close button */ button.close{ top:18px !important; right:18px !important; } /* remove extra scroll */ .modal{ overflow-y:auto !important; } /* mobile */ @media(max-width:991px){ .quickview-wrap{ position:relative; left:0; margin-top:20px; } .quickview-slide-active{ flex-direction:row !important; justify-content:center; } .quickview-big-img img{ max-width:220px !important; height:220px !important; } .quickview-content h2{ font-size:30px !important; } } .quickview-wrap .owl-stage{ width:0px !important; display: ruby; } .quickview-wrap .owl-item.active{ margin-right: 0px !important; } .om-market-desc{ font-size:14px; color:#7b7b7b; line-height:1.7; margin:10px 0 14px; min-height:48px; } /* ========================================= COMPACT PRODUCT CARD ========================================= */ .om-market-card{ padding: 14px; } .om-market-image{ margin-bottom: 10px; } .om-market-image img{ max-height: 277px; object-fit: contain; border-radius: 10px; } .om-market-content{ padding-top: 0; } .om-market-category{ font-size: 12px; margin-bottom: 4px; display: block; } .om-market-title{ margin-bottom: 8px; line-height: 1.35; } .om-market-title a{ font-size: 17px; font-weight: 600; } .om-market-desc{ font-size: 13px; line-height: 22px; margin-bottom: 10px; } .om-market-rating{ margin-bottom: 8px; } .om-market-stock{ margin-bottom: 8px; font-size: 13px; } .om-market-price{ font-size: 20px; line-height: 1; } .om-market-old-price{ font-size: 13px; margin-top: 2px; } .om-market-actions{ margin-top: 12px; gap: 10px; } .om-add-cart-btn{ height: 48px; font-size: 14px; } .om-view-btn{ height: 48px; font-size: 14px; } .om-quick-view-btn{ bottom: unset; padding: 10px 18px; font-size: 13px; top:unset; } .om-market-wishlist{ cursor:pointer; transition:0.3s; } .om-market-wishlist.active{ background:#ff4d6d !important; } .om-market-wishlist.active i{ color:#fff !important; } /* ========================================================= MODERN WISHLIST PAGE ========================================================= */ .om-wishlist-page{ padding:60px 0; background:#f5f7fb; } .om-wishlist-top{ display:flex; justify-content:space-between; align-items:center; margin-bottom:40px; gap:20px; } .om-mini-title{ font-size:13px; font-weight:700; letter-spacing:2px; color:#777; display:block; margin-bottom:10px; } .om-wishlist-top h2{ font-size:42px; font-weight:800; margin-bottom:10px; } .om-wishlist-top p{ color:#666; font-size:16px; } .om-wishlist-count{ width:140px; height:140px; border-radius:30px; background:#111; color:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; } .om-wishlist-count span{ font-size:42px; font-weight:800; line-height:1; } .om-empty-wishlist{ text-align:center; padding:120px 20px; background:#fff; border-radius:30px; } .om-empty-wishlist i{ font-size:90px; color:#ff4d6d; margin-bottom:25px; } .om-empty-wishlist h3{ font-size:36px; margin-bottom:15px; } .om-empty-wishlist p{ font-size:16px; color:#666; margin-bottom:30px; } .om-wishlist-shop-btn{ display:inline-flex; align-items:center; justify-content:center; height:56px; padding:0 35px; background:#111; color:#fff; border-radius:16px; font-weight:700; } .om-wishlist-shop-btn:hover{ color:#fff; background:#ff4d6d; } /* ========================================= WISHLIST LIST DESIGN ========================================= */ .om-wishlist-list{ display:flex; flex-direction:column; gap:25px; } .om-wishlist-item{ background:#fff; border-radius:24px; padding:25px; display:flex; align-items:center; gap:25px; box-shadow:0 10px 30px rgba(0,0,0,0.05); } .om-wishlist-image{ width:180px; height:180px; border-radius:20px; background:#f8f8f8; position:relative; flex-shrink:0; display:flex; align-items:center; justify-content:center; } .om-wishlist-image img{ max-width:85%; max-height:85%; } .om-list-discount{ position:absolute; top:15px; left:15px; background:#ff4d6d; color:#fff; font-size:12px; font-weight:700; padding:6px 12px; border-radius:30px; } .om-wishlist-content{ flex:1; } .om-wishlist-content h3{ font-size:28px; font-weight:700; margin-bottom:12px; } .om-wishlist-content p{ color:#666; line-height:1.8; margin-bottom:15px; } .om-list-stock{ font-weight:600; color:#0aad5a; } .om-wishlist-price{ min-width:180px; text-align:center; } .om-wishlist-price h4{ font-size:34px; font-weight:800; color:#0aad5a; margin-bottom:10px; } .om-wishlist-price span{ color:#999; text-decoration:line-through; } .om-wishlist-actions{ display:flex; flex-direction:column; gap:15px; min-width:180px; } .om-remove-wishlist{ height:50px; border-radius:14px; background:#ff4d6d; color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer; font-size:18px; } @media(max-width:991px){ .om-wishlist-item{ flex-direction:column; text-align:center; } .om-wishlist-actions{ width:100%; } .om-wishlist-price{ min-width:100%; } } .wishlist-actions{ display:flex; flex-direction:column; gap:12px; align-items:center; } .wishlist-add-cart-btn{ background:#00a86b; color:#fff !important; padding:10px 22px; border-radius:10px; font-size:14px; font-weight:600; text-decoration:none; transition:0.3s; } .wishlist-add-cart-btn:hover{ background:#008f5a; } .wishlist-view-btn{ background:#edf7f1; color:#00a86b !important; padding:10px 28px; border-radius:10px; font-size:14px; font-weight:600; text-decoration:none; } .wishlist-delete-btn{ width:42px; height:42px; border-radius:10px; background:#ff4d6d; color:#fff !important; display:flex; align-items:center; justify-content:center; font-size:16px; text-decoration:none; } .wishlist-area{ display:flex; align-items:center; margin-left:15px; } .wishlist-link-modern{ position:relative; width:46px; height:46px; border-radius:50%; background:#fff; border:2px solid #f1f1f1; display:flex; align-items:center; justify-content:center; font-size:20px; color:#222; transition:0.3s ease; box-shadow:0 4px 12px rgba(0,0,0,0.08); } .wishlist-link-modern:hover{ background:#10b981; color:#fff; transform:translateY(-2px); } .wishlist-badge-modern{ min-width:20px; height:20px; font-size:11px; font-weight:700; display:flex; align-items:center; justify-content:center; line-height:20px; right: -5px; background: green; padding: 0px 5px; color: #fff; border-radius: 20px; position: absolute; top: 20px; } .wish-cartcounter { right: 5px; background: green; padding: 0px 5px; color: #fff; border-radius: 20px; position: absolute; top: 12px; } html, body{ overflow-x:hidden !important; } @media(min-width:768px){ .mobile-only-products{ display:none !important; } .desktop-only-products{ display:block !important; } } .om-modern-card:hover{ transform:translateY(-6px); box-shadow:0 10px 25px rgba(0,0,0,0.15); } /* FIX HOME PRODUCT SLIDER */ .home-product-slider .product-slide{ height:100%; } .home-product-slider .om-market-card{ height:100%; display:flex; flex-direction:column; } .home-product-slider .om-market-content{ display:flex; flex-direction:column; flex-grow:1; } .home-product-slider .om-market-desc{ min-height:48px; max-height:48px; overflow:hidden; } .home-product-slider .om-market-title{ min-height:56px; } .home-product-slider .om-market-actions{ margin-top:auto; } .home-product-slider .owl-stage{ display:flex; } .home-product-slider .owl-item{ height:auto; } .home-product-slider .item{ padding:10px; } /* ================= ADMIN CONTROLLED PRODUCT CARD ================= */ .admin-product-card{ position:relative; background: var(--card-bg,#fff); border: 2px solid var(--card-border,#e5e5e5); border-radius:24px; overflow:hidden; transition:0.35s ease; box-shadow: 0 4px 20px rgba(0,0,0,0.06); margin:10px; } .admin-product-card:hover{ transform:translateY(-8px); box-shadow: 0 12px 30px rgba(0,0,0,0.12); } /* IMAGE */ .admin-card-image{ background:linear-gradient( var(--gradient-angle), var(--gradient-color-1), var(--gradient-color-2)); border-radius:var(--image-radius); padding:var(--image-padding); display: flex; align-items: center; justify-content: center; overflow: hidden; height: 240px; z-index: 4; } .admin-card-image img{ width:100%; height:220px; object-fit:contain; transition:0.4s ease; } .admin-product-card:hover .admin-card-image img{ transform:scale(1.08); } /* DISCOUNT */ .admin-discount{ position:absolute; left: 8px; background:var(--badge-bg,#ff4d4d); color:#fff; padding:7px 14px; border-radius:30px; font-size:12px; font-weight:700; z-index:5; } /* WISHLIST */ .admin-wishlist{ position:absolute; right:15px; width:42px; height:42px; background:red; color:#ffffff; border-radius:50%; display:flex; align-items:center; justify-content:center; box-shadow: 0 4px 10px rgba(0,0,0,0.08); cursor:pointer; z-index:5; } /* CONTENT */ .admin-card-content{ padding:20px; } .admin-category{ font-size:13px; color: color-mix(in srgb, var(--card-text), white 40%); margin-bottom:8px; display:block; } .admin-title{ font-size:20px; line-height:30px; font-weight:700; margin-bottom:10px; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow: hidden; } .admin-title a{ color:var(--card-text); } .admin-desc{ font-size:14px; line-height:24px; color: color-mix(in srgb, var(--card-text), white 40%); min-height:55px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow: hidden; } /* RATING */ .admin-rating{ margin-top:10px; color:#ffb400; } /* PRICE */ .admin-price{ margin-top:15px; } .admin-new-price{ color:var(--price-color,#00a651); font-size:30px; font-weight:800; } .admin-old-price{ color:#999; margin-left:10px; text-decoration:line-through; } /* BUTTONS */ .admin-buttons{ display:flex; gap:10px; margin-top:20px; } .admin-cart{ flex:1; height:48px; border:none; border-radius:12px; background: var(--button-bg,var(--card-btn)); color:#fff; font-weight:700; } .admin-view{ width:110px; height:48px; border-radius:12px; background:#f3f5f7; display:flex; align-items:center; justify-content:center; color:#111; font-weight:700; } /* MOBILE */ @media(max-width:767px){ .admin-title{ font-size:16px; line-height:24px; } .admin-new-price{ font-size:22px; } .admin-buttons{ flex-direction:column; } .admin-view{ width:100%; } } :root{ --card-bg:#ffffff; --card-text:#222222; --card-border:#f5b335; --card-btn:#00b67a; --card-btn-text:#ffffff; --card-radius:22px; --card-badge:#ff5a5f; --gradient-angle:135deg; --image-radius:18px; --image-padding:20px; --image-height:240px; } .admin-product-card, .om-modern-card{ color:var(--card-text) !important; border:2px solid var(--card-border) !important; border-radius:var(--card-radius) !important; overflow:hidden; transition:0.3s; } .admin-discount, .om-modern-discount{ background:var(--card-badge) !important; color:#fff; } .om-add-cart-btn, .om-modern-btn{ background:var(--card-btn) !important; color:var(--card-btn-text) !important; border-radius:14px; z-index: 5; } /* ================ SUB CATEGORY PAGE ===================== */ /* ========================================================= MODERN PAGE DESIGN ========================================================= */ .om-modern-shop{ background:#f5f7fb; padding:60px 0; } /* ========================================================= MODERN HEADER ========================================================= */ .om-modern-header{ padding:70px 0 40px; background: linear-gradient( 135deg, #f8fbff, #eef4ff ); } .om-modern-header-box{ display:flex; justify-content:space-between; align-items:end; gap:30px; flex-wrap:wrap; margin-right:10px; margin-left:10px; } .om-page-tag{ display:inline-block; padding:10px 18px; border-radius:100px; background:#00b67a; color:#fff; font-size:13px; font-weight:700; margin-bottom:20px; } .om-modern-header h1{ font-size:52px; font-weight:800; margin-bottom:15px; color:#111; } .om-modern-header p{ font-size:18px; color:#666; max-width:500px; } .om-modern-breadcrumb{ display:flex; gap:12px; align-items:center; font-weight:600; } .om-modern-breadcrumb a{ color:#00b67a; } /* ====================== Singel product page Design ======================= */ /* ========================================================= OM SINGLE PRODUCT PAGE ========================================================= */ .om-single-product{ padding:60px 0; background:#f7f8fa; } /* ========================================================= GALLERY ========================================================= */ .om-product-gallery{ display:flex; gap:14px; } .om-product-thumbs{ width:100px; display:flex; flex-direction:column; gap:15px; } .om-product-thumbs a{ width:100%; height:100px; border-radius:18px; overflow:hidden; border:2px solid transparent; background:#fff; transition:0.3s; } .om-product-thumbs a.active{ border-color:#00b67a; } .om-product-thumbs img{ width:100%; height:100%; object-fit:cover; } .om-product-main-image{ flex:1; background:#fff; border-radius:30px; padding:30px; box-shadow: 0 10px 40px rgba(0,0,0,0.06); } .om-product-main-image img{ width:100%; height:600px; object-fit:contain; transition:0.4s; } .om-product-main-image{ overflow:hidden; cursor:zoom-in; } .om-product-main-image img{ transition: transform 0.25s ease; } /* ========================================================= PRODUCT INFO ========================================================= */ .om-product-info{ background:#fff; border-radius:30px; padding:40px; box-shadow: 0 10px 40px rgba(0,0,0,0.06); } .om-product-category{ display:inline-block; background:#00b67a; color:#fff; padding:10px 18px; border-radius:50px; font-size:14px; font-weight:700; margin-bottom:20px; } .om-product-info h1{ font-size:46px; font-weight:800; line-height:1.2; margin-bottom:20px; color:#111; } .om-product-rating{ display:flex; align-items:center; gap:15px; color:#ffb400; font-size:22px; margin-bottom:25px; } .om-product-rating span{ color:#666; font-size:16px; } .om-product-price-wrap{ display:flex; align-items:center; gap:20px; margin-bottom:25px; } .om-product-price{ font-size:48px; font-weight:800; color:#111; } .om-product-old-price{ font-size:28px; color:#999; text-decoration:line-through; } .om-stock-status{ display:inline-block; background:#ecfdf5; color:#00b67a; padding:12px 20px; border-radius:12px; font-weight:700; margin-bottom:30px; } .om-product-desc{ color:#555; line-height:1.9; font-size:17px; margin-bottom:35px; } /* ========================================================= TRUST ========================================================= */ .om-product-trust{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-bottom:35px; } .om-product-trust div{ background:#f7f8fa; padding:20px; border-radius:18px; text-align:center; font-weight:700; } /* ========================================================= BUTTONS ========================================================= */ .om-product-buttons{ display:flex; gap:20px; } .om-add-cart{ flex:1; height:65px; background:#00b67a; color:#fff; border-radius:18px; display:flex; align-items:center; justify-content:center; font-size:18px; font-weight:700; } .om-buy-now{ flex:1; height:65px; background:#111; color:#fff; border-radius:18px; display:flex; align-items:center; justify-content:center; font-size:18px; font-weight:700; } /* ========================================================= MOBILE ========================================================= */ @media(max-width:991px){ .om-product-gallery{ flex-direction:column-reverse; } .om-product-thumbs{ width:100%; flex-direction:row; } .om-product-main-image img{ height:350px; } .om-product-info{ margin-top:30px; } .om-product-info h1{ font-size:34px; } .om-product-price{ font-size:36px; } .om-product-trust{ grid-template-columns:1fr; } .om-product-buttons{ flex-direction:column; } } /* ========================================================= DISCOUNT ========================================================= */ .om-single-discount-badge{ position:absolute; top:-18px; left:-18px; background:linear-gradient( 135deg, #ff512f, #dd2476 ); color:#fff; padding:14px 22px; border-radius:18px; font-size:18px; font-weight:800; letter-spacing:1px; box-shadow: 0 15px 35px rgba(255,0,80,0.35); z-index:99; transform:rotate(-8deg); animation:badgePulse 2s infinite; } /* GLOW ANIMATION */ @keyframes badgePulse{ 0%{ transform: rotate(-8deg) scale(1); } 50%{ transform: rotate(-8deg) scale(1.08); } 100%{ transform: rotate(-8deg) scale(1); } } /* ========================================================= SAVINGS ========================================================= */ .om-saving-box{ background:#fff5f5; color:#ff3b30; padding:16px 20px; border-radius:14px; font-size:18px; font-weight:700; margin-bottom:30px; } /* ========================================================= WHATSAPP BUTTON ========================================================= */ .om-whatsapp-btn{ flex:1; height:65px; background:#25d366; color:#fff; border-radius:18px; display:flex; align-items:center; justify-content:center; font-size:18px; font-weight:700; } /* ========================================================= DELIVERY BOX ========================================================= */ .om-delivery-box{ display:flex; flex-direction:column; gap:15px; margin-bottom:35px; } .om-delivery-item{ background:#f8fafc; border:1px solid #edf2f7; padding:18px 22px; border-radius:18px; font-size:16px; font-weight:700; color:#222; transition:0.3s; } .om-delivery-item:hover{ transform:translateX(5px); background:#fff; box-shadow: 0 10px 25px rgba(0,0,0,0.05); } /* ========================= SPECIFICATION SECTION START =============================== */ /* ========================================================= SPECIFICATION SECTION ========================================================= */ .om-spec-section{ padding:20px 0 70px; background:#f7f8fa; } .om-spec-wrapper{ background:#fff; border-radius:30px; padding:50px; box-shadow: 0 10px 40px rgba(0,0,0,0.05); } .om-section-title{ font-size:38px; font-weight:800; margin-bottom:40px; color:#111; } .om-spec-table{ display:flex; flex-direction:column; gap:18px; } .om-spec-row{ display:flex; justify-content:space-between; align-items:center; padding:22px 25px; border-radius:18px; background:#f8fafc; transition:0.3s; } .om-spec-row:hover{ transform:translateX(6px); background:#fff; box-shadow: 0 10px 25px rgba(0,0,0,0.05); } .om-spec-label{ font-size:17px; font-weight:700; color:#444; } .om-spec-value{ font-size:17px; font-weight:600; color:#111; } /* MOBILE */ @media(max-width:991px){ .om-spec-row{ flex-direction:column; align-items:flex-start; gap:10px; } .om-section-title{ font-size:28px; } .om-spec-wrapper{ padding:30px 20px; } } /* ================================== RELATED PRODUCTS ============================= */ /* ========================================================= RELATED PRODUCTS ========================================================= */ .om-related-section{ padding:20px 0 80px; background:#f7f8fa; } .om-related-card{ background:#fff; border-radius:28px; overflow:hidden; transition:0.4s; margin-bottom:30px; box-shadow: 0 10px 35px rgba(0,0,0,0.05); } .om-related-card:hover{ transform:translateY(-10px); } .om-related-image{ height:260px; background:#fff; display:flex; align-items:center; justify-content:center; padding:25px; } .om-related-image img{ width:100%; height:100%; object-fit:contain; } .om-related-content{ padding:25px; } .om-related-content h3{ font-size:22px; font-weight:700; margin-bottom:15px; color:#111; } .om-related-price{ font-size:28px; font-weight:800; color:#00b67a; margin-bottom:20px; } .om-related-btn{ width:100%; height:55px; background:#111; color:#fff; border-radius:16px; display:flex; align-items:center; justify-content:center; font-weight:700; transition:0.3s; } .om-related-btn:hover{ background:#00b67a; color:#fff; } /* ========================================================= MOBILE STICKY CART ========================================================= */ .om-mobile-cart-bar{ position:fixed; bottom:0; left:0; width:100%; background:#fff; padding:15px; display:none; align-items:center; gap:12px; z-index:9999; box-shadow: 0 -10px 30px rgba(0,0,0,0.08); } .om-mobile-price{ font-size:24px; font-weight:800; color:#111; min-width:90px; } .om-mobile-cart-btn{ flex:1; height:52px; background:#00b67a; color:#fff; border-radius:14px; display:flex; align-items:center; justify-content:center; font-weight:700; } .om-mobile-buy-btn{ flex:1; height:52px; background:#111; color:#fff; border-radius:14px; display:flex; align-items:center; justify-content:center; font-weight:700; } /* MOBILE ONLY */ @media(max-width:991px){ .om-mobile-cart-bar{ display:flex; } body{ padding-bottom:100px; } } /* ===================================== ACCORDION PRODUCT DETAILS SECTION =============================== */ /* ========================================================= ACCORDION SECTION ========================================================= */ .om-product-extra{ padding:20px 0 80px; background:#f7f8fa; } .om-accordion{ display:flex; flex-direction:column; gap:20px; } .om-accordion-item{ background:#fff; border-radius:24px; overflow:hidden; box-shadow: 0 10px 35px rgba(0,0,0,0.05); } .om-accordion-header{ padding:28px 35px; font-size:22px; font-weight:700; cursor:pointer; display:flex; justify-content:space-between; align-items:center; } .om-accordion-body{ padding:0 35px 35px; color:#555; line-height:1.9; display:none; } .om-accordion-item.active .om-accordion-body{ display:block; } /* ========================================================= STICKY PRODUCT INFO ========================================================= */ .om-sticky-product-info{ position:sticky; top:25px; } /* ==================================== NEW SINGLE PRODUCT PAGE DESIGN ================================ */ .om-luxury-product-section{ padding:80px 0; position:relative; background: linear-gradient( rgba(26,20,16,0.92), rgba(26,20,16,0.92) ), repeating-linear-gradient( 90deg, #2d221b, #2d221b 2px, #241a14 2px, #241a14 8px ); } /* ========================================= LEFT IMAGE ========================================= */ .om-luxury-gallery{ padding-right:20px; } .om-luxury-main-image{ border-radius:30px; overflow:hidden; margin-bottom:18px; background:#fff; } .om-luxury-main-image img{ width:100%; height:500px; object-fit:contain; background:#fff; } .om-luxury-main-image img:hover{ transform:scale(1.03); } .om-luxury-thumbs{ display:flex; gap:16px; } .om-luxury-thumbs a{ flex:1; border-radius:18px; overflow:hidden; opacity:.7; transition:.3s; border:2px solid transparent; } .om-luxury-thumbs a.active, .om-luxury-thumbs a:hover{ opacity:1; border-color:#ff7a00; } .om-luxury-main-image img{ width:100%; height:500px; object-fit:contain; background:#fff; } /* ========================================= RIGHT CONTENT ========================================= */ .om-luxury-content{ padding-left:30px; } .om-luxury-subtitle{ color:#d8a56b; font-size:15px; letter-spacing:6px; margin-bottom:25px; } .om-luxury-content h1{ color:#fff; font-size:48px; line-height:1.18; font-weight:800; margin-bottom:20px; } .om-luxury-rating{ color:#ffc107; font-size:18px; margin-bottom:20px; } .om-luxury-rating span{ color:#d1d1d1; font-size:15px; margin-left:8px; } .om-luxury-price-wrap{ display:flex; align-items:center; flex-wrap:wrap; gap:16px; margin-bottom:30px; } .om-luxury-price{ font-size:42px; color:#fff; font-weight:700; } .om-luxury-old-price{ font-size:20px; color:#999; text-decoration:line-through; } .om-luxury-discount{ background:#ff7a00; color:#fff; padding:7px 14px; border-radius:40px; font-size:14px; font-weight:700; } .om-luxury-description{ color:#d0d0d0; font-size:16px; line-height:1.9; margin-bottom:28px; } /* ========================================= FEATURES ========================================= */ .om-luxury-feature-card{ background:rgba(255,255,255,0.08); backdrop-filter:blur(10px); border:1px solid rgba(255,255,255,0.08); border-radius:18px; color:#fff; padding:18px; margin-bottom:18px; font-size:16px; font-weight:600; } .om-luxury-feature-card:hover{ background:rgba(255,255,255,0.12); transform:translateY(-3px); } /* ========================================= BUTTONS ========================================= */ .om-luxury-buttons{ display:flex; gap:16px; margin-top:15px; } .om-luxury-buy-btn, .om-luxury-cart-btn{ padding:16px 34px; border-radius:18px; font-size:18px; font-weight:700; } .om-luxury-buy-btn{ background:#ff7a00; color:#fff; } .om-luxury-cart-btn{ background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.12); color:#fff; } .om-luxury-buy-btn:hover, .om-luxury-cart-btn:hover{ transform:translateY(-3px); color:#fff; } /* ========================================= RESPONSIVE ========================================= */ @media(max-width:991px){ .om-luxury-product-section{ padding:50px 0; } .om-luxury-gallery{ padding-right:0; margin-bottom:40px; } .om-luxury-content{ padding-left:0; } .om-luxury-content h1{ font-size:42px; } .om-luxury-price{ font-size:42px; } .om-luxury-description{ font-size:18px; } .om-luxury-feature-card{ font-size:18px; padding:18px; } .om-luxury-buy-btn, .om-luxury-cart-btn{ padding:16px 30px; font-size:20px; } .om-luxury-main-image img{ height:420px; } } @media(max-width:576px){ .om-luxury-buttons{ flex-direction:column; } .om-luxury-content h1{ font-size:34px; } .om-luxury-price{ font-size:34px; } .om-luxury-main-image img{ height:320px; } .om-luxury-thumbs img{ height:70px; } } /* ========================================= STYLE OPTIONS ========================================= */ .om-style-options-wrapper{ margin-top:35px; } .om-style-select{ margin-bottom:25px; } .om-style-select label{ display:block; color:#fff; margin-bottom:10px; font-size:15px; } .om-style-select select{ width:320px; height:48px; border-radius:10px; border:none; padding:0 15px; font-size:15px; background:#fff; } /* ========================================= SHORT SPECS ========================================= */ .om-product-short-specs{ margin-top:10px; } .om-spec-item{ display:flex; margin-bottom:15px; color:#fff; } .om-spec-item strong{ width:220px; font-size:16px; color:#fff; } .om-spec-item span{ flex:1; color:#d8d8d8; line-height:1.7; } /* ========================================= MOBILE ========================================= */ @media(max-width:991px){ .om-style-select select{ width:100%; } .om-variant-card{ width:100%; } .om-spec-item{ flex-direction:column; } .om-spec-item strong{ width:100%; margin-bottom:5px; } } /* ========================================= SEE MORE BUTTON ========================================= */ .om-more-specs{ display:none; } .om-more-specs.active{ display:block; } .om-see-more-btn{ background:none; border:none; color:#ff7a00; font-size:16px; font-weight:600; padding:0; margin-top:10px; cursor:pointer; } .om-see-more-btn:hover{ color:#fff; } /* ==================================== PRODUCT VARIATIONS ==================================== */ .product-variation-box{ margin-top:30px; } .variation-title{ color:#fff; margin-bottom:15px; font-size:20px; font-weight:600; } .variation-wrapper{ display:flex; flex-wrap:wrap; gap:15px; } .variation-card{ width:180px; background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.1); border-radius:12px; overflow:hidden; text-decoration:none; transition:0.3s; } .variation-card:hover{ transform:translateY(-5px); border-color:#ff9800; } .variation-image img{ width:100%; height:120px; object-fit:cover; } .variation-info{ padding:12px; } .variation-type{ display:inline-block; background:#ff9800; color:#fff; padding:3px 10px; border-radius:30px; font-size:12px; margin-bottom:8px; } .variation-info h6{ color:#fff; margin-bottom:5px; } .variation-info p{ color:#ff9800; font-weight:600; } /* ==================================== HIDE EXTRA VARIATIONS ==================================== */ .extra-variation{ display:none; } .show-more-variations{ display:flex; align-items:center; } #showMoreVariations{ height:180px; min-width:120px; border:none; background:#ff9800; color:#fff; border-radius:12px; font-weight:600; cursor:pointer; transition:0.3s; } #showMoreVariations:hover{ background:#e68900; } /* ==================================== STICKY PRODUCT GALLERY ==================================== */ .sticky-parent{ position: relative; } .sticky-gallery{ position: sticky; top: 110px; z-index: 2; } /* ==================================== SMOOTH SCROLL EFFECT ==================================== */ .om-luxury-main-image img{ transition: 0.4s ease; } /* ==================================== MOBILE DISABLE ==================================== */ @media(max-width:991px){ .sticky-gallery{ position: relative; top: 0; } } /* ======================================= Product Information section ======================= */ /* ========================================================= LUXURY PRODUCT INFORMATION SECTION ========================================================= */ .om-product-info-section{ padding:35px 0; background:#f5f2ee; } .om-product-info-heading{ margin-bottom:40px; border-bottom:1px solid #ddd; padding-bottom:15px; } .om-product-info-heading h2{ font-size:42px; font-weight:700; color:#111; } .om-product-details-card{ background:#fff; padding:50px; border-radius:30px; box-shadow:0 10px 40px rgba(0,0,0,0.08); } .om-product-details-card h3{ font-size:38px; font-weight:700; margin-bottom:25px; color:#111; } .om-product-details-card p{ font-size:20px; line-height:1.9; color:#555; margin-bottom:40px; } .om-info-mini-card{ background:#fff; border:1px solid #e8e8e8; border-radius:20px; padding:30px; margin-bottom:25px; transition:0.3s; } .om-info-mini-card:hover{ transform:translateY(-5px); box-shadow:0 10px 30px rgba(0,0,0,0.08); } .om-info-mini-card span{ display:block; font-size:16px; color:#777; margin-bottom:10px; } .om-info-mini-card h5{ font-size:28px; font-weight:700; color:#111; } .om-custom-design-card{ background:#1a1412; padding:45px; border-radius:30px; color:#fff; box-shadow:0 10px 40px rgba(0,0,0,0.25); } .om-custom-design-card h3{ font-size:40px; font-weight:700; margin-bottom:20px; } .om-custom-design-card p{ font-size:18px; line-height:1.8; margin-bottom:35px; color:#ddd; } .om-whatsapp-btn{ display:block; width:100%; background:#ff6b00; color:#fff; text-align:center; padding:20px; border-radius:18px; font-size:24px; font-weight:700; margin-bottom:20px; transition:0.3s; } .om-whatsapp-btn:hover{ background:#e65f00; color:#fff; } .om-call-btn{ display:block; width:100%; background:#2a2421; color:#fff; text-align:center; padding:20px; border-radius:18px; font-size:24px; font-weight:700; transition:0.3s; } .om-call-btn:hover{ background:#3a312d; color:#fff; } /* ========================================================= RESPONSIVE ========================================================= */ @media(max-width:991px){ .om-product-details-card, .om-custom-design-card{ padding:30px; } .om-product-info-heading h2{ font-size:32px; } .om-product-details-card h3, .om-custom-design-card h3{ font-size:28px; } .om-info-mini-card h5{ font-size:22px; } } /* ===================================================== PRODUCT TABS ===================================================== */ .om-product-tabs-section{ background:#f5f2ee; padding-top:70px; } .om-product-tabs-wrapper{ border-bottom:1px solid #ddd; } .om-product-tabs{ display:flex; align-items:center; gap:50px; padding:0; margin:0; list-style:none; } .om-product-tabs li{ position:relative; padding:22px 0; font-size:22px; font-weight:700; color:#111; cursor:pointer; transition:0.3s; } .om-product-tabs li:hover{ color:#ff6b00; } .om-product-tabs li.active{ color:#ff6b00; } .om-product-tabs li.active::after{ content:""; position:absolute; left:0; bottom:-1px; width:100%; height:4px; background:#ff6b00; border-radius:20px; } /* ===================================================== MOBILE ===================================================== */ @media(max-width:991px){ .om-product-tabs{ gap:25px; overflow:auto; white-space:nowrap; } .om-product-tabs li{ font-size:18px; } } /* ===================================================== AMAZON STYLE PRODUCT INFORMATION ===================================================== */ .om-tab-content-area{ background:#f5f2ee; } .om-info-accordion{ background:#fff; border:1px solid #ddd; margin-bottom:20px; } .om-info-head{ padding:18px 25px; font-size:26px; font-weight:700; color:#111; position:relative; cursor:pointer; border-bottom:1px solid #ddd; } .om-info-head::after{ content:"+"; position:absolute; right:25px; top:50%; transform:translateY(-50%); font-size:30px; font-weight:400; } .om-info-accordion.active .om-info-head::after{ content:"-"; } .om-info-body{ display:none; } .om-info-body table{ width:100%; } .om-info-body table tr{ border-bottom:1px solid #e5e5e5; } .om-info-body table td{ padding:14px 22px; font-size:16px; color:#333; vertical-align:top; } .om-info-body table td:first-child{ width:45%; font-weight:600; color:#111; background:#fafafa; } .om-info-body table td:last-child{ color:#555; } /* ===================================================== RESPONSIVE ===================================================== */ @media(max-width:991px){ .om-info-head{ font-size:22px; } .om-info-body table td{ font-size:14px; padding:12px 15px; } } /* try check */ .thumb-item{ width:85px; height:85px; border-radius:18px; overflow:hidden; cursor:pointer; border:2px solid transparent; transition:0.3s; background:#fff; padding:8px; opacity: 0.8; } .thumb-item img{ width:100%; height:100%; object-fit:contain; } .thumb-item:hover{ transform:translateY(-3px); } .active-thumb{ border:2px solid #ff7a00; box-shadow:0 0 15px rgba(255,122,0,0.25); opacity: 1.0; } /* ===================================================== Q & A SECTION ===================================================== */ .om-qa-section{ padding:80px 0; background:#f6f3ef; } .om-qa-wrapper{ max-width:950px; } .om-qa-item{ background:#fff; border-radius:14px; margin-bottom:20px; overflow:hidden; box-shadow:0 4px 18px rgba(0,0,0,0.05); transition:0.3s; } .om-qa-item:hover{ transform:translateY(-2px); } .om-qa-question{ padding:22px 28px; font-size:20px; font-weight:700; color:#111; cursor:pointer; position:relative; } .om-qa-question span{ color:#ff7a00; margin-right:10px; } .om-qa-question::after{ content:"+"; position:absolute; right:28px; top:50%; transform:translateY(-50%); font-size:28px; font-weight:400; } .om-qa-item.active .om-qa-question::after{ content:"−"; } .om-qa-answer{ display:none; padding:0 28px 25px; font-size:17px; line-height:1.8; color:#555; } .om-qa-answer span{ color:#ff7a00; font-weight:700; margin-right:10px; } /* ========================================= PRODUCT TABS ========================================= */ .om-tab-pane{ display:none; } .om-tab-pane.active-tab{ display:block; } /* ===================================================== Product REVIEWS SECTION ===================================================== */ .om-review-section{ padding:80px 0; background:#f6f3ef; } .om-review-summary{ background:#fff; padding:40px; border-radius:18px; box-shadow:0 4px 18px rgba(0,0,0,0.05); position:sticky; top:120px; } .om-review-summary h2{ font-size:32px; margin-bottom:20px; } .om-review-rating{ font-size:55px; font-weight:700; color:#111; line-height:1; } .om-review-rating span{ display:block; font-size:24px; color:#ffb400; margin-top:12px; } .om-review-form{ background:#fff; padding:35px; border-radius:18px; box-shadow:0 4px 18px rgba(0,0,0,0.05); margin-bottom:35px; } .om-review-form h3{ margin-bottom:25px; font-size:28px; } .om-review-form .form-control{ height:55px; border-radius:12px; margin-bottom:20px; border:1px solid #ddd; } .om-review-form textarea.form-control{ height:auto; } .om-submit-review-btn{ background:#111; color:#fff; border:none; padding:15px 35px; border-radius:12px; font-weight:600; transition:0.3s; } .om-submit-review-btn:hover{ background:#d4a14a; } .om-review-card{ background:#fff; padding:28px; border-radius:18px; margin-bottom:20px; box-shadow:0 4px 18px rgba(0,0,0,0.05); } .om-review-top{ display:flex; justify-content:space-between; align-items:center; margin-bottom:15px; } .om-review-top h4{ font-size:22px; margin:0; } .om-review-stars{ color:#ffb400; font-size:22px; letter-spacing:2px; } .om-review-card p{ margin:0; line-height:1.8; color:#555; } /* ===================================================== SIMILAR PRODUCTS & RECENTLY VIEW PRODUCT ===================================================== */ /* ===================================================== MODERN PRODUCT CARD ===================================================== */ .om-modern-product-card{ display:block; background:VAR(--card-bg); border-radius:var(--card-radius); overflow:hidden; position:relative; transition:0.4s; box-shadow:0 8px 30px rgba(0,0,0,0.06); margin-bottom:20px; } .om-modern-product-card:hover{ transform:translateY(-10px); box-shadow:0 20px 45px rgba(0,0,0,0.12); } .om-modern-product-image{ height:300px; background:linear-gradient( var(--gradient-angle), var(--gradient-color-1), var(--gradient-color-2));; position:relative; overflow:hidden; } .om-modern-product-image img{ width:100%; height:100%; object-fit:contain; transition:0.5s; padding:25px; } .om-modern-product-card:hover .om-modern-product-image img{ transform:scale(1.08); } .om-product-badge{ position:absolute; top:18px; left:18px; background:var(--badge-bg); color:#fff; padding:8px 16px; border-radius:30px; font-size:13px; font-weight:600; z-index:2; } .om-product-actions{ position:absolute; top:20px; right:-60px; display:flex; flex-direction:column; gap:12px; transition:0.4s; } .om-modern-product-card:hover .om-product-actions{ right:20px; } .om-product-actions span{ width:42px; height:42px; background:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 12px rgba(0,0,0,0.12); cursor:pointer; transition:0.3s; } .om-product-actions span:hover{ background:#d4a14a; color:#fff; } .om-modern-product-content{ padding:25px; } .om-modern-product-content h4{ font-size:22px; color:#111; margin-bottom:12px; line-height:1.4; min-height:60px; } .om-modern-price{ font-size:28px; font-weight:700; color:#d4a14a; margin-bottom:10px; } .om-modern-rating{ color:#ffb400; font-size:18px; margin-bottom:18px; } .om-modern-rating span{ color:#666; margin-left:8px; } .om-modern-cart-btn{ width:100%; height:52px; border:none; border-radius:14px; background:var(--theme-color); color:#fff; font-weight:600; transition:0.3s; } .om-modern-cart-btn:hover{ background:#d4a14a; } /* ===================================================== PRODUCT SLIDER ===================================================== */ .om-similar-slider .owl-nav, .om-recent-slider .owl-nav{ display:flex; justify-content:flex-end; margin-bottom:25px; } .om-similar-slider .owl-prev, .om-similar-slider .owl-next, .om-recent-slider .owl-prev, .om-recent-slider .owl-next{ width:45px; height:45px; border-radius:50% !important; background:#111 !important; color:#fff !important; margin-left:10px; font-size:22px !important; transition:0.3s; } .om-similar-slider .owl-prev:hover, .om-similar-slider .owl-next:hover, .om-recent-slider .owl-prev:hover, .om-recent-slider .owl-next:hover{ background:#d4a14a !important; } .om-similar-slider .item, .om-recent-slider .item{ padding:5px; } .om-similar-slider .owl-stage-outer, .om-recent-slider .owl-stage-outer{ padding-top: 30px; } /* ===================================================== HOMEPAGE REVIEW PRODUCT ===================================================== */ .om-review-product{ display:inline-block; margin-top:6px; margin-bottom:10px; padding:5px 14px; border-radius:30px; background:rgba(0,0,0,0.05); font-size:13px; font-weight:600; color:#666; } .om-review-text{ font-size:16px; line-height:1.8; color:#555; margin-top:15px; min-height:90px; } /* ===================================================== REVIEW INITIAL AVATAR ===================================================== */ .om-review-avatar{ width:60px; height:60px; border-radius:50%; background:linear-gradient( var(--gradient-angle), var(--gradient-color-1), var(--gradient-color-2)); color:#fff; display:flex; align-items:center; justify-content:center; font-size:22px; font-weight:700; text-transform:uppercase; } /* ===================================================== HOME PAGE Complete Room Setup section ======================================================= */ .om-room-setup{ padding:70px 0; background:#f8f6f3; } /* =================================================== ROOM SETUP HEADING =================================================== */ .om-room-heading{ text-align:center; margin-bottom:70px; position:relative; } .om-room-heading span{ display:inline-block; background:rgba(181,123,68,0.12); color:#b57b44; padding:12px 26px; border-radius:50px; font-size:13px; font-weight:700; letter-spacing:3px; text-transform:uppercase; margin-bottom:22px; position:relative; } .om-room-heading span::before{ content:''; position:absolute; left:-45px; top:50%; transform:translateY(-50%); width:35px; height:2px; background:#b57b44; } .om-room-heading span::after{ content:''; position:absolute; right:-45px; top:50%; transform:translateY(-50%); width:35px; height:2px; background:#b57b44; } .om-room-heading h2{ font-size:72px; line-height:82px; font-weight:800; color:#111827; margin-bottom:22px; letter-spacing:-2px; } .om-room-heading p{ max-width:720px; margin:auto; font-size:22px; line-height:38px; color:#6b7280; font-weight:400; } /* decorative blur */ .om-room-heading::before{ content:''; position:absolute; width:220px; height:220px; background:rgba(181,123,68,0.10); border-radius:50%; filter:blur(70px); top:-60px; left:50%; transform:translateX(-50%); z-index:-1; } /* new */ .om-room-badge{ position:absolute; top:18px; left:18px; background:var(--card-btn); color:#fff; padding:8px 16px; border-radius:40px; font-size:17px; font-weight:600; letter-spacing:0.5px; z-index:5; box-shadow:0 5px 15px rgba(0,0,0,0.15); } .om-room-content{ padding:25px 25px 0px 25px;; } .om-room-content h3{ font-size:25px; font-weight:700; margin-bottom:10px; color:#222; } .om-room-content p{ font-size:14px; color:#666; line-height:1.7; margin-bottom:20px; } .om-room-card > a{ display:inline-block; width:100%; text-align:center; background:var(--card-btn); color:#fff; padding:14px 20px; text-decoration:none; font-weight:600; transition:0.3s; } .om-room-card > a:hover{ background:#111; transform:translateY(-2px); } .om-room-card{ width:100%; min-width:0; background:#fff; border-radius:24px; overflow:hidden; transition:0.4s; box-shadow:0 8px 30px rgba(0,0,0,0.08); } .om-room-card:hover{ transform:translateY(-10px); box-shadow:0 20px 40px rgba(0,0,0,0.12); } .om-room-grid{ display:flex; grid-template-columns:repeat(4,minmax(0,1fr)); gap:30px; width:100%; } .om-room-card{ width:100%; background:#fff; border-radius:24px; overflow:hidden; box-shadow:0 10px 30px rgba(0,0,0,0.08); transition:0.4s; position:relative; } .om-room-image{ position:relative; overflow:hidden; } .om-room-image img{ width:100%; height:260px; object-fit:cover; display:block; transition:0.5s; } .om-room-card:hover .om-room-image img{ transform:scale(1.08); } .om-room-products{ margin:20px 0; padding:0; list-style:none; } .om-room-products li{ display:flex; justify-content:space-between; gap:15px; padding:10px 0; border-bottom:1px solid #eee; } .om-room-products li span{ flex:1; font-size:14px; color:#333; } .om-room-products li strong{ white-space:nowrap; font-size:14px; color:#111; } .om-room-product-info{ display:flex; align-items:center; gap:12px; flex:1; min-width:0; } .om-room-product-info img{ width:42px; height:42px; border-radius:10px; object-fit:cover; border:1px solid #eee; flex-shrink:0; } .om-room-product-info span{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } /* ================== new Menubar css ======================== */ /* ========================= TOP AUTH PREMIUM STYLE ========================= */ .top-auth-section{ display:flex; align-items:center; justify-content:flex-end; gap:10px; height:100%; } .top-auth-section a{ padding:15px; } /* Shared Style */ .register-modern-btn, .login-modern-btn{ height:42px; padding:0 18px; border-radius:12px; display:flex; align-items:center; gap:8px; font-size:14px; font-weight:600; transition:all .3s ease; position:relative; overflow:hidden; } /* Register */ .register-modern-btn{ background:linear-gradient(135deg,#c89b63,#dca96a); color:#fff !important; box-shadow:0 6px 18px rgba(200,155,99,.25); } .register-modern-btn:hover{ transform:translateY(-2px); box-shadow:0 10px 22px rgba(200,155,99,.35); color:#fff !important; } /* Login */ .modern-account-dropdown{ position:relative; } .login-modern-btn{ background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.08); color:#fff !important; backdrop-filter:blur(8px); } .login-modern-btn:hover{ background:#fff; color:#111 !important; } /* Dropdown */ .modern-auth-dropdown{ position:absolute; top:115%; right:0; width:230px; background:#fff; border-radius:16px; padding:10px 0; box-shadow:0 18px 40px rgba(0,0,0,.12); opacity:0; visibility:hidden; transition:.3s ease; z-index:9999; } .modern-account-dropdown:hover .modern-auth-dropdown{ opacity:1; visibility:visible; top:105%; } .modern-auth-dropdown li{ list-style:none; width:100%; } .modern-auth-dropdown li a{ display:flex; align-items:center; gap:12px; padding:13px 18px; color:#222 !important; font-size:14px; font-weight:500; transition:.3s ease; } .modern-auth-dropdown li a:hover{ background:#f7f7f7; color:#c89b63 !important; padding-left:24px; } /* Better Top Bar */ .header-top-area{ padding:8px 0 !important; } /* ========================= PREMIUM TOP WELCOME BAR ========================= */ .top-welcome-bar{ display:flex; align-items:center; gap:18px; height:100%; } /* Badge */ .welcome-badge{ background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.08); color:#dca96a; padding:7px 14px; border-radius:30px; font-size:12px; font-weight:600; display:flex; align-items:center; gap:8px; backdrop-filter:blur(8px); letter-spacing:.3px; } /* Welcome Text */ .welcome-text{ color:#fff; font-size:15px; font-weight:500; letter-spacing:.3px; } .welcome-text span{ color:#dca96a; font-weight:700; } .header-top-nav .row{ display: flex; flex-wrap:nowrap; margin-right: -15px; margin-left: -15px; justify-content:center; } /* ========================= MOBILE FLOATING NAVBAR ========================= */ .mobile-bottom-nav{ position:fixed; bottom:12px; left:50%; transform:translateX(-50%); width:95%; background:rgba(255,255,255,0.92); backdrop-filter:blur(18px); border-radius:28px; padding:12px 8px; display:none; align-items:center; justify-content:space-around; box-shadow:0 10px 40px rgba(0,0,0,0.12); z-index:99999; border:1px solid rgba(255,255,255,0.4); } .mobile-nav-item{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; color:#777 !important; font-size:11px; font-weight:500; text-decoration:none; transition:.3s ease; width:20%; } .mobile-nav-item i{ font-size:20px; transition:.3s ease; } .mobile-nav-item.active, .mobile-nav-item:hover{ color:#c89b63 !important; } .mobile-nav-item.active i, .mobile-nav-item:hover i{ transform:translateY(-2px); } /* ========================= FIX PROFILE POPUP ========================= */ .mobile-profile-popup{ position:fixed !important; left:50% !important; bottom:105px !important; transform:translateX(-50%) translateY(20px) !important; width:220px !important; background:#fff !important; border-radius:22px !important; box-shadow:0 15px 45px rgba(0,0,0,0.18) !important; z-index:999999 !important; overflow:hidden !important; opacity:0 !important; visibility:hidden !important; transition:.3s ease !important; } /* ACTIVE */ .mobile-profile-popup.active{ opacity:1 !important; visibility:visible !important; transform:translateX(-50%) translateY(0) !important; } /* HEADER */ .mobile-profile-header{ padding:14px !important; text-align:center !important; font-size:16px !important; font-weight:700 !important; border-bottom:1px solid #f1f1f1 !important; background:#fafafa !important; } /* ITEMS */ .mobile-profile-list a{ display:flex !important; align-items:center !important; gap:10px !important; padding:14px 18px !important; color:#ffffff !important; font-size:14px !important; text-decoration:none !important; border-bottom:1px solid #f3f3f3 !important; background:linear-gradient(var(--gradient-angle), var(--gradient-color-1), var(--gradient-color-2)); } .mobile-profile-list a:last-child{ border-bottom:none !important; } .logo img{ width:stretch; } /* ========================= PROFILE IMAGE EDIT ========================= */ .profile-image-wrapper{ position:relative; width:140px; margin:auto; margin-bottom:20px; } .profile-image{ width:140px; height:140px; border-radius:50%; overflow:hidden; border:5px solid #c89b63; } .profile-image img{ width:100%; height:100%; object-fit:cover; } /* CAMERA BUTTON */ .image-edit-btn{ position:absolute; right:5px; bottom:5px; width:42px; height:42px; border-radius:50%; background:#c89b63; color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 5px 15px rgba(0,0,0,0.2); transition:.3s ease; } .image-edit-btn:hover{ transform:scale(1.08); } .footer-logo{ width:100%; } .footer-logo img{ width:100%; } .om-similar-products-section, .om-recent-products-section{ background:#f5f2ee; } .om-similar-products-section h2, .om-recent-products-section h2 { font-size: 3rem; text-align: center; font-weight: bold; } .home-om-section-heading h2{ margin:10px; text-align: center; font-weight: bold; } .home-section-container{ background:#f5f2ee; padding-top: 10px; } /* ========================================== MODERN PREMIUM MEGA MENU ========================================== */ .modern-mega-menu{ position:absolute; left:50%; transform:translateX(-50%); top:100%; width:1250px; background:#fff; border-radius:28px; padding:35px; display:flex; gap:35px; box-shadow:0 25px 80px rgba(0,0,0,.12); opacity:0; visibility:hidden; margin-top:25px; transition:.35s ease; z-index:99999; } .mega-menu-parent:hover .modern-mega-menu{ opacity:1; visibility:visible; margin-top:10px; } /* SIDEBAR */ .mega-sidebar{ width:260px; border-right:1px solid #eee; padding-right:25px; } .mega-sidebar h4{ font-size:18px; font-weight:700; margin-bottom:25px; } .mega-sidebar a{ display:flex; align-items:center; gap:15px; padding:14px 18px; border-radius:16px; color:#222 !important; font-weight:500; margin-bottom:10px; transition:.3s ease; text-align: left; } .mega-sidebar a:hover{ background:#f5faf7; color:#1a8754 !important; text-align: center; } .mega-sidebar i{ width:22px; font-size:18px; } /* CONTENT */ .mega-content{ flex:1; } .mega-content h3{ font-size:28px; margin-bottom:25px; color:#198754; font-weight:700; } /* GRID */ .mega-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:20px; } .mega-card{ display:flex; align-items:center; gap:15px; padding:16px; border:1px solid #eee; border-radius:20px; transition:.3s ease; } .mega-card:hover{ transform:translateY(-4px); box-shadow:0 10px 30px rgba(0,0,0,.08); } .mega-card img{ width:80px; height:80px; object-fit:contain; } .mega-card h5{ font-size:18px; margin-bottom:8px; } .mega-card p{ font-size:14px; color:#666; line-height:24px; } /* FEATURES */ .mega-features{ margin-top:30px; background:#f8faf8; border-radius:20px; padding:20px; display:grid; grid-template-columns:repeat(4,1fr); gap:20px; } .mega-features div{ display:flex; align-items:center; gap:10px; font-weight:600; color:#333; } /* BANNER */ .mega-banner{ width:300px; position:relative; border-radius:24px; overflow:hidden; } .mega-banner img{ width:100%; height:100%; object-fit:cover; } .mega-banner-overlay{ position:absolute; inset:0; padding:30px; background:linear-gradient( to top, rgba(0,0,0,.55), rgba(0,0,0,.15) ); display:flex; flex-direction:column; justify-content:flex-end; } .mega-banner-overlay span{ color:#f5d08a; font-size:13px; margin-bottom:10px; } .mega-banner-overlay h2{ color:#fff; font-size:34px; line-height:44px; margin-bottom:25px; } .mega-banner-overlay a{ width:160px; height:50px; background:#198754; color:#fff !important; display:flex; align-items:center; justify-content:center; border-radius:50px; font-weight:700; } /* MOBILE */ @media(max-width:991px){ .modern-mega-menu{ display:none !important; } } .category-item{ cursor:pointer; } .category-item.active-cat a{ color:#0a8f5a !important; font-weight:700; } .subcategory-box{ display:none; } .subcategory-box.show-subcat{ display:block; } .mega-content{ width: 52%; padding: 0 30px; max-height: 620px; overflow-y: auto; overflow-x: hidden; padding-right: 10px; } .mega-content::-webkit-scrollbar{ width: 6px; } .mega-content::-webkit-scrollbar-track{ background: #f1f1f1; border-radius: 10px; } .mega-content::-webkit-scrollbar-thumb{ background: #0c8f5a; border-radius: 10px; } .mega-content::-webkit-scrollbar-thumb:hover{ background: #08774a; } .modern-mega-menu{ height: 650px; } /* =================================== LIVE SEARCH start below ============================== */ /* =================================== LIVE SEARCH =================================== */ .dropdown_search form{ position:relative; } #search-result-box{ position:absolute; top:60px; left:0; width:100%; background:#fff; border-radius:18px; box-shadow:0 10px 35px rgba(0,0,0,0.12); z-index:99999; overflow:hidden; display:none; } /* SINGLE ITEM */ .live-search-item{ display:flex; align-items:center; gap:14px; padding:14px; border-bottom:1px solid #f3f3f3; transition:0.3s; text-decoration:none; } .live-search-item:hover{ background:#f8f8f8; } /* IMAGE */ .live-search-item img{ width:55px; height:55px; border-radius:12px; object-fit:cover; flex-shrink:0; } /* CONTENT */ .live-search-content{ flex:1; } .live-search-content h4{ font-size:15px; color:#111; margin-bottom:4px; } .live-search-content span{ font-size:14px; color:#b57b44; font-weight:700; } .live-search-empty{ padding:18px; text-align:center; color:#777; font-size:14px; } /* ======================================== search page css ================================ */ /* =================================== PREMIUM SEARCH PAGE =================================== */ .om-search-page{ padding:60px 0; background:#f6f6f6; } /* TOP */ .om-search-top{ margin-bottom:40px; } .om-search-top h1{ font-size:52px; font-weight:800; color:#111; margin-bottom:10px; } .om-search-top p{ font-size:18px; color:#666; } .om-search-top span{ color:#b57b44; font-weight:700; } /* FILTER */ .om-filter-box{ background:#fff; padding:30px; border-radius:25px; box-shadow:0 10px 30px rgba(0,0,0,0.06); position:sticky; top:20px; } .om-filter-box h3{ font-size:24px; margin-bottom:25px; } .om-filter-box ul{ margin:0; padding:0; list-style:none; } .om-filter-box li{ padding:12px 0; border-bottom:1px solid #eee; color:#444; } /* PRODUCT CARD */ .om-product-card{ background:#fff; border-radius:25px; overflow:hidden; margin-bottom:30px; position:relative; transition:0.4s; box-shadow:0 10px 30px rgba(0,0,0,0.08); } .om-product-card:hover{ transform:translateY(-10px); } /* BADGE */ .om-product-badge{ position:absolute; top:18px; left:18px; background:#b57b44; color:#fff; padding:8px 15px; border-radius:40px; z-index:5; font-size:12px; font-weight:600; } /* IMAGE */ .om-product-image{ overflow:hidden; } .om-product-image img{ width:100%; height:280px; object-fit:cover; transition:0.4s; } .om-product-card:hover img{ transform:scale(1.08); } /* CONTENT */ .om-product-content{ padding:25px; } .om-product-content h4{ font-size:22px; font-weight:700; margin-bottom:12px; color:#111; } .om-product-content p{ font-size:14px; color:#777; line-height:1.7; margin-bottom:18px; } .om-price{ color:#b57b44; font-size:28px; font-weight:800; margin-bottom:20px; } /* BUTTON */ .om-product-content a{ display:block; width:100%; text-align:center; background:#111; color:#fff; padding:14px; border-radius:50px; text-decoration:none; font-weight:600; transition:0.3s; } .om-product-content a:hover{ background:#b57b44; } /* NO PRODUCT */ .om-no-product{ background:#fff; padding:60px; text-align:center; border-radius:25px; font-size:24px; font-weight:700; } /* MOBILE */ @media(max-width:768px){ .om-search-top h1{ font-size:34px; } .om-filter-box{ margin-bottom:25px; } } .product_content{ display:flex; flex-direction:column; height:100%; } .product_content h4{ min-height:60px; } .product_content p{ min-height:72px; } .product-price{ margin-top:auto; } .product-grid{ row-gap:30px; } /* =================================== MOBILE LOGO FIX =================================== */ .header-logo img, .logo img, .navbar-brand img{ max-width:100%; height:auto; display:block; } /* MOBILE */ @media only screen and (max-width:768px){ .header-logo img, .logo img, .navbar-brand img{ width:140px !important; height:auto !important; max-height:55px !important; object-fit:contain; } } /* ======================== about us page ======================= */ /* ========================================= ABOUT HERO ========================================= */ .om-about-hero{ height:550px; background-image:url('../images/banner-image/about-banner.jpeg'); background-size:cover; background-position:center; position:relative; display:flex; align-items:center; } .om-about-overlay{ position:absolute; inset:0; background:rgba(0,0,0,0.45); } .om-about-content{ position:relative; z-index:2; max-width:700px; } .om-about-content span{ color: #ffba0a; letter-spacing: 3px; font-size: 30px; font-weight: 600; font-family: 'Font Awesome 5 Free'; } .om-about-content h1{ color:#fff; font-size:72px; font-weight:700; line-height:1.1; margin-top:20px; margin-bottom:25px; } .om-about-line{ width:90px; height:3px; background:#d2a679; margin-bottom:30px; } .om-about-content p{ color:#f2f2f2; font-size:20px; line-height:1.9; margin-bottom:35px; max-width:600px; } .om-about-content a{ font-size: 30px; display: inline-block; padding: 15px 40px; background: #c98208; color: #ffffff; text-decoration: none; border-radius: 10px; font-weight: 600; width: 100%; cursor:default; } /* ========================================= MOBILE ========================================= */ @media(max-width:768px){ .om-about-hero{ height:550px; background-position:center; } .om-about-content{ text-align:center; } .om-about-content h1{ font-size:42px; } .om-about-content p{ font-size:16px; line-height:1.8; } .om-about-line{ margin:auto auto 25px; } } /* ========================================= OUR STORY ========================================= */ .om-story-image{ position:relative; } .om-floating-card img{ object-fit:contain; } .om-floating-card{ position:absolute; top:-35px; left:-35px; width:200px; height:230px; background:#fff; border:4px solid #111; border-radius:25px 25px 0px 0px; display:flex; align-items:center; justify-content:center; z-index:20; box-shadow:0 15px 35px rgba(0,0,0,.15); overflow: hidden; } .om-floating-card-text{ position: absolute; top: 190px; left: -35px; width: 200px; height: 39px; background: #c98224; border: 4px solid #111; border-radius: 0px 0px 10px 10px; display: flex; align-items: center; justify-content: center; z-index: 20; box-shadow: 0 15px 35px rgba(0, 0, 0, .15); color: white; font-size: 20px; } .om-floating-card i{ font-size:60px; color:#111; } .om-story-section{ padding:120px 0; background:#f8f6f3; } .om-story-image{ position:relative; } .om-story-image img{ width:100%; } .om-story-card{ background:#fff; padding:60px; margin-left:-100px; position:relative; z-index:5; box-shadow:0 15px 50px rgba(0,0,0,.08); } .om-story-card span{ color:#bfa78f; font-size:20px; font-weight:600; letter-spacing:2px; } .om-story-card h2{ font-size:52px; line-height:1.2; margin:20px 0; color:#2d1f17; font-family: 'Ionicons'; } .om-story-card p{ color:#666; line-height:2; font-size:16px; } .om-story-card a{ display:inline-block; margin-top:25px; background:#2d1f17; color:#fff; padding:14px 35px; text-decoration:none; } .om-story-card a:hover{ color:#fff; background:#b88754; } .om-story-stats{ display:flex; gap:60px; margin-top:40px; } .om-story-stats h3{ font-size:42px; color:#2d1f17; font-weight:700; } .om-story-stats p{ margin:0; color:#777; } .om-more-content{ display:none; margin-top:20px; } .om-more-content p{ margin-bottom:20px; } .om-read-more-btn{ cursor:pointer; } /* MOBILE */ @media(max-width:768px){ .om-story-section{ padding:70px 0; } .om-story-card{ margin-left:0; margin-top:20px; padding:30px; } .om-story-card h2{ font-size:32px; } .om-story-stats{ display: none; } .om-floating-card{ width:130px; height:155px; left:10px; top:10px; } .om-floating-card i{ font-size:45px; } .om-floating-card-text { top: 160px; left: 10px; width: 130px; font-size: 20px; } } /* ========================================= STATS COUNTER ========================================= */ .om-stats-section{ padding:120px 0; background:#fff; } .om-stat-card{ background:#f8f5f1; border-radius:30px; padding:55px 30px; text-align:center; transition:0.4s; height:100%; } .om-stat-card:hover{ transform:translateY(-10px); background:#2d1f17; } .om-stat-card h2{ font-size:64px; color:#9a6b3c; font-weight:700; margin-bottom:15px; transition:0.4s; } .om-stat-card p{ font-size:18px; color:#555; margin:0; transition:0.4s; } .om-stat-card:hover h2{ color:#fff; } .om-stat-card:hover p{ color:rgba(255,255,255,0.85); } /* ========================================= MOBILE ========================================= */ @media(max-width:768px){ .om-stats-section{ padding:70px 0; } .om-stat-card{ padding:40px 20px; border-radius:20px; } .om-stat-card h2{ font-size:46px; } .om-stat-card p{ font-size:15px; } } /* ========================================= WHY CHOOSE US ========================================= */ .om-why-section{ padding:70px 0; background:#f6f4f1; } .om-why-left span{ color:#b88754; font-size:20px; letter-spacing:2px; font-weight:600; } .om-why-left h2{ font-size:52px; line-height:1.2; margin:20px 0; color:#2d1f17; font-family: 'Times New Roman', Times, serif; } .om-why-left p{ color:#666; line-height:2; font-size: 14px; } .om-why-card{ background:#fff; padding:35px; height:100%; transition:.4s; box-shadow:0 8px 25px rgba(0,0,0,.05); border-radius: 10px; } .om-why-card:hover{ transform:translateY(-8px); box-shadow:0 20px 40px rgba(0,0,0,.08); } .om-why-icon{ font-size:38px; margin-bottom:20px; } .om-why-card h4{ font-size:24px; margin-bottom:15px; color:#2d1f17; } .om-why-card p{ color:#777; line-height:1.8; margin:0; } /* MOBILE */ @media(max-width:768px){ .om-why-section{ padding:70px 0; } .om-why-left{ text-align:center; margin-bottom:40px; } .om-why-left h2{ font-size:34px; } } /* ========================================= CATEGORY SHOWCASE ========================================= */ .om-category-showcase{ padding:100px 0; background:#fff; } .om-section-tag{ color:#b88754; font-weight:600; letter-spacing:2px; } .om-section-title{ font-size:48px; font-weight:700; margin-top:10px; color:#2d1d13; } .om-category-card{ position:relative; overflow:hidden; border-radius:20px; height:350px; } .om-category-card img{ width:100%; height:100%; object-fit:cover; transition:.6s; } .om-category-card:hover img{ transform:scale(1.1); } .om-category-overlay{ position:absolute; inset:0; background:linear-gradient( to top, rgba(0,0,0,.8), rgba(0,0,0,.2) ); display:flex; flex-direction:column; justify-content:flex-end; padding:30px; } .om-category-overlay h3{ color:#fff; font-size:28px; margin-bottom:10px; } .om-category-overlay p{ color:#ddd; margin:0; } .om-explore-card{ background:#2d1d13; text-decoration:none; display:flex; align-items:center; justify-content:center; transition:.4s; } .om-explore-card:hover{ background:#b88754; transform:translateY(-5px); } .om-explore-content{ text-align:center; color:#fff; } .om-explore-content span{ font-size:60px; line-height:1; display:block; margin-bottom:15px; } .om-explore-content h3{ color:#fff; margin-bottom:10px; } .om-explore-content p{ color:#eee; margin:0; } @media(max-width:768px){ .om-category-showcase{ padding:70px 0; } .om-section-title{ font-size:32px; } .om-category-card{ height:260px; } } /* ========================================= WORKSHOP SECTION new ========================================= */ .om-workshop-section{ position:relative; background-image:url('../images/banner-image/workshop-banner.jpg'); background-size:cover; background-position:center; background-attachment:fixed; min-height:650px; display:flex; align-items:center; } .om-workshop-overlay{ width: 100%; HEIGHT: STRETCH; padding: 80px 0; background: rgb(85 52 3 / 65%); } .om-workshop-section span{ background: #d2a67d; color: #ffffff; letter-spacing: 3px; font-size: 23px; font-weight: 600; border-color: white; border-style: solid; padding: 5px; } .om-workshop-section h2{ color:#fff; font-size:68px; line-height:1.2; margin-top:20px; margin-bottom:25px; font-weight: bold; } .om-workshop-line{ width:90px; height:3px; background:#d2a679; margin:0 auto 30px; } .om-workshop-section p{ color:rgba(255,255,255,.85); line-height:2; font-size:18px; max-width:700px; margin:auto; margin-bottom:35px; font-weight: bold; } .om-workshop-section a{ display:inline-block; background:#d2a679; color:#fff; padding:15px 40px; border-radius:50px; text-decoration:none; font-weight:600; border-color: white; border-style: solid; } .om-workshop-section a:hover{ background:#b88754; color:#fff; } /* MOBILE */ @media(max-width:768px){ .om-workshop-section{ background-attachment:scroll; min-height:auto; } .om-workshop-overlay{ padding:90px 20px; } .om-workshop-section h2{ font-size:20px; } .om-workshop-section p{ font-size:12px; text-align: justify; } .om-workshop-section span{ font-size:12px; } .om-workshop-line{ margin: 0 auto 6px; } } /* css image protection to CEO image */ .om-story-image{ position:relative; user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; } .protected-image{ width:100%; -webkit-user-drag:none; user-drag:none; pointer-events:none; } .om-floating-card img{ -webkit-user-drag:none; user-drag:none; pointer-events:none; } .image-protection-layer{ position:absolute; inset:0; z-index:5; background:transparent; } .inv-product-stock{ margin:10px 0 15px; font-size:19px !important; font-weight:600; } .inv-in-stock{ color:#28a745; } .inv-out-stock{ color:#dc3545; }