├── favicon.ico ├── images ├── banner │ ├── 1.jpg │ ├── 2.jpg │ ├── banner2222.jpg │ ├── bg-1.jpg │ ├── bg-2.jpg │ └── bg-3.jpg ├── blog │ ├── 1.jpg │ ├── 2.jpg │ ├── 3.jpg │ └── 4.jpg ├── icon │ ├── icon_phone.png │ └── papyel2.png ├── instagram │ ├── insta-1.jpg │ ├── insta-2.jpg │ ├── insta-3.jpg │ ├── insta-4.jpg │ ├── insta-5.jpg │ └── insta-6.jpg ├── logo │ └── logo-ash.png ├── nav-product │ ├── product.jpg │ └── product2.jpg ├── product │ ├── 1.jpg │ ├── 10.jpg │ ├── 11.jpg │ ├── 12.jpg │ ├── 13.jpg │ ├── 14.jpg │ ├── 15.jpg │ ├── 16.jpg │ ├── 17.jpg │ ├── 18.jpg │ ├── 19.jpg │ ├── 2.jpg │ ├── 20.jpg │ ├── 21.jpg │ ├── 22.jpg │ ├── 23.jpg │ ├── 24.jpg │ ├── 25.jpg │ ├── 26.jpg │ ├── 27.jpg │ ├── 28.jpg │ ├── 29.jpg │ ├── 3.jpg │ ├── 30.jpg │ ├── 31.jpg │ ├── 32.jpg │ ├── 33.jpg │ ├── 34.jpg │ ├── 35.jpg │ ├── 36.jpg │ ├── 37.jpg │ ├── 38.jpg │ ├── 39.jpg │ ├── 4.jpg │ ├── 40.jpg │ ├── 41.jpg │ ├── 42.jpg │ ├── 43.jpg │ ├── 44.jpg │ ├── 45.jpg │ ├── 46.jpg │ ├── 47.jpg │ ├── 48.jpg │ ├── 49.jpg │ ├── 5.jpg │ ├── 50.jpg │ ├── 6.jpg │ ├── 7.jpg │ ├── 70.jpg │ ├── 71.jpg │ ├── 72.jpg │ ├── 73.jpg │ ├── 75.jpg │ ├── 8.jpg │ └── 9.jpg └── slider │ ├── 1.png │ ├── 2.jpg │ └── 3.jpg ├── index.html ├── main.js └── style.css /favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/favicon.ico -------------------------------------------------------------------------------- /images/banner/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/banner/1.jpg -------------------------------------------------------------------------------- /images/banner/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/banner/2.jpg -------------------------------------------------------------------------------- /images/banner/banner2222.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/banner/banner2222.jpg -------------------------------------------------------------------------------- /images/banner/bg-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/banner/bg-1.jpg -------------------------------------------------------------------------------- /images/banner/bg-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/banner/bg-2.jpg -------------------------------------------------------------------------------- /images/banner/bg-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/banner/bg-3.jpg -------------------------------------------------------------------------------- /images/blog/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/blog/1.jpg -------------------------------------------------------------------------------- /images/blog/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/blog/2.jpg -------------------------------------------------------------------------------- /images/blog/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/blog/3.jpg -------------------------------------------------------------------------------- /images/blog/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/blog/4.jpg -------------------------------------------------------------------------------- /images/icon/icon_phone.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/icon/icon_phone.png -------------------------------------------------------------------------------- /images/icon/papyel2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/icon/papyel2.png -------------------------------------------------------------------------------- /images/instagram/insta-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/instagram/insta-1.jpg -------------------------------------------------------------------------------- /images/instagram/insta-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/instagram/insta-2.jpg -------------------------------------------------------------------------------- /images/instagram/insta-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/instagram/insta-3.jpg -------------------------------------------------------------------------------- /images/instagram/insta-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/instagram/insta-4.jpg -------------------------------------------------------------------------------- /images/instagram/insta-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/instagram/insta-5.jpg -------------------------------------------------------------------------------- /images/instagram/insta-6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/instagram/insta-6.jpg -------------------------------------------------------------------------------- /images/logo/logo-ash.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/logo/logo-ash.png -------------------------------------------------------------------------------- /images/nav-product/product.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/nav-product/product.jpg -------------------------------------------------------------------------------- /images/nav-product/product2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/nav-product/product2.jpg -------------------------------------------------------------------------------- /images/product/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/1.jpg -------------------------------------------------------------------------------- /images/product/10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/10.jpg -------------------------------------------------------------------------------- /images/product/11.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/11.jpg -------------------------------------------------------------------------------- /images/product/12.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/12.jpg -------------------------------------------------------------------------------- /images/product/13.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/13.jpg -------------------------------------------------------------------------------- /images/product/14.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/14.jpg -------------------------------------------------------------------------------- /images/product/15.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/15.jpg -------------------------------------------------------------------------------- /images/product/16.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/16.jpg -------------------------------------------------------------------------------- /images/product/17.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/17.jpg -------------------------------------------------------------------------------- /images/product/18.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/18.jpg -------------------------------------------------------------------------------- /images/product/19.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/19.jpg -------------------------------------------------------------------------------- /images/product/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/2.jpg -------------------------------------------------------------------------------- /images/product/20.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/20.jpg -------------------------------------------------------------------------------- /images/product/21.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/21.jpg -------------------------------------------------------------------------------- /images/product/22.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/22.jpg -------------------------------------------------------------------------------- /images/product/23.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/23.jpg -------------------------------------------------------------------------------- /images/product/24.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/24.jpg -------------------------------------------------------------------------------- /images/product/25.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/25.jpg -------------------------------------------------------------------------------- /images/product/26.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/26.jpg -------------------------------------------------------------------------------- /images/product/27.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/27.jpg -------------------------------------------------------------------------------- /images/product/28.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/28.jpg -------------------------------------------------------------------------------- /images/product/29.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/29.jpg -------------------------------------------------------------------------------- /images/product/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/3.jpg -------------------------------------------------------------------------------- /images/product/30.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/30.jpg -------------------------------------------------------------------------------- /images/product/31.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/31.jpg -------------------------------------------------------------------------------- /images/product/32.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/32.jpg -------------------------------------------------------------------------------- /images/product/33.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/33.jpg -------------------------------------------------------------------------------- /images/product/34.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/34.jpg -------------------------------------------------------------------------------- /images/product/35.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/35.jpg -------------------------------------------------------------------------------- /images/product/36.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/36.jpg -------------------------------------------------------------------------------- /images/product/37.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/37.jpg -------------------------------------------------------------------------------- /images/product/38.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/38.jpg -------------------------------------------------------------------------------- /images/product/39.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/39.jpg -------------------------------------------------------------------------------- /images/product/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/4.jpg -------------------------------------------------------------------------------- /images/product/40.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/40.jpg -------------------------------------------------------------------------------- /images/product/41.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/41.jpg -------------------------------------------------------------------------------- /images/product/42.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/42.jpg -------------------------------------------------------------------------------- /images/product/43.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/43.jpg -------------------------------------------------------------------------------- /images/product/44.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/44.jpg -------------------------------------------------------------------------------- /images/product/45.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/45.jpg -------------------------------------------------------------------------------- /images/product/46.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/46.jpg -------------------------------------------------------------------------------- /images/product/47.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/47.jpg -------------------------------------------------------------------------------- /images/product/48.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/48.jpg -------------------------------------------------------------------------------- /images/product/49.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/49.jpg -------------------------------------------------------------------------------- /images/product/5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/5.jpg -------------------------------------------------------------------------------- /images/product/50.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/50.jpg -------------------------------------------------------------------------------- /images/product/6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/6.jpg -------------------------------------------------------------------------------- /images/product/7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/7.jpg -------------------------------------------------------------------------------- /images/product/70.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/70.jpg -------------------------------------------------------------------------------- /images/product/71.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/71.jpg -------------------------------------------------------------------------------- /images/product/72.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/72.jpg -------------------------------------------------------------------------------- /images/product/73.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/73.jpg -------------------------------------------------------------------------------- /images/product/75.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/75.jpg -------------------------------------------------------------------------------- /images/product/8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/8.jpg -------------------------------------------------------------------------------- /images/product/9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/product/9.jpg -------------------------------------------------------------------------------- /images/slider/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/slider/1.png -------------------------------------------------------------------------------- /images/slider/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/slider/2.jpg -------------------------------------------------------------------------------- /images/slider/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Jewellery-website/52877e649a371f25ba19036193b6275701808aed/images/slider/3.jpg -------------------------------------------------------------------------------- /main.js: -------------------------------------------------------------------------------- 1 | (function ($) { 2 | "use strict"; 3 | 4 | new WOW().init(); 5 | 6 | //navbar cart 7 | $(".cart_link > a").on("click", function () { 8 | $(".mini_cart").addClass("active"); 9 | }); 10 | 11 | $(".mini_cart_close > a").on("click", function () { 12 | $(".mini_cart").removeClass("active"); 13 | }); 14 | 15 | //sticky navbar 16 | $(window).on("scroll", function () { 17 | var scroll = $(window).scrollTop(); 18 | if (scroll < 100) { 19 | $(".sticky-header").removeClass("sticky"); 20 | } else { 21 | $(".sticky-header").addClass("sticky"); 22 | } 23 | }); 24 | 25 | // background image 26 | function dataBackgroundImage() { 27 | $("[data-bgimg]").each(function () { 28 | var bgImgUrl = $(this).data("bgimg"); 29 | $(this).css({ 30 | "background-image": "url(" + bgImgUrl + ")", // concatenation 31 | }); 32 | }); 33 | } 34 | 35 | $(window).on("load", function () { 36 | dataBackgroundImage(); 37 | }); 38 | 39 | //for carousel slider of the slider section 40 | $(".slider_area").owlCarousel({ 41 | animateOut: "fadeOut", 42 | autoplay: true, 43 | loop: true, 44 | nav: false, 45 | autoplayTimeout: 6000, 46 | items: 1, 47 | dots: true, 48 | }); 49 | 50 | //product column responsive 51 | $(".product_column3").slick({ 52 | centerMode: true, 53 | centerPadding: "0", 54 | slidesToShow: 5, 55 | arrows: true, 56 | rows: 2, 57 | prevArrow: 58 | '', 59 | nextArrow: 60 | '', 61 | responsive: [ 62 | { 63 | breakpoints: 400, 64 | settings: { 65 | slidesToShow: 1, 66 | slidesToScroll: 1, 67 | }, 68 | }, 69 | { 70 | breakpoints: 768, 71 | settings: { 72 | slidesToShow: 2, 73 | slidesToScroll: 2, 74 | }, 75 | }, 76 | { 77 | breakpoints: 992, 78 | settings: { 79 | slidesToShow: 3, 80 | slidesToScroll: 3, 81 | }, 82 | }, 83 | { 84 | breakpoints: 1200, 85 | settings: { 86 | slidesToShow: 4, 87 | slidesToScroll: 4, 88 | }, 89 | }, 90 | ], 91 | }); 92 | 93 | //for tooltip 94 | $('[data-toggle="tooltip"]').tooltip(); 95 | 96 | //tooltip active 97 | $(".action_links ul li a, .quick_button a").tooltip({ 98 | animated: "fade", 99 | placement: "top", 100 | container: "body", 101 | }); 102 | 103 | //product row activation responsive 104 | $(".product_row1").slick({ 105 | centerMode: true, 106 | centerPadding: "0", 107 | slidesToShow: 5, 108 | arrows: true, 109 | prevArrow: 110 | '', 111 | nextArrow: 112 | '', 113 | responsive: [ 114 | { 115 | breakpoints: 400, 116 | settings: { 117 | slidesToShow: 1, 118 | slidesToScroll: 1, 119 | }, 120 | }, 121 | { 122 | breakpoints: 768, 123 | settings: { 124 | slidesToShow: 2, 125 | slidesToScroll: 2, 126 | }, 127 | }, 128 | { 129 | breakpoints: 992, 130 | settings: { 131 | slidesToShow: 3, 132 | slidesToScroll: 3, 133 | }, 134 | }, 135 | { 136 | breakpoints: 1200, 137 | settings: { 138 | slidesToShow: 4, 139 | slidesToScroll: 4, 140 | }, 141 | }, 142 | ], 143 | }); 144 | 145 | // blog section 146 | $(".blog_column3").owlCarousel({ 147 | autoplay: true, 148 | loop: true, 149 | nav: true, 150 | autoplayTimeout: 5000, 151 | items: 3, 152 | dots: false, 153 | margin: 30, 154 | navText: [ 155 | '', 156 | '', 157 | ], 158 | responsiveClass: true, 159 | responsive: { 160 | 0: { 161 | items: 1, 162 | }, 163 | 768: { 164 | items: 2, 165 | }, 166 | 992: { 167 | items: 3, 168 | }, 169 | }, 170 | }); 171 | 172 | //navactive responsive 173 | $(".product_navactive").owlCarousel({ 174 | autoplay: false, 175 | loop: true, 176 | nav: true, 177 | items: 4, 178 | dots: false, 179 | navText: [ 180 | '', 181 | '', 182 | ], 183 | responsiveClass: true, 184 | responsive: { 185 | 0: { 186 | items: 1, 187 | }, 188 | 250: { 189 | items: 2, 190 | }, 191 | 480: { 192 | items: 3, 193 | }, 194 | 768: { 195 | items: 4, 196 | }, 197 | }, 198 | }); 199 | 200 | $(".modal").on("shown.bs.modal", function (e) { 201 | $(".product_navactive").resize(); 202 | }); 203 | 204 | $(".product_navactive a").on("click", function (e) { 205 | e.preventDefault(); 206 | var $href = $(this).attr("href"); 207 | $(".product_navactive a").removeClass("active"); 208 | $(this).addClass("active"); 209 | $(".product-details-large .tab-pane").removeClass("active show"); 210 | $(".product-details-large " + $href).addClass("active show"); 211 | }); 212 | })(jQuery); 213 | -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap"); 2 | @import url("https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700&display=swap"); 3 | 4 | /* common styling */ 5 | 6 | * { 7 | box-sizing: border-box; 8 | } 9 | *, 10 | *::after, 11 | *::before { 12 | box-sizing: border-box; 13 | } 14 | 15 | html, 16 | body { 17 | height: 100%; 18 | } 19 | body { 20 | line-height: 24px; 21 | font-size: 14px; 22 | font-style: normal; 23 | font-weight: 400; 24 | visibility: visible; 25 | font-family: "Poppins", sans-serif; 26 | color: #5a5a5a; 27 | } 28 | 29 | h1, 30 | h2, 31 | h3, 32 | h4, 33 | h5, 34 | h6 { 35 | font-weight: 400; 36 | margin-top: 0; 37 | font-family: "Baloo 2", cursive; 38 | } 39 | 40 | h1 { 41 | font-size: 48px; 42 | line-height: 1; 43 | font-weight: 700; 44 | } 45 | h2 { 46 | font-size: 36px; 47 | line-height: 36px; 48 | } 49 | h3 { 50 | font-size: 30px; 51 | line-height: 30px; 52 | } 53 | h4 { 54 | font-size: 16px; 55 | line-height: 19px; 56 | font-weight: 700; 57 | } 58 | h5 { 59 | font-size: 14px; 60 | line-height: 18px; 61 | } 62 | h6 { 63 | font-size: 12px; 64 | line-height: 14px; 65 | } 66 | 67 | p:last-child { 68 | margin-bottom: 0; 69 | } 70 | a, 71 | button { 72 | color: inherit; 73 | line-height: inherit; 74 | text-decoration: none; 75 | cursor: pointer; 76 | } 77 | 78 | .btn:focus { 79 | box-shadow: none; 80 | } 81 | 82 | a, 83 | button, 84 | img, 85 | input, 86 | span { 87 | transition: all 0.3s ease 0s; 88 | } 89 | 90 | *:focus { 91 | outline: none !important; 92 | } 93 | a:focus { 94 | color: inherit; 95 | outline: none; 96 | text-decoration: none; 97 | } 98 | 99 | a:hover { 100 | text-decoration: none; 101 | } 102 | 103 | button, 104 | input[type="submit"] { 105 | cursor: pointer; 106 | } 107 | 108 | img { 109 | max-width: 100%; 110 | height: auto; 111 | } 112 | 113 | ul { 114 | list-style: outside none none; 115 | margin: 0; 116 | padding: 0; 117 | } 118 | 119 | .home_black_version { 120 | background: #242424; 121 | } 122 | 123 | .header_black .header_top { 124 | border-bottom: 1px solid #2d2d2d; 125 | } 126 | 127 | .header_black .social_icone ul li a { 128 | background: #2f2f2f; 129 | color: #cccccc; 130 | } 131 | 132 | .header_black .social_icone ul li a:hover { 133 | background: #a8741a; 134 | } 135 | 136 | .header_black .top_right > ul > li::before { 137 | background: #2d2d2d; 138 | } 139 | 140 | .header_black .top_right > ul > li:hover > a { 141 | color: #a8741a; 142 | } 143 | 144 | .header_black .top_right > ul > li > a { 145 | color: #ffffff; 146 | } 147 | 148 | .header_black .top_right > ul > li > a:not([href]):not([tabindex]) { 149 | color: #ffffff; 150 | } 151 | .header_black .top_right > ul > li > a:not([href]):not([tabindex]):hover { 152 | color: #a8741a; 153 | } 154 | 155 | .header_black .dropdown_language li, 156 | .header_black .dropdown_currency li, 157 | .header_black .dropdown_links li { 158 | border-bottom: 1px solid #2d2d2d; 159 | } 160 | 161 | .header_black .dropdown_language li a:hover, 162 | .header_black .dropdown_currency li a:hover, 163 | .header_black .dropdown_links li a:hover { 164 | color: #a8741a; 165 | } 166 | 167 | .header_black .dropdown_links { 168 | left: -98%; 169 | } 170 | 171 | .social_icone ul li { 172 | display: inline-block; 173 | margin-left: 5px; 174 | } 175 | 176 | .social_icone ul li:first-child { 177 | margin-left: 0; 178 | } 179 | 180 | .social_icone ul li a { 181 | background: #ebebeb; 182 | color: #aaaaaa; 183 | display: block; 184 | width: 30px; 185 | height: 30px; 186 | line-height: 30px; 187 | text-align: center; 188 | border-radius: 50%; 189 | } 190 | 191 | .social_icone ul li a:hover { 192 | background: #a8741a; 193 | color: #ffffff; 194 | } 195 | 196 | .top_right > ul > li { 197 | display: inline-block; 198 | position: relative; 199 | padding-left: 20px; 200 | margin-left: 20px; 201 | } 202 | 203 | .top_right > ul > li:hover ul.dropdown_currency { 204 | top: 100%; 205 | opacity: 1; 206 | visibility: visible; 207 | } 208 | 209 | .top_right > ul > li:hover ul.dropdown_language, 210 | .top_right > ul > li:hover .header_black ul.dropdown_currency, 211 | .header_black .top_right > ul > li:hover ul.dropdown_currency, 212 | .top_right > ul > li:hover .header_black ul.dropdown_links, 213 | .header_black .top_right > ul > li:hover ul.dropdown_links { 214 | top: 100%; 215 | opacity: 1; 216 | visibility: visible; 217 | } 218 | 219 | .top_right > ul > li:hover ul.dropdown_links { 220 | top: 100%; 221 | opacity: 1; 222 | visibility: visible; 223 | } 224 | 225 | .top_right > ul > li:first-child { 226 | padding-left: 0; 227 | margin-left: 0; 228 | } 229 | .top_right > ul > li::before { 230 | position: absolute; 231 | content: ""; 232 | width: 1px; 233 | height: 15px; 234 | background: #ebebeb; 235 | top: 50%; 236 | left: 0px; 237 | transform: translateY(-50%); 238 | } 239 | 240 | .top_right > ul > li:first-child::before { 241 | display: none; 242 | } 243 | 244 | .top_right > ul > li > a { 245 | color: #242424; 246 | text-transform: capitalize; 247 | line-height: 26px; 248 | font-size: 12px; 249 | cursor: pointer; 250 | display: block; 251 | font-weight: 400; 252 | padding: 9px 0; 253 | } 254 | 255 | .top_right > ul > li > a i { 256 | margin-left: 3px; 257 | font-size: 10px; 258 | } 259 | 260 | .dropdown_currency, 261 | .dropdown_language, 262 | .dropdown_links, 263 | .header_black .dropdown_currency, 264 | .header_black .dropdown_links { 265 | position: absolute; 266 | background: #ffffff; 267 | box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); 268 | min-width: 200px; 269 | text-align: center; 270 | top: 125%; 271 | transition: all 0.3s ease-out; 272 | overflow: hidden; 273 | left: -154%; 274 | z-index: 9999; 275 | padding: 0 15px; 276 | border-radius: 5px; 277 | opacity: 0; 278 | visibility: hidden; 279 | } 280 | 281 | .header_black .dropdown_language, 282 | .header_black .dropdown_currency, 283 | .header_black .dropdown_links { 284 | background: #242424; 285 | } 286 | .dropdown_language li a, 287 | .header_black .dropdown_currency li a, 288 | .header_black .dropdown_links li a { 289 | text-transform: capitalize; 290 | display: block; 291 | font-size: 12px; 292 | color: #242424; 293 | text-align: center; 294 | } 295 | 296 | .dropdown_language li a:hover, 297 | .header_black .dropdown_currency li a:hover, 298 | .header_black .dropdown_links li a:hover { 299 | color: #a8741a; 300 | } 301 | 302 | .header_black .dropdown_language li:last-child, 303 | .header_black .dropdown_currency li:last-child, 304 | .header_black .dropdown_links li:last-child { 305 | border-bottom: 0; 306 | } 307 | .header_black .dropdown_language li a, 308 | .header_black .dropdown_currency li a, 309 | .header_black .dropdown_links li a { 310 | color: #ffffff; 311 | } 312 | 313 | .header_black .dropdown_links { 314 | left: -98%; 315 | } 316 | 317 | .dropdown_language li, 318 | .header_black .dropdown_currency li, 319 | .header_black .dropdown_links li { 320 | border-bottom: 1px solid #2d2d2d; 321 | line-height: 36px; 322 | padding: 5px 0; 323 | } 324 | 325 | .dropdown_language li:last-child, 326 | .header_black .dropdown_currency li:last-child, 327 | .header_black .dropdown_links li:last-child { 328 | border-bottom: 0; 329 | } 330 | .dropdown_language li a:hover, 331 | .header_black .dropdown_currency li a:hover, 332 | .header_black .dropdown_links li a:hover { 333 | color: #a8741a; 334 | } 335 | 336 | /* *****************Middle Header******************** */ 337 | 338 | .header_middel { 339 | padding: 40px 0; 340 | border-bottom: 1px solid #ebebeb; 341 | } 342 | 343 | .header_black .header_middel { 344 | border-bottom: 1px solid #2d2d2d; 345 | } 346 | 347 | .home_contact { 348 | display: flex; 349 | } 350 | 351 | .home_contact .contact_box { 352 | padding-right: 25px; 353 | margin-right: 25px; 354 | border-right: 2px solid #cccccc; 355 | } 356 | .header_black .home_contact { 357 | align-items: center; 358 | } 359 | .header_black .contact_box { 360 | margin-left: 15px; 361 | } 362 | 363 | .header_black .contact_box p { 364 | color: #a8741a; 365 | font-size: 14px; 366 | } 367 | 368 | .logo { 369 | padding: 0 20px; 370 | } 371 | 372 | .middel_right { 373 | display: flex; 374 | justify-content: flex-end; 375 | align-items: center; 376 | } 377 | .search_btn { 378 | position: relative; 379 | } 380 | 381 | .search_btn:hover .dropdown_search { 382 | opacity: 1; 383 | visibility: visible; 384 | top: 100%; 385 | } 386 | 387 | .search_btn a { 388 | width: 45px; 389 | height: 45px; 390 | border-radius: 3px; 391 | text-align: center; 392 | line-height: 45px; 393 | border: 1px solid #2d2d2d; 394 | color: #ffffff; 395 | font-size: 20px; 396 | display: block; 397 | } 398 | 399 | .search_btn a:hover { 400 | color: #a8741a; 401 | } 402 | .header_black .search_btn form button { 403 | position: absolute; 404 | top: 0; 405 | right: 10px; 406 | border: 0; 407 | background: inherit; 408 | color: #ffffff; 409 | font-size: 20px; 410 | height: 100%; 411 | } 412 | 413 | .header_black .search_btn form button:hover { 414 | color: #a8741a; 415 | } 416 | 417 | .dropdown_search { 418 | position: absolute; 419 | right: 0; 420 | opacity: 0; 421 | visibility: hidden; 422 | top: 120%; 423 | transition: 0.3s; 424 | } 425 | 426 | .dropdown_search form { 427 | position: relative; 428 | width: 280px; 429 | border: 1px solid #ebebeb; 430 | background: #ffffff; 431 | z-index: 9; 432 | } 433 | 434 | .dropdown_search form input { 435 | border: 0; 436 | width: 100%; 437 | height: 50px; 438 | line-height: 50px; 439 | padding: 0 67px 0 10px; 440 | background: inherit; 441 | font-size: 12px; 442 | color: #a4a4a4; 443 | } 444 | .dropdown_search form button { 445 | position: absolute; 446 | top: 0; 447 | right: 0; 448 | background: #ebebeb; 449 | width: 59px; 450 | height: 100%; 451 | border: 0; 452 | border-left: 1px solid #2d2d2d; 453 | padding: 0; 454 | font-size: 20px; 455 | background: none; 456 | color: #ffffff; 457 | } 458 | 459 | .header_black .dropdown_search form { 460 | background: #242424; 461 | border: 1px solid #2d2d2d; 462 | } 463 | 464 | .header_black .wishlist_btn { 465 | margin-left: 18px; 466 | } 467 | 468 | .header_black .wishlist_btn a { 469 | width: 45px; 470 | height: 45px; 471 | border-radius: 3px; 472 | text-align: center; 473 | line-height: 45px; 474 | font-size: 20px; 475 | display: block; 476 | border: 1px solid #2d2d2d; 477 | color: #ffffff; 478 | } 479 | 480 | .header_black .wishlist_btn a:hover { 481 | color: #a8741a; 482 | } 483 | 484 | .cart_link { 485 | margin-left: 25px; 486 | position: relative; 487 | } 488 | 489 | .cart_link span.cart_quantity { 490 | position: absolute; 491 | left: -11px; 492 | width: 20px; 493 | line-height: 20px; 494 | text-align: center; 495 | background: #a8741a; 496 | color: #ffffff; 497 | border-radius: 50%; 498 | top: 12px; 499 | } 500 | 501 | .cart_link > a { 502 | font-size: 14px; 503 | font-weight: 500; 504 | text-transform: capitalize; 505 | color: #212121; 506 | border: 1px solid #ebebeb; 507 | padding: 11px 10px 13px 18px; 508 | line-height: 15px; 509 | border-radius: 3px; 510 | display: block; 511 | } 512 | .cart_link > a:hover { 513 | color: #a8741a; 514 | } 515 | 516 | .cart_link > a i.ion-android-cart { 517 | font-size: 19px; 518 | margin-right: 10px; 519 | border-right: 1px solid #ebebeb; 520 | position: relative; 521 | top: 3px; 522 | padding-right: 10px; 523 | } 524 | 525 | .cart_link > a i.ion-chevron-down { 526 | font-size: 17px; 527 | margin-left: 3px; 528 | } 529 | .header_black .cart_link span.cart_quantity { 530 | background: #a8741a; 531 | } 532 | 533 | .header_black .cart_link > a { 534 | color: #ffffff; 535 | border: 1px solid #2d2d2d; 536 | } 537 | 538 | .header_black .cart_link > a:hover { 539 | color: #a8741a; 540 | } 541 | 542 | .header_black .cart_link > a i.ion-android-cart { 543 | border-right: 1px solid #2d2d2d; 544 | } 545 | 546 | .mini_cart { 547 | position: fixed; 548 | min-width: 355px; 549 | height: 100%; 550 | padding: 18px 20px 33px; 551 | background: #ffffff; 552 | z-index: 999; 553 | right: 0; 554 | top: 0; 555 | transition: 0.5s; 556 | transform: translateX(100%); 557 | } 558 | 559 | .mini_cart.active { 560 | transform: translateX(0); 561 | transition: 0.5s; 562 | } 563 | 564 | .header_black .mini_cart { 565 | background: #242424; 566 | border: 1px solid #2d2d2d; 567 | } 568 | 569 | .cart_close { 570 | display: flex; 571 | align-items: center; 572 | justify-content: space-between; 573 | border-bottom: 1px solid #ebebeb; 574 | padding-bottom: 10px; 575 | } 576 | 577 | .header_black .cart_close { 578 | border-bottom: 1px solid #2d2d2d; 579 | } 580 | 581 | .cart_text h3 { 582 | font-size: 18px; 583 | text-transform: capitalize; 584 | font-weight: 600; 585 | margin-bottom: 0; 586 | color: #ffffff; 587 | } 588 | 589 | .mini_cart_close > a { 590 | font-size: 25px; 591 | color: #ffffff; 592 | } 593 | 594 | .mini_cart_close > a:hover { 595 | color: #a8741a; 596 | } 597 | 598 | .cart_item { 599 | padding: 20px 0; 600 | border-bottom: 1px solid #2d2d2d; 601 | display: flex; 602 | overflow: hidden; 603 | } 604 | 605 | .cart_img { 606 | width: 100px; 607 | margin-right: 10px; 608 | } 609 | 610 | .cart_info { 611 | width: 58%; 612 | } 613 | 614 | .cart_info a { 615 | font-weight: 400; 616 | color: #ffffff; 617 | text-transform: capitalize; 618 | font-size: 14px; 619 | } 620 | 621 | .cart_info a:hover { 622 | color: #a8741a; 623 | } 624 | 625 | .cart_info span { 626 | display: block; 627 | } 628 | 629 | .cart_info span.price_cart { 630 | color: #a8741a; 631 | font-weight: 500; 632 | } 633 | 634 | .header_black .cart_info span.quantity { 635 | color: #a0a0a0; 636 | } 637 | 638 | .cart_remove { 639 | width: 10%; 640 | text-align: right; 641 | } 642 | 643 | .cart_remove a { 644 | color: #eaeaea; 645 | font-size: 18px; 646 | } 647 | 648 | .cart_remove a:hover { 649 | color: #a8741a; 650 | } 651 | 652 | .cart_total { 653 | display: flex; 654 | justify-content: space-between; 655 | padding: 20px 0; 656 | } 657 | 658 | .cart_total span { 659 | color: #ffffff; 660 | font-size: 14px; 661 | font-weight: 400; 662 | } 663 | 664 | .mini_cart_footer { 665 | padding: 0 25px 25px; 666 | background: #242424; 667 | } 668 | 669 | .cart_button a { 670 | text-transform: uppercase; 671 | border-radius: 5px; 672 | font-weight: 400; 673 | color: #ffffff; 674 | background: #2e2e2e; 675 | display: block; 676 | text-align: center; 677 | line-height: 20px; 678 | margin-bottom: 0; 679 | padding: 13px 0 11px; 680 | } 681 | 682 | .cart_button a:hover { 683 | background: #a8741a; 684 | } 685 | 686 | .cart_button.view_cart { 687 | padding-bottom: 15px; 688 | } 689 | 690 | .cart_button a.active { 691 | background: #a8741a; 692 | } 693 | 694 | .cart_button a.active:hover { 695 | background: #e9c88f; 696 | color: #000000; 697 | font-weight: 600; 698 | } 699 | 700 | /* ************************ Header Down ( 3rd ) ******************** */ 701 | 702 | .header_bottom.sticky-header.sticky .main_menu_inner { 703 | text-align: center; 704 | display: flex; 705 | align-items: center; 706 | justify-content: center; 707 | } 708 | 709 | .header_bottom.sticky-header.sticky .logo_sticky { 710 | display: block; 711 | } 712 | 713 | .header_black .header_bottom { 714 | border-bottom: 1px solid #2d2d2d; 715 | } 716 | 717 | .sticky-header.sticky { 718 | position: fixed; 719 | z-index: 99; 720 | width: 100%; 721 | top: 0; 722 | background: rgba(255, 255, 255, 0.9); 723 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11); 724 | animation-name: fadeInDown; 725 | animation-duration: 900ms; 726 | animation-timing-function: cubic-bezier(0.2, 1, 0.22, 1); 727 | animation-delay: 0s; 728 | animation-iteration-count: 1; 729 | animation-direction: normal; 730 | animation-fill-mode: none; 731 | animation-play-state: running; 732 | } 733 | 734 | .header_bottom.sticky-header.sticky .main_menu_inner { 735 | text-align: center; 736 | display: flex; 737 | align-items: center; 738 | justify-content: center; 739 | } 740 | 741 | .header_black .sticky-header.sticky { 742 | background: rgba(54, 63, 77, 0.9); 743 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11); 744 | } 745 | 746 | .main_menu_inner { 747 | text-align: center; 748 | } 749 | 750 | .logo_sticky { 751 | display: none; 752 | margin-right: 35px; 753 | } 754 | 755 | .logo_sticky a img { 756 | max-width: 120px; 757 | } 758 | 759 | .main_menu nav > ul > li { 760 | display: inline-block; 761 | position: relative; 762 | } 763 | 764 | .main_menu nav > ul > li > a i { 765 | margin-left: 2px; 766 | } 767 | .main_menu nav > ul > li:hover > a { 768 | color: #a8741a; 769 | } 770 | 771 | .main_menu nav > ul > li.active > a { 772 | color: #a8741a; 773 | } 774 | 775 | .main_menu nav > ul > li:first-child a { 776 | padding-left: 0; 777 | } 778 | 779 | .main_menu nav > ul > li:last-child a { 780 | padding-right: 0; 781 | } 782 | 783 | .main_menu nav > ul > li ul.sub_menu { 784 | position: absolute; 785 | min-width: 200px; 786 | padding: 30px 25px; 787 | background: #fff; 788 | border: 1px solid #ebebeb; 789 | transform: perspective(600px) rotateX(-90deg); 790 | transform-origin: 0 0 0; 791 | left: 0; 792 | right: auto; 793 | opacity: 0; 794 | visibility: hidden; 795 | transition: 0.5s; 796 | z-index: 9; 797 | top: 100%; 798 | text-align: left; 799 | } 800 | 801 | .main_menu nav > ul > li ul.sub_menu > li > a { 802 | font-size: 15px; 803 | } 804 | 805 | .main_menu nav ul li:hover .sub_menu, 806 | .main_menu nav ul li:hover .mega_menu { 807 | opacity: 1; 808 | visibility: visible; 809 | transform: perspective(600px) rotateX(0deg); 810 | } 811 | 812 | .main_menu nav ul li ul li.active a, 813 | .main_menu nav ul li ul li a:hover { 814 | color: #c09578; 815 | } 816 | 817 | .main_menu nav > ul > li > ul > li > a { 818 | color: #808080; 819 | font-size: 13px; 820 | text-transform: capitalize; 821 | line-height: 18px; 822 | margin-bottom: 15px; 823 | display: block; 824 | font-weight: 400; 825 | } 826 | 827 | .main_menu nav > ul > li > ul.sub_menu > li:last-child > a { 828 | margin-bottom: 0; 829 | } 830 | .main_menu nav > ul > li > ul.mega_menu li ul li:last-child a { 831 | margin-bottom: 0; 832 | } 833 | 834 | .main_menu nav ul li ul.mega_menu { 835 | position: absolute; 836 | min-width: 580px; 837 | padding: 30px 25px 35px; 838 | background: #fff; 839 | border: 1px solid #ebebeb; 840 | transform: perspective(600px) rotateX(-90deg); 841 | transform-origin: 0 0 0; 842 | left: 0; 843 | right: auto; 844 | opacity: 0; 845 | visibility: hidden; 846 | transition: 0.5s; 847 | z-index: 9; 848 | top: 100%; 849 | text-align: left; 850 | } 851 | 852 | .main_menu nav > ul > li > ul.mega_menu > li { 853 | width: 33%; 854 | float: left; 855 | } 856 | 857 | .main_menu nav > ul > li > ul.mega_menu > li > a { 858 | text-transform: uppercase; 859 | color: #242424; 860 | font-weight: 500; 861 | margin-bottom: 30px; 862 | } 863 | 864 | .main_menu nav > ul > li > ul.maga_menu > li > a:hover { 865 | color: #c09578; 866 | } 867 | 868 | .main_menu nav > ul > li > ul.maga_menu li ul li a { 869 | color: #808080; 870 | font-size: 13px; 871 | line-height: 18px; 872 | margin-bottom: 11px; 873 | display: block; 874 | text-transform: capitalize; 875 | font-weight: 400; 876 | } 877 | 878 | .main_menu nav > ul > li > ul.maga_menu li ul li a:hover { 879 | color: #c09578; 880 | } 881 | 882 | .main_menu nav ul li ul.sub_menu.pages { 883 | left: inherit; 884 | right: inherit; 885 | } 886 | 887 | .header_black .main_menu nav > ul > li.active > a { 888 | color: #a8741a; 889 | } 890 | 891 | .header_black .main_menu nav > ul > li:hover > a { 892 | color: #a8741a; 893 | } 894 | 895 | .header_black .main_menu nav > ul > li > a { 896 | color: #ffffff; 897 | font-family: serif; 898 | font-weight: 400; 899 | text-transform: capitalize; 900 | font-size: 18px; 901 | } 902 | 903 | .header_black .main_menu nav > ul > li ul.sub_menu { 904 | background: #242424; 905 | border: 1px solid #2d2d2d; 906 | } 907 | .header_black .main_menu nav > ul > li ul.sub_menu li a { 908 | color: #ffffff; 909 | font-family: serif; 910 | } 911 | 912 | .header_black .main_menu nav > ul > li ul.sub_menu li a:hover { 913 | color: #a8741a; 914 | } 915 | 916 | .header_black .main_menu nav > ul > li ul.mega_menu { 917 | background: #242424; 918 | border: 1px solid #2d2d2d; 919 | } 920 | .header_black .main_menu nav > ul > li ul.mega_menu > li > a { 921 | color: #ffffff; 922 | font-family: serif; 923 | } 924 | .header_black .main_menu nav > ul > li ul.mega_menu > li > a:hover { 925 | color: #a8741a; 926 | } 927 | .header_black .main_menu nav > ul > li ul.mega_menu > li ul li a { 928 | color: #ffffff; 929 | } 930 | 931 | .header_black .main_menu nav > ul > li ul.mega_menu > li ul li a:hover { 932 | color: #a8741a; 933 | } 934 | .ion-chevron-down { 935 | font-size: 14px; 936 | padding-left: 3px; 937 | } 938 | 939 | .main_menu nav > ul > li > a { 940 | display: block; 941 | padding: 19px 20px; 942 | color: #212121; 943 | font-size: 13px; 944 | line-height: 26px; 945 | text-transform: uppercase; 946 | font-weight: 500; 947 | } 948 | 949 | /* **********Slider Section *************** */ 950 | .single_slider { 951 | background-repeat: no-repeat; 952 | background-attachment: scroll; 953 | background-position: center center; 954 | background-size: cover; 955 | } 956 | 957 | .slider_area { 958 | margin-bottom: 35px; 959 | } 960 | 961 | .slider_area.owl-carousel .owl-dots { 962 | position: absolute; 963 | bottom: 20px; 964 | width: 100%; 965 | text-align: center; 966 | } 967 | 968 | .slider_area.owl-carousel .owl-dots .owl-dot { 969 | width: 9px; 970 | height: 9px; 971 | border-radius: 50%; 972 | display: inline-block; 973 | background: #242424; 974 | margin: 0 5px; 975 | transition: 0.3s; 976 | position: relative; 977 | } 978 | 979 | .slider_area.owl-carousel .owl-dots .owl-dot.active { 980 | transition: 0.3s; 981 | } 982 | 983 | .slider_area.owl-carousel .owl-dots .owl-dot.active::before { 984 | position: absolute; 985 | content: ""; 986 | background: #a8741a; 987 | width: 13px; 988 | height: 13px; 989 | left: -3px; 990 | top: -3px; 991 | border-radius: 50%; 992 | } 993 | 994 | .slider_area .single_slider .row { 995 | height: 500px; 996 | } 997 | 998 | .slider_area .slider_content { 999 | margin-left: 20px; 1000 | overflow: hidden; 1001 | } 1002 | .slider_black .slider_content p { 1003 | color: #a8741a; 1004 | font-size: 18px; 1005 | margin-bottom: 0; 1006 | line-height: 22px; 1007 | } 1008 | 1009 | .slider_black .slider_content p.slider_price { 1010 | color: #fff; 1011 | } 1012 | .slider_black .slider_content p.slider_price span { 1013 | color: #a8741a; 1014 | margin-bottom: 0; 1015 | } 1016 | 1017 | .slider_black .slider_content h1 { 1018 | color: #fff; 1019 | font-weight: 400; 1020 | margin-bottom: 10px; 1021 | font-family: "Baloo 2", serif; 1022 | } 1023 | 1024 | @media only screen and (min-width: 1200px) and (max-width: 1600px) { 1025 | .slider_black .slider_content h1 { 1026 | font-size: 40px; 1027 | line-height: 46px; 1028 | margin-bottom: 8px; 1029 | } 1030 | } 1031 | 1032 | .slider_black .slider_content span { 1033 | font-size: 24px; 1034 | color: #cccccc; 1035 | margin-bottom: 35px; 1036 | display: inline-block; 1037 | } 1038 | 1039 | @media only screen and (min-width: 1200px) and (max-width: 1600px) { 1040 | .slider_black .slider_content span { 1041 | font-size: 18px; 1042 | margin-bottom: 25px; 1043 | } 1044 | } 1045 | 1046 | .slider_black .slider_content a { 1047 | background: #a8741a; 1048 | margin-top: 30px; 1049 | } 1050 | 1051 | .slider_black .slider_content a:hover { 1052 | background: #212121; 1053 | } 1054 | 1055 | @media only screen and (min-width: 1200px) and (max-width: 1600px) { 1056 | .slider_black .slider_content a { 1057 | margin-top: 43px; 1058 | } 1059 | } 1060 | 1061 | .active .slider_content > span { 1062 | animation-fill-mode: both; 1063 | animation-duration: 1s; 1064 | animation-name: fadeInLeft; 1065 | animation-delay: 0.7s; 1066 | } 1067 | 1068 | .active .slider_content p, 1069 | .active .slider_content h1, 1070 | .active .slider_content a { 1071 | animation-fill-mode: both; 1072 | animation-duration: 1s; 1073 | animation-name: fadeInLeft; 1074 | animation-delay: 0.3s; 1075 | } 1076 | 1077 | .active .slider_content h1 { 1078 | animation-delay: 0.6s; 1079 | } 1080 | 1081 | .active .slider_content a { 1082 | animation-delay: 0.9s; 1083 | } 1084 | .slider_content p { 1085 | font-size: 18px; 1086 | line-height: 18px; 1087 | font-weight: 400; 1088 | color: #242424; 1089 | margin-bottom: 11px; 1090 | text-transform: capitalize; 1091 | } 1092 | 1093 | .slider_content h1 { 1094 | font-size: 60px; 1095 | line-height: 60px; 1096 | font-weight: 700; 1097 | color: #212121; 1098 | text-transform: capitalize; 1099 | margin-bottom: 30px; 1100 | } 1101 | 1102 | .slider_content p.slider_price { 1103 | color: #fff; 1104 | font-size: 18px; 1105 | } 1106 | 1107 | .slider_content p.slider_price span { 1108 | font-size: 22px; 1109 | font-weight: 500; 1110 | margin-left: 8px; 1111 | color: #a8741a; 1112 | margin-bottom: 0; 1113 | } 1114 | 1115 | .slider_content a { 1116 | font-weight: 500; 1117 | margin-top: 25px; 1118 | color: #fff; 1119 | height: 50px; 1120 | line-height: 50px; 1121 | padding: 0 35px; 1122 | } 1123 | 1124 | .slider_content a:hover { 1125 | background: #212121; 1126 | } 1127 | .button { 1128 | background: #a8741a; 1129 | box-shadow: none; 1130 | color: #fff; 1131 | display: inline-block; 1132 | height: 45px; 1133 | line-height: 45px; 1134 | padding: 0 22px; 1135 | text-transform: uppercase; 1136 | font-size: 13px; 1137 | border-radius: 5px; 1138 | } 1139 | 1140 | /* **********banner section ************ */ 1141 | .banner_section { 1142 | border-bottom: 1px solid #ebebeb; 1143 | margin-bottom: 70px; 1144 | } 1145 | .banner_black { 1146 | border-bottom: 1px solid #2d2d2d; 1147 | } 1148 | 1149 | .banner_black .banner_content { 1150 | transition: 0.5s; 1151 | bottom: 25px; 1152 | top: inherit; 1153 | } 1154 | 1155 | .banner_black .banner_content p { 1156 | color: #ffffff; 1157 | margin-bottom: 10px; 1158 | } 1159 | 1160 | .banner_black .banner_content h2 { 1161 | color: #a8741a; 1162 | font-weight: 400; 1163 | font-family: "Baloo 2", serif; 1164 | } 1165 | 1166 | @media only screen and (min-width: 992px) and (max-width: 1199px) { 1167 | .banner_black .banner_content h2 { 1168 | font-size: 21px; 1169 | line-height: 23px; 1170 | margin-bottom: 13px; 1171 | } 1172 | } 1173 | 1174 | .banner_black .banner_content span { 1175 | color: #fff; 1176 | } 1177 | 1178 | .banner_black .banner_thumb:hover .banner_content { 1179 | transform: scale(1.1); 1180 | } 1181 | 1182 | .banner_thumb { 1183 | position: relative; 1184 | overflow: hidden; 1185 | } 1186 | 1187 | .banner_thumb::before { 1188 | position: absolute; 1189 | content: ""; 1190 | width: 100%; 1191 | height: 100%; 1192 | background: rgba(0, 0, 0, 0.11); 1193 | top: 0; 1194 | left: 0; 1195 | transition: 0.3s; 1196 | opacity: 0; 1197 | pointer-events: none; 1198 | z-index: 1; 1199 | } 1200 | 1201 | .banner_thumb img { 1202 | transition: 0.3s; 1203 | } 1204 | 1205 | .banner_thumb:hover::before { 1206 | opacity: 1; 1207 | } 1208 | 1209 | .banner_thumb:hover img { 1210 | transform: scale(1.1); 1211 | } 1212 | 1213 | .banner_black .banner_thumb:hover .banner_content { 1214 | transform: scale(1.1); 1215 | } 1216 | .banner_content { 1217 | position: absolute; 1218 | top: 25px; 1219 | left: 25px; 1220 | } 1221 | 1222 | .banner_content p { 1223 | color: #7d7d7d; 1224 | margin-bottom: 0; 1225 | } 1226 | 1227 | .banner_content h2 { 1228 | color: #242424; 1229 | font-size: 24px; 1230 | font-weight: 700; 1231 | line-height: 27px; 1232 | margin-bottom: 15px; 1233 | } 1234 | .banner_content span { 1235 | color: #242424; 1236 | } 1237 | 1238 | /* ****************banner section overs ************** */ 1239 | 1240 | /* ******************** product section ****************** */ 1241 | .product_section { 1242 | margin-bottom: 34px; 1243 | } 1244 | 1245 | .product_black_section .product_tab_button ul.nav { 1246 | border: 2px solid #2d2d2d; 1247 | } 1248 | 1249 | .product_black_section .product_tab_button ul.nav::before { 1250 | background-image: linear-gradient(to right, transparent, #2d2d2d); 1251 | } 1252 | .product_black_section .product_tab_button ul.nav::after { 1253 | background-image: linear-gradient(to right, #2d2d2d, transparent); 1254 | } 1255 | .product_black_section .product_tab_button ul.nav li:first-child a { 1256 | border-left: 0; 1257 | } 1258 | 1259 | .product_black_section .product_tab_button ul.nav li a { 1260 | border-left: 2px solid #2d2d2d; 1261 | color: #ffffff; 1262 | font-family: "Baloo 2", serif; 1263 | } 1264 | 1265 | .product_black_section .product_tab_button ul.nav li a:hover { 1266 | color: #a8741a; 1267 | } 1268 | .product_black_section .product_tab_button ul.nav li a.active { 1269 | color: #a8741a; 1270 | } 1271 | 1272 | .product_black_section .product_tab_button ul.nav li a.active::before { 1273 | border: 2px solid #a8741a; 1274 | } 1275 | .product_tab_button { 1276 | margin-bottom: 35px; 1277 | text-align: center; 1278 | } 1279 | 1280 | .product_tab_button ul { 1281 | justify-content: center; 1282 | margin: 0 auto; 1283 | border: 2px solid #ebebeb; 1284 | } 1285 | 1286 | .product_tab_button ul.nav { 1287 | display: inline-block; 1288 | position: relative; 1289 | border: 2px solid #2d2d2d; 1290 | } 1291 | 1292 | .product_tab_button ul.nav::before { 1293 | content: ""; 1294 | width: 200px; 1295 | height: 2px; 1296 | position: absolute; 1297 | right: 100%; 1298 | top: 50%; 1299 | background-image: linear-gradient(to right, transparent, #2d2d2d); 1300 | } 1301 | .product_tab_button ul.nav::after { 1302 | content: ""; 1303 | width: 200px; 1304 | height: 2px; 1305 | position: absolute; 1306 | left: 100%; 1307 | top: 50%; 1308 | background-image: linear-gradient(to right, transparent, #2d2d2d); 1309 | } 1310 | 1311 | .product_tab_button ul li { 1312 | display: inline-block; 1313 | } 1314 | 1315 | .product_tab_button ul li:first-child a { 1316 | border-left: 0; 1317 | } 1318 | 1319 | .product_tab_button ul li a { 1320 | font-size: 20px; 1321 | color: #242424; 1322 | line-height: 48px; 1323 | text-transform: capitalize; 1324 | font-weight: 700; 1325 | display: inline-block; 1326 | font-family: "Baloo 2", serif; 1327 | border-left: 2px solid #ebebeb; 1328 | padding: 0 30px; 1329 | border-radius: 2px; 1330 | transition: 0.3s; 1331 | } 1332 | 1333 | .product_tab_button ul li a:hover { 1334 | color: #a8741a; 1335 | } 1336 | 1337 | .product_tab_button ul li a.active { 1338 | color: #a8741a; 1339 | position: relative; 1340 | } 1341 | .product_tab_button ul li a.active::before { 1342 | position: absolute; 1343 | content: ""; 1344 | width: 104%; 1345 | height: 109%; 1346 | border: 2px solid #a8741a; 1347 | left: -2px; 1348 | top: -2px; 1349 | border-radius: 2px; 1350 | } 1351 | 1352 | .tab-content { 1353 | padding-top: 20px; 1354 | } 1355 | 1356 | .tab-content > .tab-pane.active { 1357 | display: block; 1358 | height: auto; 1359 | opacity: 1; 1360 | overflow: visible; 1361 | } 1362 | 1363 | .tab-content > .tab-pane { 1364 | display: block; 1365 | height: 0; 1366 | opacity: 0; 1367 | overflow: hidden; 1368 | } 1369 | 1370 | .product_container .custom-col-5 { 1371 | flex: 0 0 100%; 1372 | max-width: 100%; 1373 | padding: 0 6px; 1374 | } 1375 | .custom-row { 1376 | display: flex; 1377 | flex-wrap: wrap; 1378 | margin-left: -6px; 1379 | margin-right: -6px; 1380 | } 1381 | 1382 | .single_product { 1383 | transition: 0.3s; 1384 | margin-bottom: 30px; 1385 | } 1386 | 1387 | .single_product:hover { 1388 | background: #fff; 1389 | border-radius: 3px; 1390 | box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3); 1391 | } 1392 | 1393 | .single_product:hover .product_hover { 1394 | top: 66%; 1395 | opacity: 1; 1396 | visibility: visible; 1397 | } 1398 | .single_product:hover .product_thumb a.secondary_img { 1399 | opacity: 1; 1400 | visibility: visible; 1401 | } 1402 | .product_black_section .single_product { 1403 | padding: 15px 17px; 1404 | } 1405 | 1406 | .product_black_section .single_product:hover { 1407 | background: #242424; 1408 | } 1409 | 1410 | .product_thumb { 1411 | position: relative; 1412 | margin-bottom: 8px; 1413 | } 1414 | 1415 | .product_thumb a.secondary_img { 1416 | position: absolute; 1417 | top: 0; 1418 | left: 0; 1419 | opacity: 0; 1420 | visibility: hidden; 1421 | } 1422 | .single_product:hover .quick_button { 1423 | opacity: 1; 1424 | visibility: visible; 1425 | } 1426 | .quick_button { 1427 | position: absolute; 1428 | bottom: 15px; 1429 | left: 15px; 1430 | right: 15px; 1431 | border-radius: 3px; 1432 | opacity: 0; 1433 | visibility: hidden; 1434 | transition: 0.3s; 1435 | } 1436 | 1437 | .quick_button a { 1438 | line-height: 45px; 1439 | background: #3e3e3e; 1440 | color: #fff; 1441 | padding: 0 10px; 1442 | font-weight: normal; 1443 | border-radius: 2px; 1444 | font-size: 13px; 1445 | text-transform: capitalize; 1446 | width: 100%; 1447 | text-align: center; 1448 | display: block; 1449 | } 1450 | 1451 | .quick_button a:hover { 1452 | background: #a8741a; 1453 | } 1454 | 1455 | .product_black_section .quick_button a { 1456 | font-family: "Baloo 2", serif; 1457 | font-size: 14px; 1458 | } 1459 | 1460 | .product_black_section .quick_button a:hover { 1461 | background: #a8741a; 1462 | } 1463 | 1464 | .product_content { 1465 | text-align: center; 1466 | position: relative; 1467 | } 1468 | .product_content h3 { 1469 | line-height: 22px; 1470 | font-size: 15px; 1471 | font-weight: 700; 1472 | text-transform: capitalize; 1473 | position: relative; 1474 | padding-bottom: 15px; 1475 | margin-bottom: 13px; 1476 | } 1477 | 1478 | .product_content h3::before { 1479 | background-image: linear-gradient( 1480 | to right, 1481 | transparent, 1482 | #2d2d2d 30%, 1483 | 85%, 1484 | transparent 1485 | ); 1486 | content: ""; 1487 | display: block; 1488 | height: 1px; 1489 | width: 100%; 1490 | position: absolute; 1491 | left: 0; 1492 | right: 0; 1493 | bottom: 0; 1494 | } 1495 | 1496 | .product_content h3 a { 1497 | color: #ffffff; 1498 | } 1499 | .product_content h3 a:hover { 1500 | color: #a8741a; 1501 | } 1502 | .product_black_section .product_content h3 { 1503 | font-family: "Poppins", "Franklin Gothic Medium", "Arial Narrow", Arial, 1504 | sans-serif; 1505 | font-size: 16px; 1506 | font-weight: 400; 1507 | } 1508 | 1509 | .tag_cate { 1510 | margin-bottom: 10px; 1511 | } 1512 | .product_black_section .tag_cate a { 1513 | color: #a0a0a0; 1514 | font-size: 13px; 1515 | } 1516 | .product_black_section .tag_cate a:hover { 1517 | color: #a8741a; 1518 | } 1519 | .price_box > span { 1520 | font-size: 16px; 1521 | font-weight: 500; 1522 | color: #a8741a; 1523 | } 1524 | 1525 | .price_box > span.old_price { 1526 | color: #545454; 1527 | font-size: 14px; 1528 | margin-right: 5px; 1529 | text-decoration: line-through; 1530 | font-weight: 400; 1531 | } 1532 | 1533 | .product_hover { 1534 | position: absolute; 1535 | top: 50%; 1536 | z-index: 9; 1537 | left: 0; 1538 | background: #fff; 1539 | padding: 3px 8px 20px 8px; 1540 | box-shadow: 0px 6px 7px 0 rgba(0, 0, 0, 0.3); 1541 | transition: all 300ms ease-in-out; 1542 | opacity: 0; 1543 | visibility: hidden; 1544 | } 1545 | .single_product:hover .product_hover { 1546 | top: 66%; 1547 | opacity: 1; 1548 | visibility: visible; 1549 | } 1550 | 1551 | .product_black_section .product_hover { 1552 | background: #242424; 1553 | left: -17px; 1554 | width: 117%; 1555 | } 1556 | 1557 | .product_ratings { 1558 | margin-bottom: 6px; 1559 | } 1560 | 1561 | .product_ratings ul li { 1562 | display: inline-block; 1563 | } 1564 | 1565 | .product_ratings ul li a { 1566 | color: #a8741a; 1567 | } 1568 | 1569 | .product_desc { 1570 | margin-bottom: 15px; 1571 | position: relative; 1572 | padding-bottom: 14px; 1573 | } 1574 | 1575 | .product_desc::before { 1576 | background-image: linear-gradient( 1577 | to right, 1578 | transparent, 1579 | #2d2d2d 30%, 1580 | 85%, 1581 | transparent 1582 | ); 1583 | content: ""; 1584 | display: block; 1585 | height: 1px; 1586 | width: 100%; 1587 | position: absolute; 1588 | left: 0; 1589 | right: 0; 1590 | bottom: 0; 1591 | } 1592 | .product_desc p { 1593 | font-size: 13px; 1594 | line-height: 18px; 1595 | color: #a0a0a0; 1596 | } 1597 | .action_links ul li { 1598 | display: inline-block; 1599 | } 1600 | .action_links ul li.add_to_cart a { 1601 | line-height: 35px; 1602 | padding: 0 18px; 1603 | width: 100%; 1604 | text-transform: capitalize; 1605 | font-size: 12px; 1606 | } 1607 | 1608 | .action_links ul li a { 1609 | line-height: 37px; 1610 | height: 35px; 1611 | width: 35px; 1612 | background: #2e2e2e; 1613 | color: #ccc; 1614 | display: block; 1615 | text-align: center; 1616 | } 1617 | 1618 | .action_links ul li a:hover { 1619 | color: #fff; 1620 | background: #a8741a; 1621 | } 1622 | 1623 | .product_black_section .action_links ul li.add_to_cart a { 1624 | font-family: "Trebuchet MS", sans-serif; 1625 | } 1626 | 1627 | .product_container button { 1628 | display: none !important; 1629 | } 1630 | 1631 | /* add this from last part */ 1632 | 1633 | .p_section1 .slick-list { 1634 | padding-bottom: 135px !important; 1635 | margin-bottom: -135px; 1636 | z-index: 9; 1637 | padding-top: 18px !important; 1638 | margin-top: -30px; 1639 | position: relative; 1640 | } 1641 | 1642 | .p_bottom.p_section1 .slick-list { 1643 | padding-bottom: 120px !important; 1644 | margin-bottom: -120px; 1645 | } 1646 | 1647 | /* till here */ 1648 | 1649 | /* banner section */ 1650 | .banner_fullwidth { 1651 | background: url(images/banner/banner2222.jpg); 1652 | margin-bottom: 64px; 1653 | } 1654 | 1655 | .banner_fullwidth .row { 1656 | height: 510px; 1657 | } 1658 | 1659 | .black_fullwidth .banner_text:hover { 1660 | transform: scale(1.1); 1661 | } 1662 | 1663 | .black_fullwidth .banner_text p { 1664 | color: #a8741a; 1665 | } 1666 | 1667 | .black_fullwidth .banner_text h2 { 1668 | color: #fff; 1669 | font-family: serif; 1670 | font-weight: 400; 1671 | } 1672 | 1673 | .black_fullwidth .banner_text span { 1674 | color: #a0a0a0; 1675 | } 1676 | 1677 | .black_fullwidth .banner_text a { 1678 | color: #a8741a; 1679 | border: 2px solid #a8741a; 1680 | } 1681 | 1682 | .black_fullwidth .banner_text a:hover { 1683 | color: #fff; 1684 | background: #a8741a; 1685 | } 1686 | 1687 | .banner_text { 1688 | text-align: center; 1689 | cursor: pointer; 1690 | transition: 0.3s; 1691 | } 1692 | 1693 | .banner_text p { 1694 | font-size: 16px; 1695 | margin: 0; 1696 | } 1697 | 1698 | .banner_text h2 { 1699 | font-size: 50px; 1700 | text-transform: capitalize; 1701 | margin-bottom: 10px; 1702 | font-weight: 700; 1703 | line-height: 65px; 1704 | } 1705 | .banner_text > span { 1706 | font-size: 16px; 1707 | margin: 0; 1708 | display: block; 1709 | } 1710 | 1711 | .banner_text a { 1712 | font-size: 13px; 1713 | font-weight: 500; 1714 | text-transform: uppercase; 1715 | color: #a8741a; 1716 | border: 2px solid #a8741a; 1717 | padding: 0 45px; 1718 | border-radius: 3px; 1719 | margin-top: 70px; 1720 | line-height: 46px; 1721 | display: inline-block; 1722 | } 1723 | 1724 | /* ******** product section ******* */ 1725 | .product_container.bottom button { 1726 | display: block !important; 1727 | position: absolute; 1728 | top: -60px; 1729 | right: 30px; 1730 | z-index: 99; 1731 | border: 0; 1732 | background: inherit; 1733 | font-size: 15px; 1734 | background: transparent; 1735 | color: #a0a0a0; 1736 | } 1737 | 1738 | .product_container.bottom button:hover { 1739 | color: #a8741a; 1740 | } 1741 | 1742 | .product_container.bottom button.next_arrow { 1743 | right: 13px; 1744 | } 1745 | 1746 | .product_black_section.bottom { 1747 | border-bottom: 1px solid #2d2d2d; 1748 | padding-bottom: 34px; 1749 | margin-bottom: 80px; 1750 | } 1751 | .section_title { 1752 | margin-bottom: 33px; 1753 | position: relative; 1754 | } 1755 | 1756 | .section_title::before { 1757 | content: ""; 1758 | height: 2px; 1759 | background: #2d2d2d; 1760 | position: absolute; 1761 | left: 0; 1762 | right: 15px; 1763 | top: 50%; 1764 | } 1765 | 1766 | .section_title h2 { 1767 | margin-bottom: 0; 1768 | position: relative; 1769 | display: inline-block; 1770 | line-height: 30px; 1771 | text-transform: capitalize; 1772 | padding-right: 20px; 1773 | background: #242424; 1774 | color: #fff; 1775 | font-size: 24px; 1776 | font-weight: 400; 1777 | } 1778 | 1779 | .blog_section { 1780 | padding-bottom: 62px; 1781 | border-bottom: 1px solid #ebebeb; 1782 | margin-bottom: 62px; 1783 | } 1784 | 1785 | .blog_section .section_title { 1786 | margin-bottom: 30px; 1787 | } 1788 | 1789 | .blog_black { 1790 | border-bottom: 0; 1791 | padding-bottom: 0; 1792 | margin-bottom: 64px; 1793 | position: relative; 1794 | z-index: 9; 1795 | } 1796 | 1797 | .blog_black .section_title::before { 1798 | background: #2d2d2d; 1799 | } 1800 | 1801 | .blog_black .section_title h2 { 1802 | color: #ffffff; 1803 | background: #242424; 1804 | font-weight: 400; 1805 | } 1806 | 1807 | .blog_black .blog_wrapper .owl-nav { 1808 | background: #242424; 1809 | } 1810 | 1811 | .blog_black .blog_wrapper .owl-nav div { 1812 | color: #a0a0a0; 1813 | } 1814 | 1815 | .blog_black .blog_wrapper .owl-nav div:hover { 1816 | color: #a8741a; 1817 | } 1818 | .blog_content { 1819 | text-align: left; 1820 | } 1821 | 1822 | .blog_content h3 { 1823 | font-size: 18px; 1824 | text-transform: capitalize; 1825 | line-height: 21px; 1826 | position: relative; 1827 | margin-top: 0; 1828 | margin-bottom: 13px; 1829 | font-weight: 700; 1830 | } 1831 | 1832 | .blog_content h3 a { 1833 | color: #ffff; 1834 | letter-spacing: 1px; 1835 | font-family: "Poppins", serif !important; 1836 | font-weight: 500; 1837 | } 1838 | .blog_content h3 a:hover { 1839 | color: #a8741a; 1840 | } 1841 | 1842 | .blog_content .read_more a { 1843 | color: #a0a0a0; 1844 | } 1845 | .blog_content .read_more a:hover { 1846 | color: #a8741a; 1847 | } 1848 | 1849 | .author_name p { 1850 | color: #fff; 1851 | } 1852 | 1853 | .author_name p span.themes { 1854 | color: #a8741a; 1855 | } 1856 | 1857 | .post_desc p { 1858 | color: #a0a0a0; 1859 | font-size: 13px; 1860 | } 1861 | .blog_wrapper .col-lg-4 { 1862 | flex: 0 0 100%; 1863 | width: 100%; 1864 | } 1865 | 1866 | .blog_wrapper .owl-nav { 1867 | position: absolute; 1868 | top: -55px; 1869 | right: 14px; 1870 | display: flex; 1871 | background: transparent; 1872 | padding: 0 10px; 1873 | font-size: 18px; 1874 | } 1875 | 1876 | .blog_wrapper .owl-nav div.owl-next { 1877 | margin-left: 8px; 1878 | } 1879 | 1880 | .blog_thumb { 1881 | position: relative; 1882 | margin-bottom: 20px; 1883 | } 1884 | .blog_thumb a { 1885 | display: block; 1886 | } 1887 | .blog_thumb::before { 1888 | position: absolute; 1889 | content: ""; 1890 | width: 100%; 1891 | height: 100%; 1892 | background: rgba(34, 34, 34, 0.7); 1893 | top: 0; 1894 | left: 0; 1895 | transition: 0.3s; 1896 | opacity: 0; 1897 | pointer-events: none; 1898 | visibility: hidden; 1899 | } 1900 | 1901 | .blog_thumb:hover::before { 1902 | opacity: 1; 1903 | visibility: visible; 1904 | } 1905 | 1906 | .author_name { 1907 | margin-bottom: 10px; 1908 | } 1909 | .author_name p { 1910 | font-size: 13px; 1911 | text-transform: capitalize; 1912 | color: #a7a7a7; 1913 | } 1914 | 1915 | .author_name p span.themes { 1916 | color: #a8741a; 1917 | } 1918 | 1919 | .author_name p span.post_by { 1920 | color: #adabab; 1921 | } 1922 | 1923 | .post_desc { 1924 | margin-bottom: 12px; 1925 | } 1926 | .post_desc p { 1927 | line-height: 26px; 1928 | color: #a0a0a0; 1929 | } 1930 | .blog_content p.post_desc { 1931 | color: #5a5a5a; 1932 | line-height: 25px; 1933 | margin-bottom: 21px; 1934 | } 1935 | 1936 | .blog_column3 i { 1937 | font-size: 17px; 1938 | padding: 0 5px; 1939 | } 1940 | 1941 | .blog_column3 .ion-chevron-left:hover { 1942 | color: #a8741a; 1943 | } 1944 | .blog_column3 .ion-chevron-right:hover { 1945 | color: #a8741a; 1946 | } 1947 | 1948 | /* ********** instagram ********* */ 1949 | .instagram__item { 1950 | height: 320px; 1951 | display: flex; 1952 | align-items: center; 1953 | justify-content: center; 1954 | position: relative; 1955 | z-index: 1; 1956 | } 1957 | 1958 | .instagram__item:hover::after { 1959 | opacity: 1; 1960 | } 1961 | .instagram__item:hover .instagram__text { 1962 | opacity: 1; 1963 | visibility: visible; 1964 | } 1965 | .instagram__item::after { 1966 | position: absolute; 1967 | left: 0; 1968 | top: 0; 1969 | height: 100%; 1970 | width: 100%; 1971 | background: rgba(212, 28, 74, 0.719); 1972 | content: ""; 1973 | opacity: 0; 1974 | z-index: -1; 1975 | transition: all, 0.3s; 1976 | } 1977 | 1978 | .instagram__text { 1979 | text-align: center; 1980 | opacity: 0; 1981 | visibility: hidden; 1982 | transition: all, 0.3s; 1983 | } 1984 | 1985 | .instagram__text i { 1986 | font-size: 30px; 1987 | color: #0d0d0d; 1988 | } 1989 | 1990 | .instagram__text a { 1991 | font-size: 16px; 1992 | color: #0d0d0d; 1993 | font-weight: 500; 1994 | display: block; 1995 | margin-top: 10px; 1996 | } 1997 | 1998 | /* ***********************subscribe *********** */ 1999 | .newsletter_area { 2000 | border-bottom: 1px solid #ebebeb; 2001 | padding-bottom: 70px; 2002 | margin-bottom: 65px; 2003 | } 2004 | 2005 | .newsletter_black { 2006 | border-bottom: 0; 2007 | padding-bottom: 0; 2008 | margin-bottom: 70px; 2009 | } 2010 | 2011 | .newsletter_black h2 { 2012 | color: #ffffff; 2013 | font-family: serif; 2014 | font-weight: 700; 2015 | font-size: 35px; 2016 | letter-spacing: 2px; 2017 | line-height: 32px; 2018 | } 2019 | .newsletter_black p { 2020 | color: #a0a0a0; 2021 | line-height: 26px; 2022 | margin-bottom: 37px; 2023 | } 2024 | .newsletter_black .newsletter_content form { 2025 | width: inherit; 2026 | position: unset; 2027 | display: flex; 2028 | justify-content: center; 2029 | width: 600px; 2030 | position: relative; 2031 | margin: 0 auto; 2032 | margin-bottom: 20px; 2033 | } 2034 | 2035 | .newsletter_black .newsletter_content form input { 2036 | width: 100%; 2037 | border: 2px solid #2d2d2d; 2038 | font-size: 12px; 2039 | color: #fff; 2040 | padding: 0 20px; 2041 | border-radius: 4px; 2042 | padding: 10px 224px 10px 20px; 2043 | background: none; 2044 | } 2045 | .newsletter_black .newsletter_content form button { 2046 | position: absolute; 2047 | font-family: "Poppins", serif; 2048 | content: ""; 2049 | right: 0; 2050 | top: 0; 2051 | font-size: 16px; 2052 | font-weight: 500; 2053 | text-align: center; 2054 | padding: 0 60px; 2055 | background: #a8741a; 2056 | color: #fff; 2057 | height: 100%; 2058 | border: 0; 2059 | border-radius: 4px; 2060 | text-transform: capitalize; 2061 | } 2062 | 2063 | .newsletter_black .newsletter_content form button:hover { 2064 | color: #000; 2065 | } 2066 | .newsletter_content { 2067 | text-align: center; 2068 | } 2069 | 2070 | /* ****************banner section ************** */ 2071 | .banner_section_five { 2072 | border-bottom: 0; 2073 | padding: 25px; 2074 | } 2075 | .banner_section_five .row { 2076 | margin-right: 0; 2077 | margin-left: 0; 2078 | } 2079 | 2080 | .port-box { 2081 | background-color: #1f1f1f; 2082 | overflow: hidden; 2083 | border-radius: 10px; 2084 | box-shadow: 2px 2px 13px rgba(0, 0, 0, 0.3); 2085 | position: relative; 2086 | } 2087 | 2088 | .text-overlay { 2089 | font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif; 2090 | position: absolute; 2091 | left: 0; 2092 | top: 0; 2093 | width: 100%; 2094 | height: 100%; 2095 | display: flex; 2096 | justify-content: center; 2097 | align-items: center; 2098 | flex-direction: column; 2099 | background-color: #3b3f3f; 2100 | opacity: 0.8; 2101 | display: none; 2102 | } 2103 | .text-overlay h1, 2104 | p { 2105 | color: whitesmoke; 2106 | } 2107 | 2108 | .text-overlay h1 { 2109 | font-size: 2.2rem; 2110 | margin: 0; 2111 | padding: 0; 2112 | letter-spacing: 2px; 2113 | } 2114 | 2115 | .text-overlay p { 2116 | font-size: 1.2rem; 2117 | margin: 0; 2118 | } 2119 | 2120 | .port-box:hover .text-overlay { 2121 | display: flex; 2122 | } 2123 | 2124 | .port-box img { 2125 | width: 100%; 2126 | height: 100%; 2127 | object-fit: cover; 2128 | } 2129 | /* ******************* ************* */ 2130 | /* footer section */ 2131 | .footer_black { 2132 | border-top: 1px solid #2d2d2d; 2133 | padding-top: 67px; 2134 | } 2135 | 2136 | .footer_top { 2137 | padding-bottom: 61px; 2138 | } 2139 | .footer_black .widgets_container > h3 { 2140 | color: #fff; 2141 | font-family: serif; 2142 | font-weight: 400; 2143 | font-size: 25px; 2144 | line-height: 26px; 2145 | text-transform: capitalize; 2146 | margin-bottom: 24px; 2147 | } 2148 | 2149 | .footer_contact p { 2150 | margin-bottom: 0; 2151 | line-height: 30px; 2152 | color: #a0a0a0; 2153 | } 2154 | 2155 | .footer_contact p a:hover { 2156 | color: #a8741a; 2157 | } 2158 | 2159 | .footer_contact ul { 2160 | margin-top: 10px; 2161 | } 2162 | .footer_contact ul li { 2163 | display: inline-block; 2164 | margin-right: 7px; 2165 | } 2166 | 2167 | .footer_contact ul li:last-child { 2168 | margin-right: 0; 2169 | } 2170 | .footer_contact ul li a { 2171 | color: #fff; 2172 | font-size: 18px; 2173 | width: 40px; 2174 | height: 40px; 2175 | line-height: 40px; 2176 | border: 0; 2177 | background: #2f2f2f; 2178 | text-align: center; 2179 | border-radius: 50%; 2180 | display: block; 2181 | } 2182 | 2183 | .footer_contact ul li a:hover { 2184 | background: #a8741a; 2185 | } 2186 | 2187 | .footer_menu ul li a { 2188 | display: block; 2189 | font-weight: 400; 2190 | line-height: 30px; 2191 | font-size: 14px; 2192 | color: #a0a0a0; 2193 | } 2194 | 2195 | .footer_menu ul li a:hover { 2196 | color: #a8741a; 2197 | } 2198 | 2199 | /* ***************** */ 2200 | .simple_product_items { 2201 | display: flex; 2202 | padding-bottom: 10px; 2203 | margin-bottom: 10px; 2204 | border-bottom: 1px solid 2d2d2d; 2205 | } 2206 | 2207 | .simple_product_items:last-child { 2208 | padding-bottom: 0; 2209 | margin-bottom: 0; 2210 | border-bottom: 0; 2211 | } 2212 | 2213 | .simple_product_thumb { 2214 | width: 22%; 2215 | } 2216 | 2217 | .simple_product_content { 2218 | width: 70%; 2219 | margin-left: 17px; 2220 | } 2221 | 2222 | .simple_product_content .tag_cate { 2223 | margin-bottom: 0; 2224 | } 2225 | .simple_product_content .product_name h3 { 2226 | font-size: 16px; 2227 | line-height: 26px; 2228 | margin-bottom: 10px; 2229 | } 2230 | 2231 | .simple_product_content .product_name h3 a { 2232 | color: #fff; 2233 | font-size: 23px; 2234 | } 2235 | 2236 | .simple_product_content .product_name h3 a:hover { 2237 | color: #a8741a; 2238 | } 2239 | 2240 | .simple_product_content .product_price span { 2241 | color: #5a5a5a; 2242 | font-size: 14px; 2243 | font-weight: 400; 2244 | } 2245 | 2246 | .simple_product_content .product_price span.old_price { 2247 | text-decoration: line-through; 2248 | padding-right: 8px; 2249 | } 2250 | 2251 | .simple_product_content .product_price span.current_price { 2252 | color: #a8741a; 2253 | font-weight: 500; 2254 | } 2255 | 2256 | /* *********footer bottom ******* */ 2257 | .footer_bottom { 2258 | padding: 38px 0 46px; 2259 | } 2260 | 2261 | .copyright_area { 2262 | text-align: center; 2263 | } 2264 | .copyright_area p { 2265 | text-transform: capitalize; 2266 | line-height: 26px; 2267 | color: #a0a0a0; 2268 | } 2269 | 2270 | .copyright_area p a { 2271 | color: #a8741a; 2272 | } 2273 | .copyright_area p a:hover { 2274 | text-decoration: underline; 2275 | } 2276 | 2277 | /* ***********************over ************** */ 2278 | /* ***************modal section ************* */ 2279 | 2280 | .modal-dialog.modal-dialog-centered { 2281 | min-width: 870px; 2282 | } 2283 | 2284 | .modal_tab_img { 2285 | text-align: center; 2286 | margin-bottom: 10px; 2287 | } 2288 | .modal_tab_img img { 2289 | margin: 0 auto; 2290 | } 2291 | 2292 | .modal_tab_button ul li a { 2293 | padding: 0; 2294 | border: 1px solid #ebebeb; 2295 | margin: 0 2px; 2296 | } 2297 | 2298 | .modal_tab_button ul li a img { 2299 | width: 100%; 2300 | } 2301 | 2302 | .modal_title h2 { 2303 | font-size: 24px; 2304 | text-transform: capitalize; 2305 | font-weight: 600; 2306 | margin-bottom: 17px; 2307 | color: #242424; 2308 | line-height: 26px; 2309 | } 2310 | 2311 | .see_all { 2312 | margin-bottom: 27px; 2313 | } 2314 | .see_all a { 2315 | color: #5a5a5a; 2316 | text-decoration: underline; 2317 | } 2318 | .see_all a:hover { 2319 | color: #a8741a; 2320 | } 2321 | 2322 | .modal_social h2 { 2323 | font-size: 16px; 2324 | text-transform: capitalize; 2325 | font-weight: 600; 2326 | margin-bottom: 15px; 2327 | color: #242424; 2328 | line-height: 20px; 2329 | } 2330 | 2331 | .modal_social ul li { 2332 | display: inline-block; 2333 | margin-right: 3px; 2334 | } 2335 | 2336 | .modal_social ul li a { 2337 | text-transform: uppercase; 2338 | display: inline-block; 2339 | border: 1px solid #ddd; 2340 | width: 38px; 2341 | height: 38px; 2342 | text-align: center; 2343 | line-height: 36px; 2344 | border-radius: 50%; 2345 | font-size: 15px; 2346 | color: #212121; 2347 | font-weight: 400; 2348 | } 2349 | 2350 | .modal_social ul li a:hover { 2351 | background: #a8741a; 2352 | color: #fff; 2353 | border-color: #a8741a; 2354 | } 2355 | .modal_price { 2356 | margin-bottom: 16px; 2357 | } 2358 | .modal_price span { 2359 | font-weight: 600; 2360 | color: #a8741a; 2361 | font-size: 16px; 2362 | } 2363 | 2364 | .modal_price span.old_price { 2365 | color: #5a5a5a; 2366 | font-size: 14px; 2367 | font-weight: 400; 2368 | text-decoration: line-through; 2369 | margin-left: 5px; 2370 | } 2371 | 2372 | .modal_description p { 2373 | color: #5a5a5a; 2374 | font-size: 15px; 2375 | line-height: 24px; 2376 | margin: 0; 2377 | } 2378 | 2379 | .modal_add_to_cart { 2380 | border-bottom: 1px solid ebebeb; 2381 | padding-bottom: 30px; 2382 | } 2383 | .modal_add_to_cart form input { 2384 | width: 80px; 2385 | border: 1px solid #ebebeb; 2386 | background: none; 2387 | padding: 0 17px; 2388 | border-radius: 5px; 2389 | height: 40px; 2390 | } 2391 | 2392 | .modal_add_to_cart form button { 2393 | background: none; 2394 | border: 1px solid #212121; 2395 | margin-left: 10px; 2396 | font-size: 12px; 2397 | font-weight: 700; 2398 | height: 38px; 2399 | line-height: 18px; 2400 | padding: 10px 15px; 2401 | text-transform: uppercase; 2402 | background: #212121; 2403 | color: #fff; 2404 | border-radius: 5px; 2405 | transition: 0.3s; 2406 | cursor: pointer; 2407 | } 2408 | 2409 | .modal_add_to_cart form button:hover { 2410 | background: #a8741a; 2411 | color: #fff; 2412 | border-color: #a8741a; 2413 | } 2414 | .modal_body { 2415 | padding: 0 6px 38px; 2416 | } 2417 | 2418 | .modal-content button.close { 2419 | position: relative; 2420 | left: 94%; 2421 | width: 30px; 2422 | height: 30px; 2423 | display: block; 2424 | border: 1px solid #ebebeb; 2425 | top: 10px; 2426 | border-radius: 5px; 2427 | cursor: pointer; 2428 | font-size: 20px; 2429 | z-index: 9; 2430 | } 2431 | 2432 | .modal_add_to_cart.mb-15 { 2433 | margin-bottom: 23px; 2434 | } 2435 | .modal_description.mb-15 { 2436 | margin-bottom: 25px; 2437 | border-bottom: 1px solid ebebeb; 2438 | padding-bottom: 23px; 2439 | } 2440 | 2441 | .product_navactive.owl-carousel:hover .owl-nav div { 2442 | opacity: 1; 2443 | visibility: visible; 2444 | } 2445 | 2446 | .product_navactive.owl-carousel .owl-nav { 2447 | display: block; 2448 | } 2449 | .product_navactive.owl-carousel .owl-nav div { 2450 | position: absolute; 2451 | background: #f2f2f2; 2452 | border-radius: 3px; 2453 | color: #333; 2454 | height: 32px; 2455 | top: 50%; 2456 | transform: translateY(-50%); 2457 | width: 32px; 2458 | text-align: center; 2459 | line-height: 32px; 2460 | left: -7px; 2461 | font-size: 18px; 2462 | transition: 0.3s; 2463 | opacity: 0; 2464 | visibility: hidden; 2465 | } 2466 | .product_navactive.owl-carousel .owl-nav div:hover { 2467 | background: #a8741a; 2468 | color: #fff; 2469 | } 2470 | .product_navactive.owl-carousel .owl-nav div.owl-next { 2471 | right: -7px; 2472 | left: auto; 2473 | } 2474 | 2475 | .arrow-left { 2476 | position: absolute; 2477 | top: 29px; 2478 | left: -9px; 2479 | font-size: 20px; 2480 | height: 25px; 2481 | width: 21px; 2482 | color: black; 2483 | padding: 2px; 2484 | border-radius: 6px; 2485 | padding-right: 3px; 2486 | } 2487 | .arrow-right { 2488 | position: absolute; 2489 | top: 27px; 2490 | right: -12px; 2491 | font-size: 20px; 2492 | height: 25px; 2493 | width: 24px; 2494 | color: black; 2495 | padding: 2px; 2496 | border-radius: 6px; 2497 | padding-left: 5px; 2498 | } 2499 | .arrow-left:hover, 2500 | .arrow-right:hover { 2501 | background: #a8741a; 2502 | color: #fff; 2503 | } 2504 | --------------------------------------------------------------------------------