/*----------------------------------------------------------------------------------- Template Name: Sinrato - mefashop eCommerce Bootstrap 4 Template Version: 1.0 CSS INDEX =================== 01. Theme default CSS 02. Header 02.1 Header top 02.2 Breadcrumb 03. Category 04. Hero 04.1 Slider one 04.2 Slider two 04.3 Slider three 04.4 Slider four 05. Banner 05.1 Sidebar banner 05.2 Double banner 05.3 Single wide banner 05.4 wide text banner 06. Featured service 07. Product Slider 07.1 Horizontal 07.2 Tab horizontal 07.3 Two column horizontal 08. Product 08.1 Horizontal slider product 08.2 latest product 08.3 Related product 08.4 Shop page grid product 08.5 Shop page list product 09. Product non slider 10. Brand 11. Subscribe 12. Section title 13. Page 14. About page 15. Contact page 16. Single product page 17. Shop page 19. Cart page 20. Compare page 21. Checkout page 22. Login - Register Page 24. Blog 25. Blog Sidebar 26. Footer 26.1 Footer top 26.2 Footer bottom -----------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------- Start Default Settings --------------------------------------------------------------------*/ @import url('https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,600,700,800,900'); @import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200;300;400;500;600;700;800&display=swap'); @font-face { src: url('FuturaPT-Book.eot'); src: url('FuturaPT-Book.eot?#iefix') format('embedded-opentype'), url('FuturaPT-Book.woff') format('woff'), url('FuturaPT-Book.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Futura PT Cond ExtraBold Oblique '; src: url('FuturaPTCond-ExtraBoldObl.eot'); src: url('FuturaPTCond-ExtraBoldObl.eot?#iefix') format('embedded-opentype'), url('FuturaPTCond-ExtraBoldObl.woff') format('woff'), url('FuturaPTCond-ExtraBoldObl.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Futura PT Cond ExtraBold'; src: url('FuturaPTCond-ExtraBold.eot'); src: url('FuturaPTCond-ExtraBold.eot?#iefix') format('embedded-opentype'), url('FuturaPTCond-ExtraBold.woff') format('woff'), url('FuturaPTCond-ExtraBold.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Futura PT Cond Bold Oblique '; src: url('FuturaPTCond-BoldObl.eot'); src: url('FuturaPTCond-BoldObl.eot?#iefix') format('embedded-opentype'), url('FuturaPTCond-BoldObl.woff') format('woff'), url('FuturaPTCond-BoldObl.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Futura PT Cond Bold'; src: url('FuturaPTCond-Bold.eot'); src: url('FuturaPTCond-Bold.eot?#iefix') format('embedded-opentype'), url('FuturaPTCond-Bold.woff') format('woff'), url('FuturaPTCond-Bold.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Futura PT Cond Medium Oblique '; src: url('FuturaPTCond-MediumObl.eot'); src: url('FuturaPTCond-MediumObl.eot?#iefix') format('embedded-opentype'), url('FuturaPTCond-MediumObl.woff') format('woff'), url('FuturaPTCond-MediumObl.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Futura PT Cond Medium'; src: url('FuturaPTCond-Medium.eot'); src: url('FuturaPTCond-Medium.eot?#iefix') format('embedded-opentype'), url('FuturaPTCond-Medium.woff') format('woff'), url('FuturaPTCond-Medium.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Futura PT Cond Book Oblique '; src: url('FuturaPTCond-BookObl.eot'); src: url('FuturaPTCond-BookObl.eot?#iefix') format('embedded-opentype'), url('FuturaPTCond-BookObl.woff') format('woff'), url('FuturaPTCond-BookObl.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Futura PT Cond Book'; src: url('FuturaPTCond-Book.eot'); src: url('FuturaPTCond-Book.eot?#iefix') format('embedded-opentype'), url('FuturaPTCond-Book.woff') format('woff'), url('FuturaPTCond-Book.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Futura PT Heavy Oblique '; src: url('FuturaPT-HeavyObl.eot'); src: url('FuturaPT-HeavyObl.eot?#iefix') format('embedded-opentype'), url('FuturaPT-HeavyObl.woff') format('woff'), url('FuturaPT-HeavyObl.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Futura PT Heavy'; src: url('FuturaPT-Heavy.eot'); src: url('FuturaPT-Heavy.eot?#iefix') format('embedded-opentype'), url('FuturaPT-Heavy.woff') format('woff'), url('FuturaPT-Heavy.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Futura PT ExtraBold Oblique '; src: url('FuturaPT-ExtraBoldObl.eot'); src: url('FuturaPT-ExtraBoldObl.eot?#iefix') format('embedded-opentype'), url('FuturaPT-ExtraBoldObl.woff') format('woff'), url('FuturaPT-ExtraBoldObl.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { src: url('FuturaPT-ExtraBold.eot'); src: url('FuturaPT-ExtraBold.eot?#iefix') format('embedded-opentype'), url('FuturaPT-ExtraBold.woff') format('woff'), url('FuturaPT-ExtraBold.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Futura PT Bold Oblique '; src: url('FuturaPT-BoldObl.eot'); src: url('FuturaPT-BoldObl.eot?#iefix') format('embedded-opentype'), url('FuturaPT-BoldObl.woff') format('woff'), url('FuturaPT-BoldObl.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { src: url('FuturaPT-Bold.eot'); src: url('FuturaPT-Bold.eot?#iefix') format('embedded-opentype'), url('FuturaPT-Bold.woff') format('woff'), url('FuturaPT-Bold.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Futura PT Light Oblique '; src: url('FuturaPT-LightObl.eot'); src: url('FuturaPT-LightObl.eot?#iefix') format('embedded-opentype'), url('FuturaPT-LightObl.woff') format('woff'), url('FuturaPT-LightObl.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Futura PT Demi Oblique '; src: url('FuturaPT-DemiObl.eot'); src: url('FuturaPT-DemiObl.eot?#iefix') format('embedded-opentype'), url('FuturaPT-DemiObl.woff') format('woff'), url('FuturaPT-DemiObl.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Futura PT Light'; src: url('FuturaPT-Light.eot'); src: url('FuturaPT-Light.eot?#iefix') format('embedded-opentype'), url('FuturaPT-Light.woff') format('woff'), url('FuturaPT-Light.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { src: url('FuturaPT-Demi.eot'); src: url('FuturaPT-Demi.eot?#iefix') format('embedded-opentype'), url('FuturaPT-Demi.woff') format('woff'), url('FuturaPT-Demi.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Futura PT Medium Oblique '; src: url('FuturaPT-MediumObl.eot'); src: url('FuturaPT-MediumObl.eot?#iefix') format('embedded-opentype'), url('FuturaPT-MediumObl.woff') format('woff'), url('FuturaPT-MediumObl.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { src: url('FuturaPT-Medium.eot'); src: url('FuturaPT-Medium.eot?#iefix') format('embedded-opentype'), url('FuturaPT-Medium.woff') format('woff'), url('FuturaPT-Medium.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Futura PT Book Oblique '; src: url('FuturaPT-BookObl.eot'); src: url('FuturaPT-BookObl.eot?#iefix') format('embedded-opentype'), url('FuturaPT-BookObl.woff') format('woff'), url('FuturaPT-BookObl.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: "Silka"; font-weight: 400; font-style: normal; font-display: swap; src: url("https://artforma.com.hr/themes/Artforma/assets/fonts/silka-regular-webfont.woff2?_tv=37358") format("woff2"); } @font-face { font-family: "Silka"; font-weight: 500; font-style: normal; font-display: swap; src: url("https://artforma.com.hr/themes/Artforma/assets/fonts/silka-medium-webfont.woff2?_tv=37358") format("woff2"); } @font-face { font-family: "Silka"; font-weight: 600; font-style: normal; font-display: swap; src: url("https://artforma.com.hr/themes/Artforma/assets/fonts/silka-semibold-webfont.woff2?_tv=37358") format("woff2"); } body {padding: 0;margin: 0;color: #222;font-size: 15px;font-family: "Silka", sans-serif;letter-spacing: 0.5px;} a, a:hover, a:focus, input, button, textarea, button:hover, button:focus { outline: none; text-decoration: none; } img { height: auto; max-width: 100%; } ul, ol, li { padding: 0; margin: 0; list-style: none; } /*-------------------------------------------------------------------- Typhography Settings --------------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; } h1 { font-size: 50px; line-height: 50px; } h2 { font-size: 32px; line-height: 46px; } h3 { font-size: 18px; line-height: 32px; } h4 { font-size: 15px; line-height: 30px; } h5 { font-size: 15px; line-height: 30px; } p {margin: 0;padding: 0;color: #222;font-size: 15px;line-height: 20px;/* letter-spacing: 1px; */} /*-------------------------------------------------------------------- alignment css --------------------------------------------------------------------*/ .text-center { text-align: center; } .text-right { text-align: right; } .float-right { float: right; } .no-gutter>[class*="col-"] { padding: 0; } .slick-slide:focus { outline: none; } .plr-none { padding-left: 0; padding-right: 0; } /*-------------------------------------------------------------------- All Transition Settings --------------------------------------------------------------------*/ a, img, .pro-nav button.slick-arrow, .owl-dot-style .owl-dot, .main-menu ul li ul.dropdown, .main-menu ul li ul.dropdown li ul.dropdown, .main-menu ul li ul.mega-menu, .categorie-menus li ul.cat-submenu, .product-item, .sec-img, .action-links a, .ratings, .price-box, .btn-cart, .product-layout-two, .product-module-four-item, .product-countdown, .blog-thumb-active.owl-carousel .owl-nav div, .newsletter-btn, .footer-useful-link li a, .filter-attribute-container ul li a::after, .img-view { -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } /*-------------------------------------------------------------------- Common class --------------------------------------------------------------------*/ .fix { overflow: hidden; } .section { float: left; width: 100%; } /*-------------------------------------------------------------------- Slider Navigation style --------------------------------------------------------------------*/ /* slick slider dot style */ .slick-dot-style .slick-dots { bottom: 30px; left: 0; position: absolute; right: 0; text-align: center; } .slick-dot-style .slick-dots li button { background: transparent; border: 2px solid #222; border-radius: 50%; cursor: pointer; height: 15px; padding: 0; text-indent: -9999px; width: 15px; } .slick-dot-style .slick-dots li { display: inline-block; margin: 0 4px; } .slick-dot-style .slick-dots li.slick-active button { background: #222; } .slick-slide:focus { outline: none; } /* ---slick arrow style--- */ .pro-nav button.slick-arrow { background: #e6d0ab; border: 1px solid #222; cursor: pointer; height: 30px; left: 5px; color: #222; line-height: 30px; position: absolute; text-align: center; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 30px; z-index: 9999; opacity: 0; visibility: visible; } .pro-nav button.arrow-next { left: auto; right: 0; } .slick-slider:hover button.slick-arrow { opacity: 1; visibility: visible; } /* Slick vertical slider arrow */ .pro-nav1 button { background: transparent none repeat scroll 0 0; border: 2px solid #222; cursor: pointer; height: 30px; left: 50%; position: absolute; top: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 30px; z-index: 9; opacity: 0; visibility: hidden; } .pro-nav1 button i { color: #222; } .pro-nav1 button.arrow-next { bottom: 0; top: auto; } .pro-nav1:hover button { opacity: 1; visibility: visible; } /* ------Owl carosel nav style------ */ .owl-arrow-style .owl-nav { /*background: #6e2b8a none repeat scroll 0 0; border: 1px solid #6e2b8a;*/ border-radius: 25px; height: 32px; line-height: 32px; position: absolute; right: 0; top: -54px; color: #222; font-size: 20px; } .owl-arrow-style .owl-nav div { display: inline-block; padding: 0 8px; } /* dot style */ .owl-dot-style .owl-dots { bottom: 20px; left: 9%; position: absolute; } .owl-dot-style .owl-dot { background: #222 none repeat scroll 0 0; border: 2px solid #222; border-radius: 50%; display: inline-block; height: 15px; margin-right: 10px; width: 15px; } .owl-dot-style .owl-dot.active { background: #fff; } /*-------------------------------------------------------------------- Start Header section --------------------------------------------------------------------*/ /*----Start header top css----*/ .header-top-left>ul {padding: 11px 0;} .header-top-left li { color: #222; display: inline-block; margin-right: 15px; padding-right: 0px; position: relative; font-size: 16px; vertical-align: sub; } .header-top-left span { color: #58595a; margin-right: 5px; } /*.header-top-left li::before { background: #fff none repeat scroll 0 0; content: ""; height: 13px; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 1px; }*/ .header-top-left li:last-child::before { display: none; } .box.box-right {float: right;padding: 13px 0;} .box-right li { display: inline-block; position: relative; } .box-right li a { color: #58595a; display: inline-block; padding: 2px 15px; position: relative; } .box.box-right li a span { color: #58595a; font-size: 10px; padding-left: 5px; vertical-align: bottom; } .box-right li:hover>a { color: #58595a; } .box-dropdown { background: #fff; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); right: 0; position: absolute; top: 100%; width: 150px; z-index: 99; padding: 10px 0; display: none; } .box-dropdown li { display: block; } .box-dropdown li a { color: #222; padding: 8px 15px; } .box-dropdown li a:hover { color: #222; } /*----End header top css----*/ /*----Start header Middle css----*/ .header-middle { padding: 35px 0; } .top-cat .nice-select { background: #f0f0f0; border-radius: 0; height: 40px; width: 180px; text-align: center !important; padding: 0 24px; border-radius: 25px 0 0 25px; z-index: 999; } .nice-select .list { z-index: 999; width: auto; } .top-cat .nice-select .current { color: #555; line-height: 40px; text-transform: capitalize; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; font-size: 15px; } input.top-cat-field {border: 1px solid #e6d0ab;color: #222;font-size: 15px;height: 45px;padding: 0 10px;width: calc(100% - 40px);float: left;border-radius: 10px 0px 0px 10px;background: #282828;text-align: center;} .top-search-btn {background: #222 none repeat scroll 0 0;border: medium none;border-radius: 0 10px 10px 0;color: #222;cursor: pointer;font-size: 16px;line-height: 40px;/* padding: 0 30px; */width: 40px;height: 45px;} /* header style 2 */ .home-header2 .nice-select { background: #fff; } .home-header2 .top-search-btn {background: #e6d0ab;color: #fff;border: 1px solid #e6d0ab;} .home-header2 .top-search-btn:hover { background: #222; color: #fff; } .home-header2 .mini-cart-option li a, .home-header2 .mini-cart-option li:hover a {color: #fff;} .home-header2 .mini-cart-option .count {background: #e6d0ab;color: #282828;} .header-top-menu.menu-style2 {background: #282828 none repeat scroll 0 0;} /* header style 2 end */ .mini-cart-option {float: right;top: 10px;position: relative;} .mini-cart-option li { display: inline-block; margin-left: 20px; } .mini-cart-option li span.lnr { color: #000; font-size: 28px; padding-right: 10px; } .mini-cart-option li a {-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex;font-size: 13px;line-height: 16px;max-width: 112px;position: relative;text-transform: lowercase;font-weight: 500;} .mini-cart-option li a:hover { color: #e6d0ab !important; } .mini-cart-option .count { background: #222; border-radius: 50%; color: #333; font-size: 11px; height: 20px; left: 15px; line-height: 20px; position: absolute; text-align: center; top: -12px; width: 20px; } .mini-cart-option .cart-h4 .count { left: 10px; } .mini-cart-drop-down { position: absolute; right: 0; top: 100%; width: 300px; padding: 20px; display: none; z-index: 9999999999; background: #fff; border-bottom: 5px solid #222; -webkit-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1); } .mini-cart-drop-down>li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: 0; color: #222; } .cart-img { margin-right: 20px; width: 100px; } .cart-border { color: #222; margin-bottom: 10px; line-height: 22px; } .mini-cart-drop-down a.cart-button { background: #222 none repeat scroll 0 0; border-radius: 0px; color: #fff; font-size: 15px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 35px; text-transform: uppercase; width: 100%; margin-bottom: 10px; } .mini-cart-drop-down a.cart-button:hover { color: #222; background: #222; } a.cart-button.hm2 { color: #fff !important; } a.cart-button.pink { color: #fff !important; background-color: #222; } .mini-cart-drop-down li a { color: #0b88ee; font-size: 15px; margin-bottom: 5px; max-width: 100%; } .cart-info h4:hover a { color: #222; } .cart-info span { color: #222; font-size: 16px; } .cart-info span span { color: #7e7e7e; } .subtotal-price>span { color: #222; } /*------ End header middle style css ------ */ /* ------Start header main menu css------ */ .top-main-menu {float: left;position: relative;width: 100%;height: 60px;border-top: 1px solid #444444;} .main-menu { float: left; } .main-menu li { float: left; position: relative; } .main-menu li>a {color: #fff;display: block;font-size: 14px;padding: 18px 30px;text-transform: uppercase;} .main-menu li>a:first-child { padding-left: 0 } .main-menu li:hover a::before { left: 0; opacity: 1; visibility: visible; } .main-menu li span.lnr { font-size: 9px; margin-left: 10px; } /*dropdown menu css*/ .main-menu ul li ul.dropdown { position: absolute; top: 100%; left: 0; width: 230px; background: #fff; z-index: 999; padding: 10px 0; -webkit-transform: perspective(600px) rotateX(-90deg); transform: perspective(600px) rotateX(-90deg); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; opacity: 0; visibility: hidden; border-bottom: 2px solid #222; -webkit-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1); } .main-menu ul li:hover ul.dropdown { opacity: 1; visibility: visible; -webkit-transform: perspective(600px) rotateX(0deg); transform: perspective(600px) rotateX(0deg); } .main-menu ul li ul.dropdown li { margin: 0; float: none; position: relative; } ul.dropdown li span { float: right; padding-top: 7px; } .main-menu ul li ul.dropdown li a { color: #222; font-size: 14px; padding: 7px 20px; text-transform: capitalize; } .main-menu ul li ul.dropdown li:hover>a { color: #222; } .main-menu ul li ul.dropdown li ul.dropdown { left: 100%; top: 120%; opacity: 0; visibility: hidden; position: absolute; border-bottom: 2px solid #222; -webkit-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1); } .main-menu ul li ul.dropdown li:hover ul.dropdown { top: 0; opacity: 1; visibility: visible; } .main-menu li>a i { font-size: 14px; padding-left: 5px; } .main-menu ul li ul.dropdown li a i { float: right; font-size: 10px; margin-top: 8px; } /*mega menu css*/ .main-menu ul li.static { position: static; } .main-menu ul li ul.mega-menu { position: absolute; top: 100%; left: 0; right: 0; z-index: 999; background: #fff; -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; opacity: 0; visibility: hidden; border-bottom: 2px solid #222; -webkit-transform: perspective(600px) rotateX(-90deg); transform: perspective(600px) rotateX(-90deg); -webkit-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1); } .main-menu ul li:hover ul.mega-menu { opacity: 1; visibility: visible; -webkit-transform: perspective(600px) rotateX(0deg); transform: perspective(600px) rotateX(0deg); } .main-menu ul li ul.mega-menu.mega-full { margin: 0 auto; padding: 20px; width: 100%; } .main-menu ul li ul.mega-menu li { width: 25%; float: left; margin: 0; } .main-menu ul li ul.mega-menu li a { padding: 10px 0 20px; } .main-menu ul li ul.mega-menu li ul li { width: 100%; } .main-menu ul li ul.mega-menu li ul li a { color: #222; font-size: 14px; padding: 5px 0; text-transform: capitalize; } .main-menu ul li ul.mega-menu li ul li:hover a { color: #222; } /* -----Start header main menu css------ */ /* ------categories menu css here------ */ .categories-menu-bar { float: left; margin-right: 50px; } .categories-menu-btn { background: #222 none repeat scroll 0 0; color: #fff; cursor: pointer; float: left; font-size: 15px; padding: 14px 0; width: 280px; text-align: center; text-transform: capitalize; } .categories-menu-btn span { margin-left: 5px; font-size: 15px; } .left { float: left; } .left i { font-size: 20px; margin-left: 15px; vertical-align: middle; display: inline-block; } .right { float: right; } .right i { font-size: 10px; margin-right: 15px; vertical-align: middle; } .categories-menu-btn span.lnr { font-size: 20px; padding: 0 0px 0 5px; vertical-align: middle; } .categories-menu-btn, .categorie-menus { display: block; } .categorie-menus { background: #fff; min-width: 254px; position: absolute; top: 100%; -webkit-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1); display: none; z-index: 9; } .categorie-menus li { position: relative; } .categorie-menus li span.lnr { float: right; font-size: 10px; margin-top: 8px; vertical-align: middle; } .categorie-menus li a { color: #222; display: inline-block; line-height: 22px; padding: 10px 15px; width: 100%; font-size: 13px; text-transform: uppercase; } .categorie-menus li:hover>a { background: #fff; color: #222; } .more-btn::before { content: "\f067"; font-family: "FontAwesome"; padding-right: 10px; } .more-btn.minus::before { content: "\f068"; } /* categories sub menu css */ .categorie-menus li ul.cat-submenu { background: #fff none repeat scroll 0 0; -webkit-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1); left: 100%; opacity: 0; position: absolute; top: 30px; visibility: hidden; width: 265px; padding: 15px 0; } .categorie-menus li:hover ul.cat-submenu { top: 0; opacity: 1; visibility: visible; } .cat-submenu>li a { color: #222; padding: 4px 25px; } .categorie-menus li ul.cat-submenu li:hover>a { color: #222; background: transparent; } .categorie-menus li ul.cat-submenu li ul.cat-submenu { top: 30px; opacity: 0; visibility: hidden; } .categorie-menus li ul.cat-submenu li:hover ul.cat-submenu { top: 0; opacity: 1; visibility: visible; } .cat-submenu.category-mega { width: 920px !important; } .cat-submenu.category-mega>li { width: 33.33%; float: left; } .cat-mega-title>a { } .category-mega li ul li a { color: #222; padding: 3px 25px; } .cat-mega-menu li ul li:hover a { color: #222; background: transparent; } /* categories style 2 */ .categories-menu-bar.cat-menu-style2 { position: relative; width: 100%; } .cat-menu-style2 .categories-menu-btn { width: 100%; } .cat-menu-style2 .categorie-menus { width: 100%; display: block; } /* header call action css */ .header-call-action { float: right; } .header-call-action p { color: #fff; font-size: 15px; padding: 12px 10px; background: #e6d0ab; text-transform: uppercase; height: 50px; } .header-call-action strong { } .header-call-action span.lnr { font-size: 18px; padding-right: 10px; } /* sticky menus css */ .header-top-menu.sticker.sticky { position: fixed; top: 0; width: 100%; z-index: 999; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.27); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.27); -webkit-animation: 900ms cubic-bezier(0.2, 1, 0.22, 1) 0s normal none 1 running fadeInDown; animation: 900ms cubic-bezier(0.2, 1, 0.22, 1) 0s normal none 1 running fadeInDown; } .header-top-menu.sticker.sticky .categories-menu-bar { /*display: none;*/ } .header-top-menu.sticky4.sticker.sticky {background: #282828 none repeat scroll 0 0;margin-top: 0;padding: 15px 0 12px;-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.27);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.27);} /* slick nav style */ .slicknav_menu { background: #fff; display: none; } .slicknav_nav * { padding: 0 !important; margin: 0 !important; } .slicknav_nav li { border-radius: 0px; } .slicknav_nav li a { color: #222 !important; border-radius: 0px; padding: 10px !important } .slicknav_nav li a a { padding: 0 !important; } .slicknav_nav>li:hover>a, .slicknav_nav>li>a>a:hover, .slicknav_nav>li>a:hover { background-color: #222 !important; border-radius: 0px !important; } .slicknav_nav ul { margin-left: 20px !important; } .slicknav_nav ul li a:hover { background-color: transparent !important; color: #222 !important; } .slicknav_nav .lnr-chevron-right { display: none; } /* header style 4 */ .header-style4 input.top-cat-field { width: calc(100% - 310px); } .header-middle.header-style4 { -webkit-box-shadow: 4px 7px 7px rgba(0, 0, 0, 0.2); box-shadow: 4px 7px 7px rgba(0, 0, 0, 0.2); } .categories-menu-btn.bg-4.ha-toggle { background: #222 none repeat scroll 0 0; color: #222; } .top-main-menu.menu-style4 .main-menu { float: right; } /* header style three */ .header-top.hstyle3 { border-bottom: 1px solid #f0f0f0; } .hstyle3 .header-top-left li, .hstyle3 .box-right li a { color: #222; } .main-menu.menu-style3 { display: -webkit-box; display: -ms-flexbox; display: flex; float: none; } nav.m-style3 { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .main-menu.menu-style3 ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .top-main-menu .main-menu.menu-style3 li { border-right: 1px solid rgba(0, 0, 0, 0.12); -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .top-main-menu .main-menu.menu-style3 li:last-child { border-right: none; } .main-menu.menu-style3 li>a { padding: 12px 16px; text-align: center; text-transform: capitalize; } .main-menu.menu-style3 li span i { font-size: 10px; margin-left: 5px; vertical-align: middle; } .main-menu.menu-style3 li ul.dropdown li { width: 100%; } .main-menu.menu-style3 li span { display: inline-block; line-height: 18px; margin-left: 8px; max-width: 110px; text-align: left; vertical-align: middle; } .main-menu.menu-style3 ul li ul.dropdown li { border-right: medium none; } .main-menu.menu-style3 ul li ul.dropdown li a { text-align: left; } .main-menu.menu-style3 ul li ul.mega-menu li { border-right: none; width: 16.66%; } .main-menu.menu-style3 ul li ul.mega-menu li ul li { width: 100%; } .main-menu.menu-style3 ul li ul.mega-menu li a { text-align: left; } .mean-nav li a span.lnr { display: none; } /* --------Slider area css here-------- */ .single-slider { background-position: center center; background-size: cover; height: 625px; } .slider-text h1 { color: #222; font-size: 60px; line-height: 60px; text-transform: capitalize; } .slider-text p { font-size: 22px; margin-bottom: 55px; margin-top: 20px; } .btn-1.home-btn { background: #222; border-radius: 6px; color: #222; display: inline-block; font-size: 18px; line-height: 46px; padding: 0 24px; text-transform: capitalize; } .btn-1.home-btn:hover { background: #222; color: #fff; } .slick-current .slider-text h1 { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration: 1.2s; animation-duration: 1.2s; } .slick-current .slider-text p { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } .slick-current .home-btn { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration: 2s; animation-duration: 2s; } /* hero style 2 */ .hero-style-2 .single-slider { height: 518px; ; } .hero-style-2 .slider-text h1 { font-size: 54px; line-height: 60px; } .hero-style-2 .slider-text p { margin-bottom: 30px; } .hero-style-2 .slider-text { padding: 0 20px; } /* slider three */ .single-slider.slider3 { height: 625px; } /* -----features area css start----- */ .feature-inner { border: 1px solid #f0f0f0; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px 20px; background: #fff; } .feature-inner .col { position: relative; padding: 0; width: 20%; } .feature-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .feature-content { margin-left: 18px; padding-right: 15px; } .feature-content h4 { color: #222; font-size: 20px; line-height: 20px; margin-bottom: 5px; text-transform: capitalize; letter-spacing: 0.5px; } .feature-content p { font-size: 17px; line-height: 20px; } /* -----features area css end----- */ /* -----product wrapper area css start----- */ /* section title start */ .section-title { position: relative; margin-top: 30px; margin-bottom: 22px; } .section-title h3 { position: relative; padding-bottom: 10px; font-size: 30px; color: #222; text-transform: uppercase; margin-top: 30px; } .section-title h3:before {/* content: ""; */position: absolute;left: 0;bottom: 0;height: 1px;width: 70px;border-bottom: 4px solid #222;} .section-title span { } .section-title.module-three { position: relative; } /*.section-title::after { background: #f0f0f0; content: ""; height: 1px; position: absolute; top: 50%; width: 100%; left: 0; z-index: -1; }*/ .hm-1 .section-title.module-three { margin-top: 20px; margin-bottom: 20px; } .boxx-tab { left: 50%; position: absolute; right: 0; text-align: center; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; } .nav.my-tab { background: #fff; display: inline-block; padding: 0 30px; border: 1px solid #f0f0f0; border-radius: 25px; } .nav.my-tab li { display: inline-block; margin-right: 15px; position: relative; } .nav.my-tab li:last-child { margin-right: 0; } .nav.my-tab li::after { background: #d6d6d6; content: ""; height: 1px; position: absolute; right: -15px; top: 50%; width: 15px; } .nav.my-tab li:last-child::after { display: none; } .nav.my-tab a { color: #222; font-size: 18px; line-height: 30px; padding: 0 15px; } .nav.my-tab li a:hover, .nav.my-tab li a.active { color: #222; } /* section title start */ .pro-module-title h3 { background: #fff; color: #222; display: inline-block; font-size: 26px; line-height: 33px; padding-right: 30px; position: relative; vertical-align: middle; text-transform: capitalize; } .pro-module-title span { } /*.product-item { border: 1px solid #dfdfdf; border-radius: 10px; }*/ .product-item:hover { border-color: #dfdfdf; } .product-item:hover .action-links a { opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .product-item:hover .sec-img { opacity: 1; visibility: visible; } .product-thumb { position: relative; padding-left: 1px; } .product-thumb a {position: relative;display: block;border-radius: 10px 10px 0 0;overflow: hidden;} .product-short .nice-select .list { right: 0; left: auto; } .sec-img { position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; } .label-product {background: #e6d0ab;border-radius: 0px;color: #282828;font-size: 13px;left: 12px;line-height: 22px;min-width: 46px;padding: 0 9px;position: absolute;text-align: center;text-transform: uppercase;z-index: 3;border-radius: 5px;font-weight: 500;} .rasprodaja{ background-color: #f91498 !important; } .novo { background-color: #176081 !important; } .label-product:nth-child(1) { top: 5px; font-size: 15px; } .label-product:nth-child(2) { top: 30px; } .label_sale {background: #e6d0ab;border-radius: 5px;color: #282828;font-size: 15px;left: 12px;line-height: 22px;min-width: 46px;padding: 0 9px;position: absolute;text-align: center;text-transform: uppercase;z-index: 3;font-weight: 500;} .label-product span { display: block; } .action-links { position: absolute; right: 10px; top: 50px; } .action-links a { background: #222; border-radius: 50%; color: #fff; display: block; font-size: 16px; height: 36px; margin-bottom: 10px; text-align: center; width: 36px; opacity: 0; visibility: hidden; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); } .action-links a i { line-height: 36px; } .quick-view-btn { margin-top: 30px; } .action-links a:hover::before, .action-links a:hover::after { opacity: 1; visibility: visible; } .action-links a:hover { background: #222; } .product-caption {position: relative;padding: 20px 10px 20px;text-align: center;background: #f6f6f6;border-radius: 0 0px 10px 10px;} .manufacture-product a { color: #666; font-size: 14px; line-height: 20px; } .product-name{ margin-bottom: 5px; } .product-name h4 {font-size: 18px;line-height: 22px;padding: 5px 0;overflow: hidden;text-overflow: ellipsis;/* white-space: nowrap; */height: 30px;/* font-weight: 500 !important; */} .product-name h4 a { color: #222; } .product-name h4:hover a { color: #222; } .ratings { padding: 8px 0; } .ratings span i { } span.yellow { color: #222; } .regular-price {color: #222;font-size: 15px;display: inline;letter-spacing: 0px;} .old-price { color: #666; display: inline; font-size: 15px; height: 20px; } .price-sale { color: #222; } .usteda { color: #222; display: block; font-size: 18px; height: 20px; } .regular-price .special-price {color: #222;font-size: 30px;font-weight: 600 !important;} .btn-cart {background: #fff;border: medium none;border-radius: 0px;color: #222;cursor: pointer;font-size: 15px;line-height: 30px;margin-top: 10px;padding: 5px 25px;text-transform: uppercase;border: 1px solid #222;background: #e6d0ab none repeat scroll 0 0;border: medium none;border-radius: 10px;color: #282828;cursor: pointer;font-size: 14px;font-weight: 500;line-height: 50px;padding: 0 23px;right: 0;text-transform: uppercase;top: 0;width: 100%;position: relative;} .btn-cart:hover { color: #fff!important; background: #222; } /*.product-caption .btn-cart { bottom: 37px; opacity: 0; visibility: hidden; position: absolute; } .product-item:hover .btn-cart { opacity: 1; visibility: visible; }*/ /*.product-item:hover .ratings, .product-item:hover .price-box { opacity: 0; -webkit-transform: translateY(25px); -ms-transform: translateY(25px); transform: translateY(25px) }*/ .product-gallary-wrapper .owl-stage { margin-top: 15px; } /* home2 product-wrapper */ .section-title.product-spacing.home2-tab-spacing { margin-bottom: 50px; } .section-title.product-spacing.home2-tab-spacing .boxx-tab { top: 54px; } .home2-tab-spacing .nav.my-tab a { font-size: 14px; } .product-gallary-active2.product-spacing .owl-nav { top: -85px; } /* home2 product-wrapper */ /* tab problem fix css */ .tab-content .tab-pane { display: block; height: 0; max-width: 100%; opacity: 0; overflow: hidden; visibility: hidden; } .tab-content .tab-pane.active { height: auto; opacity: 1; overflow: visible; visibility: visible; } /* -----product wrapper area css end----- */ /* --------home banner statics-------- */ .single-banner-statics:hover img { opacity: 0.7; } .pro-gallary-banner { margin-top: 15px; } /* ----home featured categories area start---- */ .product-layout-two { border: 1px solid #f0f0f0; border-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; align-items: center; justify-content: space-between; } .product-layout-two:hover { border-color: #222; } .product-layout-thumb { min-width: 130px; width: 36%; text-align: right; } .product-layout-thumb:hover img { opacity: 0.7; } .product-layout-info { padding: 15px; } .product-layout-two h4.pro-name { font-size: 16px; line-height: 22px; text-transform: capitalize; } .product-layout-two h4.pro-name a { color: #222; } .product-layout-two h4.pro-name:hover a { color: #222; } .total-items { color: #666; line-height: 20px; margin: 5px 0 5px; text-transform: capitalize; } a.shop-btn { color: #222; line-height: 22px; text-transform: capitalize; } a.shop-btn:hover { color: #222; } /* ----home featured categories area end---- */ /*-----product module three start-----*/ .box-tab-style { position: relative; } .box-tab-style::before { background: #e9e9e9; content: ""; height: 1px; position: absolute; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .nav.tab-style2 { background: #fff; display: inline-block; position: relative; } .nav.tab-style2>li { display: inline-block; margin-right: 15px; position: relative; } .nav.tab-style2>li::after { background: #d6d6d6; content: ""; height: 1px; position: absolute; right: -15px; top: 50%; width: 15px; } .nav.tab-style2 li a { color: #868686; font-size: 26px; text-transform: capitalize; padding: 0 15px; } .nav.tab-style2 li a.active { color: #222; } .custom-seven-column { margin-left: -15px; margin-right: -15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .custom-seven-column>.col { max-width: 14.28%; -webkit-box-flex: 1; -ms-flex: 1 0 14.28%; flex: 1 0 14.28%; } .custom-seven-column>.col-2 { max-width: 28.56%; -webkit-box-flex: 1; -ms-flex: 1 0 28.56%; flex: 1 0 28.56%; } /* home2 module three */ .section-title.module-three.module-three-spacing { margin-bottom: 60px; } .section-title.module-three.module-three-spacing .boxx-tab { top: 50px; } .section-title.module-three.module-three-spacing .boxx-tab .nav.my-tab { padding: 0 15px; } .module-three-spacing2.owl-arrow-style .owl-nav { top: -92px; } .module-three-spacing .nav.my-tab li a { font-size: 14px; } /*----product module four css here----*/ .product-module-four-item { display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid #f0f0f0; border-radius: 5px; overflow: hidden; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .product-module-four-item:hover { border-color: #222; } .product-module-caption { padding: 8px 20px; } .product-module-caption .manufacture-com a { color: #666; font-size: 13px; line-height: 20px; text-transform: uppercase; } .manufacture-com a:hover { color: #222; } .product-module-caption .product-module-name h4 { font-size: 15px; line-height: 22px; padding: 5px 0; } .product-module-caption .product-module-name a { color: #222; } .product-module-caption .product-module-name a:hover { color: #222; } .product-module-caption .ratings { padding: 8px 0; } .product-module-caption .regular-price { color: #222; font-size: 18px; } .product-module-caption .regular-price .special-price { color: #fe4f19; } .product-module-caption .old-price { color: #666; display: inline-block; font-size: 15px; padding-left: 5px; } .product-module-thumb { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 160px; } .owl-carousel .owl-item .product-module-thumb img { width: 100%; } /* home2 module 4 */ .pro-home2 .product-module-caption { padding: 8px 12px; } .pro-home2 .product-module-thumb { max-width: 130px; } /* home module 4 */ .product-module-thumb.thumb4 { max-width: 110px; } .thumb4 .label-product { left: 200px; } /*----product module four css end----*/ /* ----brand sell area css start---- */ .nav.brand-active { background: #f8f8f8; border: 1px solid #f0f0f0; padding: 17px 0; } .nav.brand-active { margin-bottom: 25px; } .single-brand { display: block; } .brand-thumb { text-align: center; } .owl-carousel .owl-item img { width: auto; display: inline-block; } .brand-area li { text-align: center; } .sale-nav .owl-nav { top: -190px; } /* ---brand home--- 2 */ .single-brand-logo { text-align: center; padding: 0px 50px; } .brand2-slider-wrapper { border: 1px solid #f0f0f0; padding: 0px; } .single-brand-logo img { opacity: 1; } .single-brand-logo:hover img { opacity: 1; } /* ----brand sell area css end---- */ /* ----featured categories home 2 start---- */ .featured-home2 .section-title { margin-top: 24px; } .featured-home2-wrapper { border: 1px solid #f0f0f0; } .featured-home2-active { padding: 10px; } .featured-home2-single-item { text-align: left; } .featured-home2-thumb { text-align: center; } .featured-home2-thumb:hover img { opacity: 0.7; } .featured-home2-conteny h4 { margin-bottom: 13px; margin-top: 20px; text-transform: capitalize; } .featured-home2-conteny h4 a { color: #222; text-transform: uppercase; } .featured-home2-conteny h4 a:hover { color: #222; } .sub-featured-categories li { margin-bottom: 6px; } .sub-featured-categories li a { color: #222; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sub-featured-categories li:hover a { color: #222; padding-left: 5px; } .featured-home2-conteny>a { color: #222; display: block; margin-top: 15px; text-transform: capitalize; } .featured-home2-conteny>a:hover { color: #222; } /* ----featured categories home 2 end---- */ /* ----home 2 sidebar start---- */ .banner-area>.container-fluid>.row>.col-lg-3 { max-width: 285px; } .banner-area>.container-fluid>.row>.col-lg-6 { max-width: calc(100% - 570px); } .banner-area>.container-fluid>.row>.col-lg-9 { max-width: calc(100% - 285px); } .banner-right-thumb.mb-30 img { width: 100%; } .home2-main-wrapper>.container-fluid>.row>.col-lg-3 { max-width: 285px; } .home2-main-wrapper>.container-fluid>.row>.col-lg-9 { max-width: calc(100% - 285px); } /* flash sale area */ .section-title.flash-title { margin-top: 0; } .product-item:hover .count-style .ratings, .product-item:hover .count-style .price-box { opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .product-countdown { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 15px; margin-bottom: 15px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .single-countdown { display: inline-block; text-align: center; } .single-countdown__time { color: #fff; font-size: 18px; background: #222; width: 48px; height: 48px; line-height: 48px; display: block; border-radius: 25px; } .single-countdown__text { display: block; font-size: 12px; color: #222; margin-top: 5px; } /*.product-item:hover .product-countdown { opacity: 0; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); }*/ /* end flash css */ .sidebar-static-thumb:hover img { opacity: 0.7; } /* latest product css */ .latest-single-item { -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; border: 1px solid #f0f0f0; border-bottom: none; border-radius: 5px; } .latest-single-item:last-child { border-bottom: 1px solid #f0f0f0; } .latest-thumb { max-width: 110px; } .latest-pro-content h4 { font-size: 15px; line-height: 22px; margin-bottom: 10px; } .latest-pro-content h4 a { color: #222; } .latest-pro-content h4 a:hover { color: #222; } /* ---latest blog area css--- */ .blog-area-wrapper { padding-top: 40px; } .blog-thumb.blog--hover img { width: 100%; } .blogg-thumb img { width: 100%; } .single-blogg-item iframe { width: 100%; } .blogg-thumb { border-radius: 5px 5px 0 0; overflow: hidden; } .blogg-thumb:hover img { opacity: 0.7; } .blogg-content { border: 1px solid #f0f0f0; border-radius: 5px; padding: 20px; } .post-date { background: #222 none repeat scroll 0 0; border-radius: 5px; color: #222; display: inline-block; font-size: 13px; padding: 3px 5px; margin-bottom: 10px; } .blogg-content h5 { color: #222; font-size: 16px; line-height: 22px; margin-bottom: 27px; position: relative; } .blogg-content h5 a { color: #222; } .blogg-content h5:before { bottom: -15px; left: 0; width: 50px; height: 1px; content: ""; position: absolute; background: #f0f0f0; } .blogg-content h5 a:hover { color: #222; } .blog-tag-line>a { border: 1px solid #f0f0f0; color: #222; display: inline-block; margin-bottom: 10px; padding: 6px 15px; border-radius: 5px; text-transform: capitalize; } .blog-tag-line>a:hover { background: #222; } .blog-wrapper-inner.column5 .row .col-xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .blogg-content blockquote { margin: 15px; } .blogg-content blockquote p { border-left: 5px solid #222; color: #777; font-size: 16px; font-style: italic; padding: 0 10px; } .blogg-meta { border-bottom: 1px solid #f0f0f0; border-top: 1px solid #f0f0f0; color: #222; font-size: 13px; padding: 17px 0; text-align: left; text-transform: uppercase; } .blogg-meta a { color: #222; } .blogg-meta a:hover { color: #222; } .blogg-author-info { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: left; } .author-thum { height: 65px; margin-right: 20px; width: 65px; } .author-info h3 { color: #333; font-size: 16px; text-transform: uppercase; } .author-info h3 a { color: #222; padding-left: 5px; text-transform: capitalize; } .author-info h3 a:hover { color: #222; } .author-info>p { color: #222; } .related-product-area .section-title { margin-top: 0px; } .blog-related-post>h3 { color: #333; font-size: 20px; margin-bottom: 47px; text-transform: uppercase; } .single-blogg-post h4 { margin-top: 20px; } .single-blogg-post h4 a { color: #333; font-size: 14px; text-transform: uppercase; } .single-blogg-post h4 a:hover { color: #222; } .blogg-post-date { color: #959595; font-family: lato; font-size: 11px; font-style: italic; line-height: 16px; text-transform: capitalize; } .blog-social-sharing h3 { color: #222; } .blog-social-sharing li { display: inline-block; } .blog-social-sharing li a { background: #222; border-radius: 50%; color: #fff; display: block; height: 30px; line-height: 30px; text-align: center; width: 30px; } .blog-social-sharing li:hover a { color: #222; background: #222; } .blog-thumb-active.owl-carousel .owl-nav div { background-color: rgba(0, 0, 0, 0.5); border-radius: 50%; color: #fff; font-size: 20px; height: 30px; left: 50px; line-height: 30px; opacity: 0; position: absolute; text-align: center; top: 40%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); visibility: hidden; width: 30px; } .blog-thumb-active.owl-carousel .owl-nav div.owl-next { left: auto; right: 50px; } .blog-thumb-active.owl-carousel:hover .owl-nav>div { opacity: 1; top: 50%; visibility: visible; } /*---blog comment area css---*/ .blog-comment-wrapper h3 { border-bottom: 1px solid #f0f0f0; color: #333; font-size: 20px; padding: 30px 0 18px; text-transform: uppercase; } .blog-comment-wrapper>p { font-size: 12px; margin-bottom: 10px; padding-top: 30px; } .comment-post-box label { color: #222; margin-bottom: 10px; display: block; text-transform: capitalize; } .comment-post-box textarea { background: #f3f3f3 none repeat scroll 0 0; border: 1px solid #ebebeb; height: 130px; margin-bottom: 20px; padding: 10px; width: 100%; } .coment-field { background: #f3f3f3 none repeat scroll 0 0; border: 1px solid #ebebeb; color: #959595; padding: 8px 10px; width: 100%; } /* ---latest blog area css end--- */ /* pagination css */ .pagination-box li { display: inline-block; } .pagination-box li a {color: #222;padding: 10px;border: 1px solid #d1d1d1;border-radius: 5px;} .pagination-box li.active a { color: #fff; background: #222; border: 1px solid #222; } .paginatoin-area { padding-bottom: 20px; border-top: 1px solid #ebebeb; } /* ---testimonial area start--- */ .testimonial-single-item { border: 1px solid #f0f0f0; border-radius: 5px; padding: 25px 25px 45px; } .testimonial-single-item:hover { border-color: #222; } .testimonial-avater { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .testimonial-author { margin-left: 25px; } .testimonial-author h6 { color: #222; font-size: 15px; margin-bottom: 5px; } .testi-quote { background-image: url("../img/icon/icon_ttm.png"); background-repeat: no-repeat; margin-top: 35px; padding: 35px 0; } .testi-quote a { color: #222; display: block; line-height: 22px; text-transform: none; } /* ---testimonial area end--- */ /* ----home 2 sidebar end---- */ /* -----footer area css start----- */ /* ----newsletter area start---- */ .newsletter-group { background: #222 none repeat scroll 0 0; padding: 25px 0; } .newsletter-box { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .newsletter-inner { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; width: 75%; padding-right: 30px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .newsletter-title { padding: 10px 0; } .newsletter-title>h3 { color: #fff; font-size: 24px; margin-bottom: 5px; text-transform: uppercase; } .newsletter-title>p { font-size: 16px; } .email-box {background: #fff none repeat scroll 0 0;border: medium none;border-radius: 0px;color: #a6a6a6;display: inline-block;font-size: 14px;height: 40px;padding: 0 15px;position: relative;vertical-align: middle;/* width: 450px; */} .newsletter-btn { background: #e6d0ab none repeat scroll 0 0; border: medium none; border-radius: 0; color: #fff; cursor: pointer; font-size: 16px; line-height: 40px; padding: 0 23px; position: absolute; right: 0; text-transform: uppercase; top: 0; letter-spacing: 1px } .newsletter-btn:hover { color: #fff; background: #222; } .link-follow { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: right; -ms-flex-pack: right; justify-content: right; text-align: right; } .link-follow a { background: transparent; border-radius: 50%; color: #222; display: inline-block; font-size: 20px; height: 40px; line-height: 40px; margin-left: 13px; text-align: center; width: 40px; } .link-follow a:hover { color: #222; } /* ----newsletter area end---- */ /* -----footer top area css start----- */ .footer-top {padding-bottom: 53px;padding-top: 58px;background-color: #282828;} .widget-body>p {margin-bottom: 35px;color: #fff;font-size: 15px;} .payment-method>h4 { color: #222; font-size: 18px; margin-bottom: 22px; text-transform: capitalize; } .widget-title>h4 {color: #e6d0ab;font-size: 18px;margin-bottom: 15px;/* *//* font-weight: 600 !important; */text-transform: uppercase;letter-spacing: 1px;} .footer-useful-link li {margin-bottom: 10px;color: #fff;} .footer-logo.mb-30 { margin-bottom: 15px; } .footer-useful-link li a {color: #ffffff;font-size: 15px;letter-spacing: 0.5px;} .footer-useful-link li a:hover { color: #e6d0ab !important; margin-left: 0px; } .footer-useful-link span { color: #222; } .footer-useful-link strong { color: #222; font-size: 20px; } .twitter-text { background: #f8f8f8; border: 1px solid #f0f0f0; border-radius: 7px; line-height: 24px; margin-bottom: 65px; padding: 20px; position: relative; } .twitter-text a { color: #222; } .twitter-text::after { border-color: #f8f8f8 transparent transparent #f8f8f8; border-style: solid; border-width: 14px 13px; bottom: -25px; content: ""; left: 42px; position: absolute; z-index: 1; } .tweet-time { bottom: -60px; display: block; left: 20px; position: absolute; } .tweet-time i { color: #222; font-size: 20px; margin-right: 8px; vertical-align: middle; } .tweet-time>a { color: #222; font-size: 13px; font-style: italic; text-transform: capitalize; } /* -----footer top area css end----- */ .footer-bottom{background-color: #282828;/* padding: 30px 0; */} .footer-bottom-content {border-top: 0px solid #e9e9e9;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding: 30px 0;border-top: 1px solid #444444;} .footer-copyright p {color: #fff;font-size: 13px;line-height: 30px;} .footer-copyright a {text-transform: uppercase;color: #e6d0ab;} .footer-custom-link a { color: #222; display: inline-block; line-height: 30px; margin-left: 33px; position: relative; vertical-align: baseline; } .footer-custom-link a:last-child::after { display: none; } .footer-custom-link a:hover { color: #222; } /* -----footer area css end----- */ /* ---breadcrumb area css start--- */ .breadcrumb-area { background: #f6f6f6; padding: 12px 0; } .breadcrumb-wrap .breadcrumb { background: transparent; margin-bottom: 0; padding: 5px 0; } .breadcrumb-item>a { color: #222; text-transform: uppercase; } .breadcrumb-item>a:hover { color: #222; } .breadcrumb-item+.breadcrumb-item::before { content: "\f105"; padding: 0 15px; font-family: fontawesome; } /* ---breadcrumb area css end--- */ .single-sidebar:last-child { margin-bottom: 0; } .shop-sidebar-inner { border: 1px solid #f0f0f0; border-radius: 8px; overflow: hidden; padding: 21px 22px; } .shop-baner-img img { width: 100%; } .sidebar-inner-title { overflow: hidden; } .sidebar-inner-title.mb-25 { margin-bottom: 15px; } .sidebar-inner-title h3 {color: #222;display: inline-block;font-size: 18px;line-height: 28px;padding-right: 20px;position: relative;text-transform: capitalize;} .sidebar-inner-title h3::after { background: #f0f0f0; content: ""; height: 2px; left: 100%; position: absolute; top: 50%; width: 100%; } /* ---price filter css start--- */ .ui-widget-content { background: #d9d9d9; border: medium none; border-radius: 0; height: 4px; margin: 35px 0; } .ui-widget-content .ui-state-default { background: #ffffff; border: 2px solid #222; border-radius: 50%; -webkit-box-shadow: none; box-shadow: none; color: #ffffff; cursor: pointer; font-weight: normal; height: 18px; width: 18px; } .ui-slider-horizontal .ui-slider-handle { top: -7px; } .ui-widget-content .ui-state-default:hover { background: #222; } .ui-widget-content .ui-slider-range:last-child { background: #222; } .filter-price-cont { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; font-size: 13px; margin-bottom: 10px; } .filter-price-cont .input-type input { border: medium none; font-size: 14px; width: 100%; } /* ---price filter css end--- */ /* sidebar categories css start */ .filter-attribute-container li { margin-bottom: 10px; } .filter-attribute-container ul li a { color: #222; padding-left: 20px; position: relative; } .filter-attribute-container ul li a::before { content: "\f096"; font-family: fontawesome; left: 0; position: absolute; } .filter-attribute-container ul li a::after { content: "\f046"; font-family: fontawesome; left: 0; position: absolute; opacity: 0; visibility: hidden; } .filter-attribute-container ul li:hover a, .filter-attribute-container ul li a.active { color: #222; } .filter-attribute-container ul li:hover a::after { opacity: 1; visibility: visible; } .filter-attribute-container ul li a.active::after { opacity: 1; visibility: visible; } .sidebar-thumb:hover { opacity: 0.7; } /* ----sidebar categories css end---- */ /* ---product view mode change css start--- */ .shop-product-wrap.list .product-item { display: none; } .shop-product-wrap.grid .product-item {display: block;/* border-bottom: 1px solid #ebebeb; */} .shop-product-wrap.grid .sinrato-list-item { display: none; } .product-view-mode, .shop-product-wrap.list .sinrato-list-item { display: -webkit-box; display: -ms-flexbox; display: flex; } .shop-product-wrap.row.column_3 .sinrato-list-item { display: none; } .product-view-mode a { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #f0f0f0; display: -webkit-box; display: -ms-flexbox; display: flex; height: 48px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 10px; width: 48px; border-radius: 5px; } .product-view-mode a span { display: block; height: 16px; text-indent: -5000px; width: 16px; background-image: url(../img/icon/3col.png); } .product-view-mode a:nth-child(2) span { width: 22px; background-image: url(../img/icon/4col.png); } .product-view-mode a:nth-child(3) span { width: 20px; height: 14px; background-image: url(../img/icon/list.png); } .product-view-mode a:hover, .product-view-mode a.active { border-color: #222; background: #222; } .product-view-mode a:hover span, .product-view-mode a.active span { background-position: 50% 100%; background-repeat: no-repeat; } .top-bar-left { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .top-bar-right { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .per-page { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 100px; } .product-short { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .product-page { margin-left: 0px; } .product-shop-main-wrapper .shop-product-wrap.column_3.row .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width: 33.3333%; } .shop-top-bar .nice-select {border: 1px solid #f0f0f0;height: 40px;line-height: 40px;padding-left: 10px;border-radius: 5px;} .nice-select .option { line-height: 30px; min-height: 30px; } .shop-top-bar .per-page p, .shop-top-bar .product-short p { margin-right: 10px; } .product-shop-main-wrapper.mb-50 { padding-top: 5px; } .pagination-area.pt-35.pb-20 { padding-bottom: 13px; padding-top: 30px; } /* ---product view mode change css end--- */ /* ----product list item css start---- */ .sinrato-list-item { border: 1px solid #f0f0f0; border-radius: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; padding: 15px; } .sinrato-list-item:hover { border-color: #222; } .sinrato-thumb { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 230px; position: relative; } .sinrato-list-item .pri-img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .sinrato-thumb .sec-img { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .sinrato-list-item:hover .sec-img { opacity: 1; visibility: visible; } .sinrato-list-item:hover .pri-img { opacity: 0; visibility: hidden; } .sinrato-list-item-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 10px 15px; text-align: left; } .sinrato-product-name h4 { font-size: 20px; margin: 10px 0; text-transform: capitalize; } .sinrato-product-name h4 a { color: #222; } .sinrato-product-name h4 a:hover { color: #222; } .sinrato-ratings span { color: #666; opacity: 0.5; } .sinrato-box-action { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-left: 2px solid #f0f0f0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; width: 390px; } .sinrato-box-action .regular-price { font-size: 20px; } .sinrato-box-action .btn-cart { line-height: 46px; font-size: 16px; } .action-links.sinrat-list-icon { margin-top: 20px; position: static; } .action-links.sinrat-list-icon a { display: inline-block; opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); visibility: visible; margin-bottom: 0; } .shop-product-wrap.row.list .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } /* ----product list item css end---- */ /* ---product details style css start--- */ .product-details-main-wrapper {padding-top: 30px;padding-bottom: 30px;} .product-details-main-wrapper .product-gallery-active .owl-nav { display: none; } .pro-large-img { padding: 1px; position: relative; cursor: move; } .pro-large-img img { border: 1px solid #f0f0f0; border-radius: 0px; width: 100%; position: relative; } .pro-nav { margin: -5px; margin-right: 0px; } .pro-nav-thumb { padding: 5px; cursor: pointer; } .pro-nav-thumb img { border: 3px solid #f0f0f0; border-radius: 0px; } .pro-nav-thumb.slick-slide.slick-current.slick-active.slick-center img { border-color: #222; } /* product details content css */ .pro-details-name.mb-10>h1 {color: #222;font-size: 25px;font-weight: 500 !important;} .pro-details-review li { display: inline-block; margin-right: 10px; } .pro-details-review li a { color: #222; padding-right: 10px; position: relative; } .pro-details-review li:hover a { color: #222; } .pro-details-review li a::before { background: #222 none repeat scroll 0 0; content: ""; height: 70%; position: absolute; right: 0; top: 4px; width: 1px; } .pro-details-review li:last-child a:before { display: none; } .pro-details-review span i .yellow { color: #fac50f; } .product-detail-sort-des { border-bottom: 1px solid #f0f0f0; } .pro-details-list li { margin-bottom: 5px; } .pro-details-list li span { color: #222; margin-right: 10px; } .pro-details-list li a { color: #222; } .product-availabily-option>h3 { color: #222; font-size: 18px; line-height: 24px; } .color-optionn h4 { color: #222; font-size: 14px; margin: 5px 0 5px; text-transform: capitalize; } .color-optionn sup { color: #f00; font-size: 16px; margin-right: 2px; top: 0; } .color-optionn li { border: 1px solid #ccc; display: inline-block; margin-right: 5px; padding: 2px; border-radius: 50px; } .color-optionn li a { display: block; height: 30px; width: 30px; border-radius: 50px; color: #222; } .color-optionn li a:hover { display: block; height: 30px; width: 30px; border-radius: 50px; color: #222; } .c-red { background: red; } .c-gray { background: gray; } .c-blue { background: blue; } .c-brown { background: brown; } .c-black { background: black; } .qty-boxx label, .tag-line label, .pro-social-sharing label, .product-size label { color: #222; font-size: 12px; margin-right: 20px; text-transform: uppercase; } .qty-boxx>input {border: 1px solid #ddd;border-radius: 0px;font-size: 16px;height: 40px;line-height: 40px;margin-right: 15px;padding: 0 15px;text-align: center;width: 100%;} .btn-cart.lg-btn {background: #222;border: medium none;border-radius: 0px;color: #fff;cursor: pointer;font-size: 16px;line-height: 30px;margin-top: 10px;padding: 5px 25px;text-transform: uppercase;margin-left: 30px;background: #e6d0ab none repeat scroll 0 0;border: medium none;border-radius: 10px;color: #282828;cursor: pointer;font-size: 14px;font-weight: 500;line-height: 50px;padding: 0 23px;right: 0;text-transform: uppercase;top: 0;width: auto;position: relative;} .useful-links li { display: inline-block; margin-right: 20px; } .useful-links li a { color: #222; text-transform: capitalize; } .useful-links li a i { color: #222; font-size: 16px; margin-right: 5px; } .tag-line>a:hover, .useful-links li:hover a { color: #222; } .pro-social-sharing { display: -webkit-box; display: -ms-flexbox; display: flex; } .pro-social-sharing li.list-inline-item a { border-radius: 3px; color: #fff; height: 20px; padding: 3px 10px; width: 80px; } .bg-facebook { background: #365899; } .bg-twitter { background: #1b95e0; } .bg-google { background: #e04b34; } /* product details page reviews area css start */ .product-info.mt-half ul.nav.nav-pills { background: #f3f3f3; padding: 5px 0; margin-bottom: 30px; } .product-info.mt-half li.nav-item a { background: transparent; color: #ababab; font-size: 18px; line-height: 30px; padding: 0 20px; text-transform: uppercase; } .product-info.mt-half li.nav-item a.active { color: #222; } .table-striped tr td { width: 50%; } .ratting li { margin-right: 8px; } .review-form h2 { color: #222; font-size: 20px; margin-bottom: 5px; } .btn-cart.rev-btn { background: #222; color: #fff; line-height: 35px; text-transform: uppercase; } .btn-cart.rev-btn:hover { background: #222; } /* product details page reviews area css end */ label { margin-bottom: 0; } .slider-boxx .product-detail-sort-des p { padding: 0 200px; } .slider-boxx .pro-social-sharing { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .product-details-inner.pro-tab-one { padding-left: 30px; } /* ---product details style css end--- */ /* -----Layout Shopping Cart----- */ .cart-accordion-wrapper h3 { color: #222; } .shopping-cart-wrapper .table { text-align: center; background-color: #fff; } .shopping-cart-wrapper .table thead td { color: #222; } .shopping-cart-wrapper .table td, .shopping-cart-wrapper .table th { border-width: 1px; } .shopping-cart-wrapper .table td, .table-bordered td, .table-bordered th { vertical-align: middle; } .shopping-cart-wrapper .table td a { color: #222; font-size: 14px; } .shopping-cart-wrapper .table img { max-width: 120px; } .shopping-cart-wrapper .table span { display: block; font-size: 12px; } .shopping-cart-wrapper .table .cart-input { margin-right: 10px; } .shopping-cart-wrapper .table .btn-primary { background-color: #337ab7; border-color: #2e6da4; } .shopping-cart-wrapper .table .btn-primary:hover, .shopping-cart-wrapper .table .btn-primary:focus { background-color: #286090; border-color: #204d74; -webkit-box-shadow: none; box-shadow: none; } .shopping-cart-wrapper .table .btn-danger:hover, .shopping-cart-wrapper .table .btn-danger:focus { background-color: #222; border-color: #222; -webkit-box-shadow: none; box-shadow: none; } .shopping-cart-wrapper .table button { height: 40px; } .shopping-cart-wrapper .table button:first-child { margin-right: -2px; } .shopping-cart-wrapper .table .input-group { max-width: 200px; margin-left: auto; margin-right: auto; } .shopping-cart-wrapper strong { } .shopping-cart-wrapper input, .shopping-cart-wrapper .nice-select { height: 40px; line-height: 25px; } .shopping-cart-wrapper .input-group { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .shopping-cart-wrapper .card { margin-bottom: 5px; } .shopping-cart-wrapper .card-body { padding: 30px; } .shopping-cart-wrapper .card-body input[type="button"] { margin-left: 10px; } .shopping-cart-wrapper .card-header { padding: 0; } .shopping-cart-wrapper .card-header i { float: right; } .shopping-cart-wrapper .card-header a { color: #222; display: block; padding: 5px 15px; } .shopping-cart-wrapper .card-header a:not([aria-expanded="false"]) i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .cart-amount-wrapper { margin-top: 40px; } .cart-amount-wrapper .table td span { font-size: 13px; } .btn-secondary.focus, .btn-secondary:focus { -webkit-box-shadow: none; box-shadow: none; } .btn.btn-secondary.cart-pg { padding: 0 20px; } .cart-select .nice-select { width: 100%; } .nice-select.form-control { line-height: 30px; } .wishlist-style .table thead td { color: #222; } .price>strong { color: #222; } .wishlist-wrapper .table tr td a { color: #222; } .wishlist-wrapper .table .btn-primary { background-color: #222; border-color: #222; margin-right: 5px; } .wishlist-wrapper .table .btn-primary:hover { background-color: #222; border-color: #222; margin-right: 5px; color: #fff!important } .wishlist-wrapper .table .btn-danger { background-color: #f4f4f4; border-color: #f4f4f4; } .wishlist-wrapper .table .btn-danger:hover { background: #222; border-color: #222; color: #fff!important } /* ------Layout Checkout css start ------*/ .section-title.left-aligned { margin-top: 10px; } .checkout-wrapper .user-actions h3 { border-top: 3px solid #222; font-size: 18px; margin-bottom: 30px; padding: 15px 55px; text-transform: capitalize; line-height: 1.4; position: relative; } .checkout-wrapper .user-actions h3::before { content: "\f007"; display: inline-block; font-family: 'fontawesome'; left: 20px; font-size: 25px; top: 48%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #555; position: absolute; } .checkout-wrapper .user-actions h3 span { cursor: pointer; color: #222; } .checkout-wrapper .display-content { border: 1px solid #ebebeb; display: none; margin-bottom: 30px; padding: 20px; border-radius: 4px; } .checkout-wrapper .user-login .login-info p:not(.lost-password) { font-size: 14px; margin-bottom: 20px; } .checkout-wrapper .user-coupon h3::before { content: "\f0e0"; font-size: 22px; } .checkout-wrapper .user-coupon input { height: 35px; } .checkout-wrapper .checkout-form .form-check { padding-left: 0; } .checkout-wrapper .new-account-info, .checkout-wrapper .ship-box-info { display: none; } .checkout-wrapper .form-check-label { color: #222; cursor: pointer; } .checkout-wrapper .order-summary .product-container { background-color: #f4f4f4; padding: 20px; max-height: 450px; overflow-x: hidden; overflow-y: auto; margin-bottom: 40px; } .checkout-wrapper .order-summary .product-list { margin-bottom: 30px; } .checkout-wrapper .order-summary .product-list h5 { color: #222; font-size: 16px; } .checkout-wrapper .order-summary .product-list img { max-width: 120px; border: 4px solid #f0f0f0; } .checkout-wrapper .order-summary .product-list .product-quantity { color: #222; margin-bottom: 5px; } .checkout-wrapper .order-summary .product-list .product-final-price { font-size: 16px; color: #222; } .checkout-wrapper .order-summary .table th, .checkout-wrapper .order-summary .table td { font-size: 18px; padding: 20px; } .checkout-wrapper .order-summary .table td { vertical-align: middle; } .checkout-wrapper .checkout-payment { padding: 20px; border: 1px solid #ddd; } .checkout-wrapper .checkout-payment .custom-radio { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ebebeb; width: 100%; } .checkout-wrapper .checkout-payment label { color: #222; font-size: 16px; line-height: 25px; } .checkout-wrapper .checkout-payment .payment-info { font-size: 14px; line-height: 22px; margin-top: 20px; } .checkout-wrapper .checkout-payment .form-check { margin-bottom: 30px; padding-left: 0; } .checkout-wrapper .checkout-payment .form-check a { color: #222; } .checkout-wrapper .checkout-payment .form-check label { font-size: 13px; } .checkout-wrapper .checkout-payment .form-check .checkmark { top: 3px; } .btn-secondary {background: #e6d0ab none repeat scroll 0 0;border-color: #e6d0ab;color: #222;text-transform: uppercase;font-size: 14px;border: 1px solid #e6d0ab;padding: 5px 25px;letter-spacing: 1px;background: #e6d0ab none repeat scroll 0 0;border: medium none;border-radius: 10px;color: #282828;cursor: pointer;font-size: 14px;font-weight: 500;line-height: 50px;padding: 0 23px;right: 0;text-transform: uppercase;top: 0;/* width: 100%; */position: relative;border-radius: 5px;} .btn-secondary:hover { background-color: #222; border-color: #222; color: #fff !important; } /* Components Custom Inputs */ .custom-checkbox label { padding-left: 30px; text-transform: none; cursor: pointer; } .custom-checkbox input[type="checkbox"] { opacity: 999; cursor: pointer; left: 30px; top: -2px; } .custom-checkbox .checkmark { top: 0; left: 0; height: 20px; width: 20px; background-color: #dedede; z-index: -1; } .custom-checkbox .checkmark::after { content: ""; opacity: 0; left: 0; top: 3px; width: 6px; height: 11px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .custom-checkbox:hover input~.checkmark { background-color: #ccc; } .custom-checkbox input:checked~.checkmark::after { left: 7px; opacity: 1; } .custom-radio { display: block; padding-left: 35px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .custom-radio:hover input~.checkmark { background-color: #ccc; } .custom-radio .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #dedede; z-index: -1; } .custom-radio .checkmark::after { content: ""; position: absolute; display: none; top: 8.5px; left: 0; width: 8px; height: 8px; } .custom-radio input[type="radio"] { opacity: 1; cursor: pointer; width: 100%; left: -25px; height: 15px; top: 0px; } .custom-radio input[type="radio"]:checked~.checkmark::after { left: 8.5px; display: block; } .cart-input { width: 76px; text-align: left; } .cart-input-box { border: 1px solid #ddd; height: 46px; text-align: center; width: 48px; } .custom-radio .checkmark, .custom-radio .checkmark::after { border-radius: 50%; } .custom-checkbox, .custom-radio { position: relative; } .custom-checkbox input[type="checkbox"], .custom-checkbox .checkmark, .custom-checkbox .checkmark::after, .custom-radio input[type="radio"] { position: absolute; } .custom-checkbox:hover input:checked~.checkmark, .custom-checkbox input:checked~.checkmark, .custom-radio input[type="radio"]:checked~.checkmark { background-color: #222; } .custom-radio .checkmark::after { background: #ffffff; } .form-row .nice-select { width: 100%; } .form-control { color: #222; font-size: 14px; } .form-control:focus { border-color: #222; -webkit-box-shadow: none; box-shadow: none; } .lost-password a { color: #222; } .lost-password a:hover { color: #222; } .nice-select:active, .nice-select.open, .nice-select:focus { border-color: #e0e0e0; } /* quantity box style css */ .table.pro-table { display: block; padding: 17px 0; } .product-qty { border: 1px solid #ccc; cursor: pointer; display: inline-block; height: 40px; position: relative; width: 100px; } .product-qty input { border: medium none; height: 100%; padding: 0 20px; width: 100%; } .product-qty span { height: 20px; line-height: 20px; position: absolute; text-align: center; width: 20px; } .product-qty span.dec { border-left: 1px solid #ccc; bottom: 0; padding-top: 2px; right: 0; } .product-qty span.inc { border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; right: 0; top: 0; } .pro-table td { width: 33.33%; vertical-align: middle; } .pro-table td a { color: #222; line-height: 40px; } .table-bordered { border: none; } /* product details layout css */ .pro-details-gallery-thumb { border: 1px solid #f0f0f0; border-radius: 10px; overflow: hidden; position: relative; } .pro-details-gallery-thumb:hover .img-view { opacity: 1; visibility: visible; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .img-view { left: 0; position: absolute; text-align: center; top: 50%; width: 100%; opacity: 0; visibility: hidden; } .img-popup { background: #222; display: inline-block; height: 40px; line-height: 40px; text-align: center; width: 40px; border-radius: 50%; } .img-popup i { color: #fff; font-size: 18px; } /* compare page style css start */ .compare-style thead td strong { color: #222; font-size: 18px; } .compare-style tbody td.product-title { color: #222; } .compare-style tbody tr td a strong { color: #222; font-size: 16px; } .product-ratings .rating li { color: #222; margin: 0 3px; } .text-color { color: #222; } .compare-style tbody td span { color: #222; font-size: 16px; padding-left: 5px; } /* my account css here */ .user-info { border-bottom: 1px solid #ebebeb; border-top: 1px solid #ebebeb; } .user-info [class*="col-"]:not(:last-child) .single-info { border-right: 1px solid #ebebeb; } .user-info .single-info { padding: 0 20px; min-height: 110px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .user-info .single-info p a { color: #222; } .user-info .user-name span { font-size: 15px; } .user-info .user-name::before { color: #555; content: "\f2bd"; font-family: fontawesome; font-size: 20px; padding-right: 10px; left: 0; top: 0; height: 45px; line-height: 45px; vertical-align: middle; } .user-info p { line-height: 1.65; } .dashboard-list { padding: 3px 15px; border: 1px solid #ebebeb; } .dashboard-content p a { color: #222; } .dashboard-list li>a { color: #222; display: block; font-size: 14px; padding: 12px 0; text-transform: uppercase; position: relative; } .dashboard-list li>a.active { } .dashboard-list li>a.active::after { content: "\f105"; font-family: fontawesome; margin-left: 10px; font-size: 16px; top: 48%; right: -35px; margin-top: -10px; position: absolute; } .dashboard-list li:not(:last-child)>a { border-bottom: 1px solid #ebebeb; } .dashboard-content { border: 1px solid #ebebeb; padding: 30px; } .dashboard-content h3 { border-bottom: 1px solid #ebebeb; font-size: 24px; line-height: 24px; margin-bottom: 20px; padding-bottom: 15px; text-transform: capitalize; } .dashboard-content p { line-height: 24px; } .dashboard-content table>thead { border-bottom: 1px solid #ebebeb; } .dashboard-content table>thead>tr>th { font-size: 14px; border: 0; } .dashboard-content table>tbody>tr>td { border: 0; vertical-align: middle; } .dashboard-content table .btn-secondary { /* height: 35px; line-height: 35px;*/ text-transform: uppercase; } .billing-address { font-size: 16px; margin-top: 25px; margin-bottom: 10px; } .register-form { padding: 40px; border: 1px solid #ebebeb; } .login-form .form-group .col-form-label { color: #222; } .login-form .form-control, .login-form .custom-radio, .login-form span { height: 40px; padding-top: 5px; } .login-form .pass-show-btn {padding: 0 5px;height: 40px;font-size: 10px;line-height: 40px;right: 15px;top: 0;position: absolute;text-transform: uppercase;border-radius: 0;background: #878787;border: 1px solid #878787;color: #fff;cursor: pointer;letter-spacing: 1px;} .login-form .pass-show-btn:hover, .login-form .pass-show-btn:focus { background: #333; } .login-form .form-check label { font-size: 13px; } /* Layout Login / Register */ .login-wrapper .login-form {padding: 50px 0px 40px;/* border: 1px solid rgba(0, 0, 0, 0.125); *//* -webkit-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2); *//* box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2); */background-color: #fff;} .login-box p a { color: #222; } .top-bordered { border-color: #ebebeb; border-style: solid; border-width: 1px 0 0; } .registration-form p a { color: #222; } /*-----contact page 2 css-----*/ .contact-two-area { background: #f6f6f6; } .contact2-title h2 { color: #222; font-size: 26px; line-height: 40px; margin-bottom: 25px; text-transform: uppercase; } .contact-icon {/* background: #2a2a2a; */border-radius: 50%;display: inline-block;/* height: 80px; *//* margin-bottom: 26px; *//* width: 80px; */} .contact-icon i { color: #fff; font-size: 40px; line-height: 80px; } .contact-icon:hover { background: #222; } .contact-single-info h3 { color: #222; font-size: 18px; text-transform: uppercase; margin-bottom: 20px; } .contact-single-info.text-center>p { margin-top: 10px; } .contact-single-info.text-center>p a{ color:#222; } .contact-message input, .contact-message textarea { background: #fff; color: #838383; margin-bottom: 15px; padding: 10px; width: 100%; border: 1px solid #e5e5e5; } .contact-message textarea { height: 140px; } .contact-btn .btn.btn-secondary { padding: 4px 20px; } .form-messege.success { color: #fff; font-size: 16px; background: #222; border-radius: 5px; padding: 10px 15px; margin-top: 15px; } /*-------scroll to top-------*/ .scroll-top {background: #e6d0ab;border-radius: 10px;bottom: 100px;-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);cursor: pointer;height: 50px;position: fixed;right: 20px;text-align: center;width: 50px;z-index: 9;line-height: 50px;border: 2px solid #e6d0ab;} .scroll-top i {line-height: 44px;color: #282828;font-size: 24px;} .not-visible { visibility: hidden; -webkit-opacity: 0; opacity: 0; } .pro-large-img:hover .img-view { opacity: 1; visibility: visible; } .product-gallary-active { margin-right: -1px; width: auto; } .margin-right-10{ margin-right: 10px !important; } .search-title h1 {position: relative;padding-bottom: 5px;font-size: 28px;color: #222;margin-top: 30px;text-transform: uppercase;} .search-title h1:before {/* content: ""; */position: absolute;left: 0;bottom: 0;height: 1px;width: 70px;border-bottom: 5px solid #222;} .color-white{ color: #fff !important; } .newsletter-title p{ color: #fff; } .table-row2 { background-color: #fafafa; } .table td, .table th { padding: 5px 10px; } @media (min-width: 1500px){ .shop-product-wrap .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }} .header-top{height: 50px;background-color: #e6d0ab;border-bottom: 1px solid #e6d0ab;} .logo{/* width: 250px; */} .btn-najbolja-cena { background: #222 none repeat scroll 0 0; line-height: 20px; text-transform: capitalize; padding: 4px 20px; color: #fff; border-radius: 25px; } .contact-message-najbolja-cena input, .contact-message textarea { background: #fff; color: #838383; padding: 5px; width: 100%; border: 1px solid #e5e5e5; } .contact-message-najbolja-cena h4 { font-size: 20px; position: relative; margin-left: 10px; } .contact-message-najbolja-cena h4:before { content: ""; width: 2px; height: 25px; background-color: #222; position: absolute; left: -10px; } .btn-group>.btn { color: #fff; display: inline-block; padding: 5px 15px; font-size: 13px } .btn-group>.btn:hover { text-decoration: none; } .promocija { top: 150px; left: 0px; line-height: 22px; width: 100px; padding: 0 9px; position: absolute; text-align: center; z-index: 3; } .showme { display: none; } .showhim:hover .showme { display: block; } .modal-header { background: #222; } .close { color: #fff; text-shadow: 0; opacity: 1; } a { color: #222; } .btn{border-radius: 10px;} @media (min-width: 768px) { .collapse.dont-collapse-sm { display: block; height: auto !important; visibility: visible; } } @media (min-width: 991px){ .modal-dialog { max-width: 650px; margin: 1.75rem auto; margin-top: 40px; }} .modal-body { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 25px 50px; } .modal-content { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 3px solid #222; border-radius: 0px; outline: 0; } .modal-header { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem; border-bottom: 0px solid #e9ecef; border-top-left-radius: 0rem; border-top-right-radius: 0rem; } .login-form h3 { font-size: 30px; color: #222; text-transform: uppercase; margin-bottom: 20px; } .login-form p {color: #222;font-size: 15px;text-align: right;margin-top: 15px;} .btn-img{width: 20px !important;margin-right: 10px;position: relative;top: -3px;} .btn-danger { color: #fff; background-color: #222; border-color: #222; } .breadcrumb { font-size: 13px; } .text-primary { color: #222!important; } .home-section-title h3{ position: relative; padding-bottom: 5px; font-size: 30px; color: #222; font-family: 'Poppins'; margin-top: 30px; } .contact-information a{ color: #222; } .category-content{ border-top: 0; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; background: #ffffff; margin-bottom: 20px; } .category-content .category-content-2{ margin-top: 0; padding-top: 20px; padding-bottom: 10px; text-align: center; text-transform: uppercase; background: #222; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } .category-content-2 .title{ color: #fff; line-height: 30px; margin-bottom: 7px; font-size: 22px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; margin-bottom: 10px; letter-spacing: 2px; } .category-content-2 .link{ background: transparent; padding: 0; color: #fff; margin-bottom: 15px; font-size: 13px; letter-spacing: 1px; } .single-banner-statics img{ border-top-right-radius: 10px; border-top-left-radius: 10px; } .single-banner-statics2 { margin-bottom: 15px; } .single-banner-statics3 img{ border-radius: 0px; } .price-box{ margin-top: 15px; } .feature-icon img{ max-width: 60px; } footer .logo{ width: 300px; } .wishlist_item a{ color: #222; text-align: center; } .product-size{ display: block; } .product-size-select{ width: 180px; } .table-size{ display: block; margin: 0 -1px -1px; border: 1px solid #dad8d8; position: absolute; width: 100%; background: #fff; z-index: 1; } .table-size .table-size-option:hover { background-color: #f5f5f5; outline: none; } .table-size .table-size-option { width: 25%; margin: 0; height: 32px; font-size: 11px; line-height: 21px; background: #fff; border: none; border-right: 1px solid #dad8d8; border-bottom: 1px solid #dad8d8; } .nice-select:after { border-bottom: 2px solid #999; border-right: 2px solid #999; content: ''; display: block; height: 5px; margin-top: 0px; pointer-events: none; position: absolute; right: 12px; 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; width: 5px; } .logo a { /* width: 250px; */ color: #fff !important; font-size: 25px; /* border: 2px solid #000; */ padding: 5px 15px; letter-spacing: 2px; } .logo a span{ /* width: 250px; */ } .logo-footer a { /* width: 250px; */ color: #000; font-size: 25px; border: 2px solid #000; padding: 5px 15px; letter-spacing: 2px; } .logo-footer a span{ /* width: 250px; */ } .form-control { display: block; width: 100%; height: calc(2.25rem + 2px); padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0px; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; } h1 { font-weight: normal !important; } h2 { font-weight: normal !important; } h3 { font-weight: normal !important; } h4 { font-weight: normal !important; } .contact-information h4{ font-size: 18px; letter-spacing: 0.5px; } .breadcrumb-item.active { color: #6c757d; text-transform: uppercase; } .mb-50{ margin-bottom: 50px !important; } .red{ color: red; } a:hover{ color: #222 !important; } .main-menu li>a:hover { color: #fff !important; } .alert { padding: 20px; background-color: #e6d0ab; color: white; text-align: center; font-size: 18px; } .closebtn { margin-left: 15px; color: white; font-weight: bold; float: right; font-size: 22px; line-height: 20px; cursor: pointer; transition: 0.3s; } .closebtn:hover { color: black; } .newsletter-group { background: #393b3d none repeat scroll 0 0; padding: 25px 0; } .newsletter-box { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .newsletter-inner { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; width: 75%; padding-right: 30px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .newsletter-title { padding: 10px 0; } .newsletter-title>h3 { color: #fff; font-size: 24px; font-weight: 500; margin-bottom: 5px; text-transform: capitalize; } .newsletter-title>p { font-size: 16px; } .email-box { background: #fff none repeat scroll 0 0; border-radius: 25px; color: #a6a6a6; display: inline-block; font-size: 14px; height: 40px; padding: 0 15px; position: relative; vertical-align: middle; width: 100%; border: solid 1px #e8e8e8; margin-bottom: 5px; text-align: center; } .newsletter-btn { background: #e6d0ab none repeat scroll 0 0; border: medium none; border-radius: 10px; color: #282828; cursor: pointer; font-size: 14px; font-weight: 500; line-height: 50px; padding: 0 23px; right: 0; text-transform: uppercase; top: 0; width: 100%; position: relative; } .newsletter-btn:hover { color: #e6d0ab; background: #; } .email-box { background: #fff none repeat scroll 0 0; border-radius: 10px; color: #a6a6a6; display: inline-block; font-size: 14px; height: 50px; padding: 0px 15px; position: relative; vertical-align: middle; width: 100%; border: solid 1px #e8e8e8; margin-bottom: 5px; text-align: center; } .box.box-right { float: right; /* line-height: 54px; */ } .box-right li { display: inline-block; position: relative; } .box-right li a { color: #282828; display: inline-block; padding: 0 0px 0px 25px; position: relative; /* text-transform: uppercase; */ font-size: 13px; font-weight: 600; } .box.box-right li a span { color: #282828; font-size: 14px; text-transform: lowercase; font-weight: 600; padding-left: 5px; letter-spacing: 0px; vertical-align: bottom; } .box-right li a:hover { color: #fff; } .contact-link { display: flex; align-items: center; text-decoration: none; /* Uklanja podvlačenje */ color: inherit; /* Koristi osnovnu boju teksta */ font-size: 16px; /* Možeš prilagoditi veličinu teksta */ color: #282828; font-size: 14px; /* text-transform: lowercase; */ padding-left: 5px; letter-spacing: 0px; vertical-align: bottom; font-weight: 600; } .contact-icon { width: 25px; /* Prilagodi veličinu ikone */ height: auto; margin-right: 10px; /* Razmak između ikone i teksta */ } .logo a { /* width: 250px; */ color: #fff; font-size: 25px; /* border: 2px solid #e6d0ab; */ padding: 0; letter-spacing: 2px; /* text-transform: lowercase; */ } .logo a:hover{ color: #e6d0ab !important; } @media (min-width: 991px){ .modal-dialog { max-width: 500px; margin: 1.75rem auto; margin-top: 0px; }} .modal-content { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 0; border-radius: 10px; outline: 0; padding: 40px 0px 40px; background-color: #fff; box-shadow: 0 2px 4px 0 rgba(65, 75, 91, 0.1); border-radius: 6px; padding-top: 40px; padding-bottom: 20px; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; background: #f6f7fb; } .login-form h3 { font-size: 20px; font-weight: 600; font-family: Poppins; color: #393b3d; text-transform: uppercase; margin-bottom: 20px; } .section-title h3 { position: relative; padding-bottom: 5px; font-weight: 500 !important; text-transform: uppercase; font-size: 25px; color: #2b2a29; margin-top: 30px; letter-spacing: 0px; } /*.header-middle.sticker.sticky { position: fixed; top: 0; width: 100%; z-index: 999; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.27); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.27); -webkit-animation: 900ms cubic-bezier(0.2, 1, 0.22, 1) 0s normal none 1 running fadeInDown; animation: 900ms cubic-bezier(0.2, 1, 0.22, 1) 0s normal none 1 running fadeInDown; padding: 5px 0; }*/