├── Deals ├── D1-1.png ├── D1-2.png ├── D2-1.png ├── D2-2.png ├── D3-1.png └── D3-2.png ├── README.md ├── banner ├── banner-long.jpg ├── banner1.jpg ├── banner2.jpg ├── banner3.jpg ├── banner4.png └── banner5.jpg ├── best-product ├── B1-1.png ├── B1-2.png ├── B2-1.png ├── B2-2.png ├── B3-1.png ├── B3-2.png ├── B4-1.png ├── B4-2.png ├── B5-1.png ├── B5-2.png ├── B6-1.png └── B6-2.png ├── blog ├── blog1.jpg ├── blog2.jpg ├── blog3.jpg └── blog4.jpg ├── countdown.js ├── icon ├── language.png ├── paypal.jpg ├── paypal1.jpg ├── paypal2.jpg ├── paypal3.jpg ├── paypal4.jpg └── paypal5.jpg ├── index.html ├── logo.png ├── main.js ├── new-product ├── N1-1.png ├── N1-2.png ├── N2-1.png ├── N2-2.png ├── N3.png ├── N4-1.png ├── N4-2.png ├── N5-1.png ├── N5-2.png ├── N6-1.png └── N6-2.png ├── onsale ├── D1-1.png ├── D1-2.png ├── D10-1.png ├── D10-2.png ├── D11-1.png ├── D11-2.png ├── D12-1.png ├── D12-2.png ├── D2-1.png ├── D2-2.png ├── D3-1.png ├── D3-2.png ├── D4-1.png ├── D4-2.png ├── D5-1.png ├── D5-2.png ├── D6-1.png ├── D6-2.png ├── D7-1.png ├── D7-2.png ├── D8-1.png ├── D8-2.png ├── D9-1.png └── D9-2.png ├── products ├── Men │ ├── 1-1.png │ ├── 1-2.png │ ├── 2-1.png │ ├── 2-2.png │ ├── 3-1.png │ ├── 3-2.png │ ├── 4-1.png │ ├── 4-2.png │ ├── 5-1.png │ ├── 5-2.png │ ├── 6-1.png │ └── 6-2.png ├── Unisex │ ├── 1-1.png │ ├── 1-2.png │ ├── 2-1.png │ ├── 2-2.png │ ├── 3-1.png │ ├── 3-2.png │ ├── 4-1.png │ ├── 4-2.png │ ├── 5-1.png │ ├── 5-2.png │ ├── 6-1.png │ └── 6-2.png └── Women │ ├── 1-1.png │ ├── 1-2.png │ ├── 2-1.png │ ├── 2-2.png │ ├── 3-1.png │ ├── 3-2.png │ ├── 4-1.png │ ├── 4-2.png │ ├── 5-1.png │ ├── 5-2.png │ ├── 6-1.png │ └── 6-2.png ├── slider ├── slider1.jpg └── slider2.jpg ├── small-product ├── mini1.png └── mini2.png ├── style.css └── testimonial ├── testimonial1.jpg ├── testimonial2.jpg └── testimonial3.jpg /Deals/D1-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/Deals/D1-1.png -------------------------------------------------------------------------------- /Deals/D1-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/Deals/D1-2.png -------------------------------------------------------------------------------- /Deals/D2-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/Deals/D2-1.png -------------------------------------------------------------------------------- /Deals/D2-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/Deals/D2-2.png -------------------------------------------------------------------------------- /Deals/D3-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/Deals/D3-1.png -------------------------------------------------------------------------------- /Deals/D3-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/Deals/D3-2.png -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Perfume-Website 2 | 3 | All Images are Linked and the links which are used are linked below. 4 | 5 | Links used to support CSS are : 6 | 7 | 1. Bootstrap : 8 | 9 | https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css 10 | 11 | 2. Font Awesome : 12 | 13 | https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css 14 | 15 | 3. Animate : 16 | 17 | https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css 18 | 19 | 4. Owl Carousel : 20 | 21 | https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/assets/owl.carousel.min.css 22 | 23 | 5. Nice Select : 24 | 25 | https://cdnjs.cloudflare.com/ajax/libs/jquery-nice-select/1.1.0/css/nice-select.min.css 26 | 27 | 28 | Links for javascript are : 29 | 30 | 1. jQuery js : 31 | 32 | https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js 33 | 34 | 2. Popper js : 35 | 36 | https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js 37 | 38 | 3. Bootstrap js : 39 | 40 | https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js 41 | 42 | 4. Owl Carousel js : 43 | 44 | https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/owl.carousel.min.js 45 | 46 | 5. Countdown js : 47 | 48 | For this js i have uploaded a file. You can download from there. 49 | countdown.js 50 | 51 | 6. Nice Select js: 52 | 53 | https://cdnjs.cloudflare.com/ajax/libs/jquery-nice-select/1.1.0/js/jquery.nice-select.min.js 54 | -------------------------------------------------------------------------------- /banner/banner-long.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/banner/banner-long.jpg -------------------------------------------------------------------------------- /banner/banner1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/banner/banner1.jpg -------------------------------------------------------------------------------- /banner/banner2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/banner/banner2.jpg -------------------------------------------------------------------------------- /banner/banner3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/banner/banner3.jpg -------------------------------------------------------------------------------- /banner/banner4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/banner/banner4.png -------------------------------------------------------------------------------- /banner/banner5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/banner/banner5.jpg -------------------------------------------------------------------------------- /best-product/B1-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/best-product/B1-1.png -------------------------------------------------------------------------------- /best-product/B1-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/best-product/B1-2.png -------------------------------------------------------------------------------- /best-product/B2-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/best-product/B2-1.png -------------------------------------------------------------------------------- /best-product/B2-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/best-product/B2-2.png -------------------------------------------------------------------------------- /best-product/B3-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/best-product/B3-1.png -------------------------------------------------------------------------------- /best-product/B3-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/best-product/B3-2.png -------------------------------------------------------------------------------- /best-product/B4-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/best-product/B4-1.png -------------------------------------------------------------------------------- /best-product/B4-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/best-product/B4-2.png -------------------------------------------------------------------------------- /best-product/B5-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/best-product/B5-1.png -------------------------------------------------------------------------------- /best-product/B5-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/best-product/B5-2.png -------------------------------------------------------------------------------- /best-product/B6-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/best-product/B6-1.png -------------------------------------------------------------------------------- /best-product/B6-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/best-product/B6-2.png -------------------------------------------------------------------------------- /blog/blog1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/blog/blog1.jpg -------------------------------------------------------------------------------- /blog/blog2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/blog/blog2.jpg -------------------------------------------------------------------------------- /blog/blog3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/blog/blog3.jpg -------------------------------------------------------------------------------- /blog/blog4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/blog/blog4.jpg -------------------------------------------------------------------------------- /countdown.js: -------------------------------------------------------------------------------- 1 | // AMD support (Thanks to @FagnerMartinsBrack) 2 | (function (factory) { 3 | "use strict"; 4 | 5 | if (typeof define === "function" && define.amd) { 6 | define(["jquery"], factory); 7 | } else { 8 | factory(jQuery); 9 | } 10 | })(function ($) { 11 | "use strict"; 12 | 13 | var instances = [], 14 | matchers = [], 15 | defaultOptions = { 16 | precision: 100, // 0.1 seconds, used to update the DOM 17 | elapse: false, 18 | defer: false, 19 | }; 20 | // Miliseconds 21 | matchers.push(/^[0-9]*$/.source); 22 | // Month/Day/Year [hours:minutes:seconds] 23 | matchers.push(/([0-9]{1,2}\/){2}[0-9]{4}( [0-9]{1,2}(:[0-9]{2}){2})?/.source); 24 | // Year/Day/Month [hours:minutes:seconds] and 25 | // Year-Day-Month [hours:minutes:seconds] 26 | matchers.push( 27 | /[0-9]{4}([\/\-][0-9]{1,2}){2}( [0-9]{1,2}(:[0-9]{2}){2})?/.source 28 | ); 29 | // Cast the matchers to a regular expression object 30 | matchers = new RegExp(matchers.join("|")); 31 | // Parse a Date formatted has String to a native object 32 | function parseDateString(dateString) { 33 | // Pass through when a native object is sent 34 | if (dateString instanceof Date) { 35 | return dateString; 36 | } 37 | // Caste string to date object 38 | if (String(dateString).match(matchers)) { 39 | // If looks like a milisecond value cast to number before 40 | // final casting (Thanks to @msigley) 41 | if (String(dateString).match(/^[0-9]*$/)) { 42 | dateString = Number(dateString); 43 | } 44 | // Replace dashes to slashes 45 | if (String(dateString).match(/\-/)) { 46 | dateString = String(dateString).replace(/\-/g, "/"); 47 | } 48 | return new Date(dateString); 49 | } else { 50 | throw new Error("Couldn't cast `" + dateString + "` to a date object."); 51 | } 52 | } 53 | // Map to convert from a directive to offset object property 54 | var DIRECTIVE_KEY_MAP = { 55 | Y: "years", 56 | m: "months", 57 | n: "daysToMonth", 58 | d: "daysToWeek", 59 | w: "weeks", 60 | W: "weeksToMonth", 61 | H: "hours", 62 | M: "minutes", 63 | S: "seconds", 64 | D: "totalDays", 65 | I: "totalHours", 66 | N: "totalMinutes", 67 | T: "totalSeconds", 68 | }; 69 | // Returns an escaped regexp from the string 70 | function escapedRegExp(str) { 71 | var sanitize = str.toString().replace(/([.?*+^$[\]\\(){}|-])/g, "\\$1"); 72 | return new RegExp(sanitize); 73 | } 74 | // Time string formatter 75 | function strftime(offsetObject) { 76 | return function (format) { 77 | var directives = format.match(/%(-|!)?[A-Z]{1}(:[^;]+;)?/gi); 78 | if (directives) { 79 | for (var i = 0, len = directives.length; i < len; ++i) { 80 | var directive = directives[i].match(/%(-|!)?([a-zA-Z]{1})(:[^;]+;)?/), 81 | regexp = escapedRegExp(directive[0]), 82 | modifier = directive[1] || "", 83 | plural = directive[3] || "", 84 | value = null; 85 | // Get the key 86 | directive = directive[2]; 87 | // Swap shot-versions directives 88 | if (DIRECTIVE_KEY_MAP.hasOwnProperty(directive)) { 89 | value = DIRECTIVE_KEY_MAP[directive]; 90 | value = Number(offsetObject[value]); 91 | } 92 | if (value !== null) { 93 | // Pluralize 94 | if (modifier === "!") { 95 | value = pluralize(plural, value); 96 | } 97 | // Add zero-padding 98 | if (modifier === "") { 99 | if (value < 10) { 100 | value = "0" + value.toString(); 101 | } 102 | } 103 | // Replace the directive 104 | format = format.replace(regexp, value.toString()); 105 | } 106 | } 107 | } 108 | format = format.replace(/%%/, "%"); 109 | return format; 110 | }; 111 | } 112 | // Pluralize 113 | function pluralize(format, count) { 114 | var plural = "s", 115 | singular = ""; 116 | if (format) { 117 | format = format.replace(/(:|;|\s)/gi, "").split(/\,/); 118 | if (format.length === 1) { 119 | plural = format[0]; 120 | } else { 121 | singular = format[0]; 122 | plural = format[1]; 123 | } 124 | } 125 | // Fix #187 126 | if (Math.abs(count) > 1) { 127 | return plural; 128 | } else { 129 | return singular; 130 | } 131 | } 132 | // The Final Countdown 133 | var Countdown = function (el, finalDate, options) { 134 | this.el = el; 135 | this.$el = $(el); 136 | this.interval = null; 137 | this.offset = {}; 138 | this.options = $.extend({}, defaultOptions); 139 | // console.log(this.options); 140 | // This helper variable is necessary to mimick the previous check for an 141 | // event listener on this.$el. Because of the event loop there might not 142 | // be a registered event listener during the first tick. In order to work 143 | // as expected a second tick is necessary, so that the events can be fired 144 | // and handled properly. 145 | this.firstTick = true; 146 | // Register this instance 147 | this.instanceNumber = instances.length; 148 | instances.push(this); 149 | // Save the reference 150 | this.$el.data("countdown-instance", this.instanceNumber); 151 | // Handle options or callback 152 | if (options) { 153 | // Register the callbacks when supplied 154 | if (typeof options === "function") { 155 | this.$el.on("update.countdown", options); 156 | this.$el.on("stoped.countdown", options); 157 | this.$el.on("finish.countdown", options); 158 | } else { 159 | this.options = $.extend({}, defaultOptions, options); 160 | } 161 | } 162 | // Set the final date and start 163 | this.setFinalDate(finalDate); 164 | // Starts the countdown automatically unless it's defered, 165 | // Issue #198 166 | if (this.options.defer === false) { 167 | this.start(); 168 | } 169 | }; 170 | $.extend(Countdown.prototype, { 171 | start: function () { 172 | if (this.interval !== null) { 173 | clearInterval(this.interval); 174 | } 175 | var self = this; 176 | this.update(); 177 | this.interval = setInterval(function () { 178 | self.update.call(self); 179 | }, this.options.precision); 180 | }, 181 | stop: function () { 182 | clearInterval(this.interval); 183 | this.interval = null; 184 | this.dispatchEvent("stoped"); 185 | }, 186 | toggle: function () { 187 | if (this.interval) { 188 | this.stop(); 189 | } else { 190 | this.start(); 191 | } 192 | }, 193 | pause: function () { 194 | this.stop(); 195 | }, 196 | resume: function () { 197 | this.start(); 198 | }, 199 | remove: function () { 200 | this.stop.call(this); 201 | instances[this.instanceNumber] = null; 202 | // Reset the countdown instance under data attr (Thanks to @assiotis) 203 | delete this.$el.data().countdownInstance; 204 | }, 205 | setFinalDate: function (value) { 206 | this.finalDate = parseDateString(value); // Cast the given date 207 | }, 208 | update: function () { 209 | // Stop if dom is not in the html (Thanks to @dleavitt) 210 | if (this.$el.closest("html").length === 0) { 211 | this.remove(); 212 | return; 213 | } 214 | var now = new Date(), 215 | newTotalSecsLeft; 216 | // Create an offset date object 217 | newTotalSecsLeft = this.finalDate.getTime() - now.getTime(); // Millisecs 218 | // Calculate the remaining time 219 | newTotalSecsLeft = Math.ceil(newTotalSecsLeft / 1000); // Secs 220 | // If is not have to elapse set the finish 221 | newTotalSecsLeft = 222 | !this.options.elapse && newTotalSecsLeft < 0 223 | ? 0 224 | : Math.abs(newTotalSecsLeft); 225 | // Do not proceed to calculation if the seconds have not changed or 226 | // during the first tick 227 | if (this.totalSecsLeft === newTotalSecsLeft || this.firstTick) { 228 | this.firstTick = false; 229 | return; 230 | } else { 231 | this.totalSecsLeft = newTotalSecsLeft; 232 | } 233 | // Check if the countdown has elapsed 234 | this.elapsed = now >= this.finalDate; 235 | // Calculate the offsets 236 | this.offset = { 237 | seconds: this.totalSecsLeft % 60, 238 | minutes: Math.floor(this.totalSecsLeft / 60) % 60, 239 | hours: Math.floor(this.totalSecsLeft / 60 / 60) % 24, 240 | days: Math.floor(this.totalSecsLeft / 60 / 60 / 24) % 7, 241 | daysToWeek: Math.floor(this.totalSecsLeft / 60 / 60 / 24) % 7, 242 | daysToMonth: Math.floor((this.totalSecsLeft / 60 / 60 / 24) % 30.4368), 243 | weeks: Math.floor(this.totalSecsLeft / 60 / 60 / 24 / 7), 244 | weeksToMonth: Math.floor(this.totalSecsLeft / 60 / 60 / 24 / 7) % 4, 245 | months: Math.floor(this.totalSecsLeft / 60 / 60 / 24 / 30.4368), 246 | years: Math.abs(this.finalDate.getFullYear() - now.getFullYear()), 247 | totalDays: Math.floor(this.totalSecsLeft / 60 / 60 / 24), 248 | totalHours: Math.floor(this.totalSecsLeft / 60 / 60), 249 | totalMinutes: Math.floor(this.totalSecsLeft / 60), 250 | totalSeconds: this.totalSecsLeft, 251 | }; 252 | // Dispatch an event 253 | if (!this.options.elapse && this.totalSecsLeft === 0) { 254 | this.stop(); 255 | this.dispatchEvent("finish"); 256 | } else { 257 | this.dispatchEvent("update"); 258 | } 259 | }, 260 | dispatchEvent: function (eventName) { 261 | var event = $.Event(eventName + ".countdown"); 262 | event.finalDate = this.finalDate; 263 | event.elapsed = this.elapsed; 264 | event.offset = $.extend({}, this.offset); 265 | event.strftime = strftime(this.offset); 266 | this.$el.trigger(event); 267 | }, 268 | }); 269 | // Register the jQuery selector actions 270 | $.fn.countdown = function () { 271 | var argumentsArray = Array.prototype.slice.call(arguments, 0); 272 | return this.each(function () { 273 | // If no data was set, jQuery.data returns undefined 274 | var instanceNumber = $(this).data("countdown-instance"); 275 | // Verify if we already have a countdown for this node ... 276 | // Fix issue #22 (Thanks to @romanbsd) 277 | if (instanceNumber !== undefined) { 278 | var instance = instances[instanceNumber], 279 | method = argumentsArray[0]; 280 | // If method exists in the prototype execute 281 | if (Countdown.prototype.hasOwnProperty(method)) { 282 | instance[method].apply(instance, argumentsArray.slice(1)); 283 | // If method look like a date try to set a new final date 284 | } else if (String(method).match(/^[$A-Z_][0-9A-Z_$]*$/i) === null) { 285 | instance.setFinalDate.call(instance, method); 286 | // Allow plugin to restart after finished 287 | // Fix issue #38 (thanks to @yaoazhen) 288 | instance.start(); 289 | } else { 290 | $.error( 291 | "Method %s does not exist on jQuery.countdown".replace( 292 | /\%s/gi, 293 | method 294 | ) 295 | ); 296 | } 297 | } else { 298 | // ... if not we create an instance 299 | new Countdown(this, argumentsArray[0], argumentsArray[1]); 300 | } 301 | }); 302 | }; 303 | }); 304 | -------------------------------------------------------------------------------- /icon/language.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/icon/language.png -------------------------------------------------------------------------------- /icon/paypal.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/icon/paypal.jpg -------------------------------------------------------------------------------- /icon/paypal1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/icon/paypal1.jpg -------------------------------------------------------------------------------- /icon/paypal2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/icon/paypal2.jpg -------------------------------------------------------------------------------- /icon/paypal3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/icon/paypal3.jpg -------------------------------------------------------------------------------- /icon/paypal4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/icon/paypal4.jpg -------------------------------------------------------------------------------- /icon/paypal5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/icon/paypal5.jpg -------------------------------------------------------------------------------- /logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/logo.png -------------------------------------------------------------------------------- /main.js: -------------------------------------------------------------------------------- 1 | (function ($) { 2 | ("use strict"); 3 | 4 | // canvas menu activation 5 | $(".canvas_open").on("click", function () { 6 | $(".offcanvas_menu_wrapper,.off_canvars_overlay").addClass("active"); 7 | }); 8 | 9 | $(".canvas_close,.off_canvars_overlay").on("click", function () { 10 | $(".offcanvas_menu_wrapper,.off_canvars_overlay").removeClass("active"); 11 | }); 12 | 13 | // off canvas menu 14 | var $offcanvasNav = $(".offcanvas_main_menu"), 15 | $offcanvasNavSubMenu = $offcanvasNav.find(".sub-menu"); 16 | $offcanvasNavSubMenu 17 | .parent() 18 | .prepend( 19 | '' 20 | ); 21 | 22 | $offcanvasNavSubMenu.slideUp(); 23 | 24 | $offcanvasNav.on("click", "li a, li .menu-expand", function (e) { 25 | var $this = $(this); 26 | if ( 27 | $this 28 | .parent() 29 | .attr("class") 30 | .match(/\b(menu-item-has-children| has-children | has-sub-menu)\b/) && 31 | ($this.attr("href") === "#" || $this.hasClass("menu-expand")) 32 | ) { 33 | e.preventDefault(); 34 | if ($this.siblings("ul:visible").length) { 35 | $this.siblings("ul").slideUp("slow"); 36 | } else { 37 | $this.closest("li").siblings("li").find("ul:visible").slideUp("slow"); 38 | $this.siblings("ul").slideDown("slow"); 39 | } 40 | } 41 | 42 | if ( 43 | $this.is("a") || 44 | $this.is("span") || 45 | $this.attr("class").match(/\b(menu-expand)\b/) 46 | ) { 47 | $this.parent().toggleClass("menu-open"); 48 | } else if ( 49 | $this.is("li") && 50 | $this.attr("class").match(/\b('menu-item-has-children')\b/) 51 | ) { 52 | $this.toggleClass("menu-open"); 53 | } 54 | }); 55 | 56 | // search box slidetoggle activation 57 | $(".search_box > a").on("click", function () { 58 | $(this).toggleClass("active"); 59 | $(".search_widget").slideToggle("medium"); 60 | }); 61 | 62 | // slide toggle activation of mini cart 63 | $(".mini_cart_wrapper > a").on("click", function () { 64 | if ($(window).width() < 991) { 65 | $(".mini_cart").slideToggle("medium"); 66 | } 67 | }); 68 | 69 | // sticky header 70 | 71 | $(window).on("scroll", function () { 72 | var scroll = $(window).scrollTop(); 73 | if (scroll < 100) { 74 | $(".sticky-header").removeClass("sticky"); 75 | } else { 76 | $(".sticky-header").addClass("sticky"); 77 | } 78 | }); 79 | 80 | function dataBackgroundImage() { 81 | $("[data-bgimg]").each(function () { 82 | var bgImgUrl = $(this).data("bgimg"); 83 | $(this).css({ 84 | "background-image": "url(" + bgImgUrl + ")", 85 | }); 86 | }); 87 | } 88 | 89 | $(window).on("load", function () { 90 | dataBackgroundImage(); 91 | }); 92 | 93 | // slider activation 94 | $(".slider_area").owlCarousel({ 95 | animateOut: "fadeOut", 96 | autoplay: true, 97 | loop: true, 98 | nav: true, 99 | autoplay: false, 100 | autoplayTimeout: 5000, 101 | items: 1, 102 | dots: false, 103 | navText: [ 104 | '', 105 | '', 106 | ], 107 | }); 108 | 109 | // product column of 4 activation 110 | $(".product_column4") 111 | .on("changed.owl.carousel initialized.owl.carousel", function (event) { 112 | $(event.target) 113 | .find(".owl-item") 114 | .removeClass("last") 115 | .eq(event.item.index + event.page.size - 1) 116 | .addClass("last"); 117 | }) 118 | .owlCarousel({ 119 | autoplay: true, 120 | loop: true, 121 | nav: true, 122 | autoplay: false, 123 | autoplayTimeout: 5000, 124 | items: 4, 125 | dots: false, 126 | navText: [ 127 | '', 128 | '', 129 | ], 130 | responsiveClass: true, 131 | responsive: { 132 | 0: { 133 | items: 1, 134 | }, 135 | 576: { 136 | items: 2, 137 | }, 138 | 768: { 139 | items: 3, 140 | }, 141 | 992: { 142 | items: 4, 143 | }, 144 | }, 145 | }); 146 | 147 | // tooltip activation 148 | 149 | $(".action_links ul li a,.add_to_cart a,.footer_social_link ul li a").tooltip( 150 | { 151 | animated: "fade", 152 | placement: "top", 153 | container: "body", 154 | } 155 | ); 156 | 157 | // activation of one column of deal product 158 | $(".product_column1") 159 | .on("changed.owl.carousel initialized.owl.carousel", function (event) { 160 | $(event.target) 161 | .find(".owl-item") 162 | .removeClass("last") 163 | .eq(event.item.index + event.page.size - 1) 164 | .addClass("last"); 165 | }) 166 | .owlCarousel({ 167 | autoplay: true, 168 | loop: true, 169 | nav: true, 170 | autoplay: false, 171 | autoplayTimeout: 5000, 172 | items: 4, 173 | dots: false, 174 | navText: [ 175 | '', 176 | '', 177 | ], 178 | responsiveClass: true, 179 | responsive: { 180 | 0: { 181 | items: 1, 182 | }, 183 | 768: { 184 | items: 2, 185 | }, 186 | 992: { 187 | items: 1, 188 | }, 189 | }, 190 | }); 191 | 192 | // countdown activation 193 | $("[data-countdown").each(function () { 194 | var $this = $(this), 195 | finalDate = $(this).data("countdown"); 196 | $this.countdown(finalDate, function (event) { 197 | $this.html( 198 | event.strftime( 199 | '
%D
days
%H
Hours
%M
mins
%S
secs
' 200 | ) 201 | ); 202 | }); 203 | }); 204 | 205 | // activation of one column of Best seller product 206 | $(".sidebar_product_column1") 207 | .on("changed.owl.carousel initialized.owl.carousel", function (event) { 208 | $(event.target) 209 | .find(".owl-item") 210 | .removeClass("last") 211 | .eq(event.item.index + event.page.size - 1) 212 | .addClass("last"); 213 | }) 214 | .owlCarousel({ 215 | autoplay: true, 216 | loop: true, 217 | nav: true, 218 | autoplay: false, 219 | autoplayTimeout: 5000, 220 | items: 4, 221 | dots: false, 222 | navText: [ 223 | '', 224 | '', 225 | ], 226 | responsiveClass: true, 227 | responsive: { 228 | 0: { 229 | items: 1, 230 | }, 231 | 768: { 232 | items: 2, 233 | margin: 30, 234 | }, 235 | 992: { 236 | items: 1, 237 | }, 238 | }, 239 | }); 240 | 241 | // Testimonial activation 242 | $(".testimonial_sidebar_carousel").owlCarousel({ 243 | autoplay: true, 244 | loop: true, 245 | nav: true, 246 | autoplay: false, 247 | autoplayTimeout: 5000, 248 | items: 1, 249 | dots: false, 250 | navText: [ 251 | '', 252 | '', 253 | ], 254 | }); 255 | 256 | // activation of one column of Best seller product 257 | $(".product_column3") 258 | .on("changed.owl.carousel initialized.owl.carousel", function (event) { 259 | $(event.target) 260 | .find(".owl-item") 261 | .removeClass("last") 262 | .eq(event.item.index + event.page.size - 1) 263 | .addClass("last"); 264 | }) 265 | .owlCarousel({ 266 | autoplay: true, 267 | loop: true, 268 | nav: true, 269 | autoplay: false, 270 | autoplayTimeout: 5000, 271 | items: 4, 272 | dots: false, 273 | navText: [ 274 | '', 275 | '', 276 | ], 277 | responsiveClass: true, 278 | responsive: { 279 | 0: { 280 | items: 1, 281 | }, 282 | 567: { 283 | items: 2, 284 | }, 285 | 768: { 286 | items: 3, 287 | }, 288 | 992: { 289 | items: 3, 290 | }, 291 | }, 292 | }); 293 | 294 | // activation of blog section 295 | $(".blog_column3").owlCarousel({ 296 | autoplay: true, 297 | loop: true, 298 | nav: true, 299 | autoplay: false, 300 | autoplayTimeout: 5000, 301 | items: 4, 302 | dots: false, 303 | navText: [ 304 | '', 305 | '', 306 | ], 307 | responsiveClass: true, 308 | responsive: { 309 | 0: { 310 | items: 1, 311 | }, 312 | 768: { 313 | items: 2, 314 | }, 315 | 992: { 316 | items: 3, 317 | }, 318 | }, 319 | }); 320 | 321 | // Small product column 1 activation 322 | $(".small_product_column1") 323 | .on("changed.owl.carousel initialized.owl.carousel", function (event) { 324 | $(event.target) 325 | .find(".owl-item") 326 | .removeClass("last") 327 | .eq(event.item.index + event.page.size - 1) 328 | .addClass("last"); 329 | }) 330 | .owlCarousel({ 331 | autoplay: true, 332 | loop: true, 333 | nav: false, 334 | autoplay: false, 335 | autoplayTimeout: 5000, 336 | items: 4, 337 | dots: false, 338 | navText: [ 339 | '', 340 | '', 341 | ], 342 | responsiveClass: true, 343 | responsive: { 344 | 0: { 345 | items: 1, 346 | }, 347 | 568: { 348 | items: 2, 349 | margin: 15, 350 | }, 351 | 768: { 352 | items: 1, 353 | }, 354 | }, 355 | }); 356 | 357 | // activation of small nav active 358 | $(".product_navactive").owlCarousel({ 359 | autoplay: false, 360 | loop: true, 361 | nav: true, 362 | items: 4, 363 | dots: false, 364 | navText: [ 365 | '', 366 | '', 367 | ], 368 | responsiveClass: true, 369 | responsive: { 370 | 0: { 371 | items: 1, 372 | }, 373 | 250: { 374 | items: 2, 375 | }, 376 | 480: { 377 | items: 3, 378 | }, 379 | 768: { 380 | items: 4, 381 | }, 382 | }, 383 | }); 384 | 385 | $(".modal").on("shown.bs.modal", function (e) { 386 | $(".product_navactive").resize(); 387 | }); 388 | $(".product_navactive a").on("click", function (e) { 389 | e.preventDefault(); 390 | 391 | var $href = $(this).attr("href"); 392 | 393 | $(".product_navactive a").removeClass("active"); 394 | $(this).addClass("active"); 395 | 396 | $(".product-details-large .tab-pane").removeClass("active show"); 397 | $(".product-details-large " + $href).addClass("active show"); 398 | }); 399 | 400 | $(".select_option").niceSelect(); 401 | })(jQuery); 402 | -------------------------------------------------------------------------------- /new-product/N1-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/new-product/N1-1.png -------------------------------------------------------------------------------- /new-product/N1-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/new-product/N1-2.png -------------------------------------------------------------------------------- /new-product/N2-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/new-product/N2-1.png -------------------------------------------------------------------------------- /new-product/N2-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/new-product/N2-2.png -------------------------------------------------------------------------------- /new-product/N3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/new-product/N3.png -------------------------------------------------------------------------------- /new-product/N4-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/new-product/N4-1.png -------------------------------------------------------------------------------- /new-product/N4-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/new-product/N4-2.png -------------------------------------------------------------------------------- /new-product/N5-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/new-product/N5-1.png -------------------------------------------------------------------------------- /new-product/N5-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/new-product/N5-2.png -------------------------------------------------------------------------------- /new-product/N6-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/new-product/N6-1.png -------------------------------------------------------------------------------- /new-product/N6-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/new-product/N6-2.png -------------------------------------------------------------------------------- /onsale/D1-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/onsale/D1-1.png -------------------------------------------------------------------------------- /onsale/D1-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/onsale/D1-2.png -------------------------------------------------------------------------------- /onsale/D10-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/onsale/D10-1.png -------------------------------------------------------------------------------- /onsale/D10-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/onsale/D10-2.png -------------------------------------------------------------------------------- /onsale/D11-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/onsale/D11-1.png -------------------------------------------------------------------------------- /onsale/D11-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/onsale/D11-2.png -------------------------------------------------------------------------------- /onsale/D12-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/onsale/D12-1.png -------------------------------------------------------------------------------- /onsale/D12-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/onsale/D12-2.png -------------------------------------------------------------------------------- /onsale/D2-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/onsale/D2-1.png -------------------------------------------------------------------------------- /onsale/D2-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/onsale/D2-2.png -------------------------------------------------------------------------------- /onsale/D3-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/onsale/D3-1.png -------------------------------------------------------------------------------- /onsale/D3-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/onsale/D3-2.png -------------------------------------------------------------------------------- /onsale/D4-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/onsale/D4-1.png -------------------------------------------------------------------------------- /onsale/D4-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/onsale/D4-2.png -------------------------------------------------------------------------------- /onsale/D5-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/onsale/D5-1.png -------------------------------------------------------------------------------- /onsale/D5-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/onsale/D5-2.png -------------------------------------------------------------------------------- /onsale/D6-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/onsale/D6-1.png -------------------------------------------------------------------------------- /onsale/D6-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/onsale/D6-2.png -------------------------------------------------------------------------------- /onsale/D7-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/onsale/D7-1.png -------------------------------------------------------------------------------- /onsale/D7-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/onsale/D7-2.png -------------------------------------------------------------------------------- /onsale/D8-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/onsale/D8-1.png -------------------------------------------------------------------------------- /onsale/D8-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/onsale/D8-2.png -------------------------------------------------------------------------------- /onsale/D9-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/onsale/D9-1.png -------------------------------------------------------------------------------- /onsale/D9-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/onsale/D9-2.png -------------------------------------------------------------------------------- /products/Men/1-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/products/Men/1-1.png -------------------------------------------------------------------------------- /products/Men/1-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/products/Men/1-2.png -------------------------------------------------------------------------------- /products/Men/2-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/products/Men/2-1.png -------------------------------------------------------------------------------- /products/Men/2-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/products/Men/2-2.png -------------------------------------------------------------------------------- /products/Men/3-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/products/Men/3-1.png -------------------------------------------------------------------------------- /products/Men/3-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/products/Men/3-2.png -------------------------------------------------------------------------------- /products/Men/4-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/products/Men/4-1.png -------------------------------------------------------------------------------- /products/Men/4-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/products/Men/4-2.png -------------------------------------------------------------------------------- /products/Men/5-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/products/Men/5-1.png -------------------------------------------------------------------------------- /products/Men/5-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/products/Men/5-2.png -------------------------------------------------------------------------------- /products/Men/6-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/products/Men/6-1.png -------------------------------------------------------------------------------- /products/Men/6-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/products/Men/6-2.png -------------------------------------------------------------------------------- /products/Unisex/1-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/products/Unisex/1-1.png -------------------------------------------------------------------------------- /products/Unisex/1-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/products/Unisex/1-2.png -------------------------------------------------------------------------------- /products/Unisex/2-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/products/Unisex/2-1.png -------------------------------------------------------------------------------- /products/Unisex/2-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/products/Unisex/2-2.png -------------------------------------------------------------------------------- /products/Unisex/3-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/products/Unisex/3-1.png -------------------------------------------------------------------------------- /products/Unisex/3-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/products/Unisex/3-2.png -------------------------------------------------------------------------------- /products/Unisex/4-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/products/Unisex/4-1.png -------------------------------------------------------------------------------- /products/Unisex/4-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/products/Unisex/4-2.png -------------------------------------------------------------------------------- /products/Unisex/5-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/products/Unisex/5-1.png -------------------------------------------------------------------------------- /products/Unisex/5-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/products/Unisex/5-2.png -------------------------------------------------------------------------------- /products/Unisex/6-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/products/Unisex/6-1.png -------------------------------------------------------------------------------- /products/Unisex/6-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/products/Unisex/6-2.png -------------------------------------------------------------------------------- /products/Women/1-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/products/Women/1-1.png -------------------------------------------------------------------------------- /products/Women/1-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/products/Women/1-2.png -------------------------------------------------------------------------------- /products/Women/2-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/products/Women/2-1.png -------------------------------------------------------------------------------- /products/Women/2-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/products/Women/2-2.png -------------------------------------------------------------------------------- /products/Women/3-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/products/Women/3-1.png -------------------------------------------------------------------------------- /products/Women/3-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/products/Women/3-2.png -------------------------------------------------------------------------------- /products/Women/4-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/products/Women/4-1.png -------------------------------------------------------------------------------- /products/Women/4-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/products/Women/4-2.png -------------------------------------------------------------------------------- /products/Women/5-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/products/Women/5-1.png -------------------------------------------------------------------------------- /products/Women/5-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/products/Women/5-2.png -------------------------------------------------------------------------------- /products/Women/6-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/products/Women/6-1.png -------------------------------------------------------------------------------- /products/Women/6-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/products/Women/6-2.png -------------------------------------------------------------------------------- /slider/slider1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/slider/slider1.jpg -------------------------------------------------------------------------------- /slider/slider2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/slider/slider2.jpg -------------------------------------------------------------------------------- /small-product/mini1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/small-product/mini1.png -------------------------------------------------------------------------------- /small-product/mini2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/small-product/mini2.png -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); 2 | *, 3 | *::after, 4 | *::before { 5 | box-sizing: border-box; 6 | } 7 | 8 | html, 9 | body { 10 | height: 100%; 11 | } 12 | 13 | body { 14 | line-height: 24px; 15 | font-size: 14px; 16 | font-style: normal; 17 | font-weight: 400; 18 | visibility: visible; 19 | font-family: "Lato", sans-serif; 20 | color: #000000; 21 | letter-spacing: 0.05em; 22 | } 23 | .fix { 24 | overflow: hidden; 25 | } 26 | 27 | .hidden { 28 | display: none; 29 | } 30 | 31 | .clear { 32 | clear: both; 33 | } 34 | 35 | .container { 36 | max-width: 1170px; 37 | } 38 | 39 | @media only screen and (max-width: 767px) { 40 | .container { 41 | width: 450px; 42 | } 43 | } 44 | @media only screen and (max-width: 479px) { 45 | .container { 46 | width: 100%; 47 | } 48 | } 49 | .capitalize { 50 | text-transform: capitalize; 51 | } 52 | 53 | .uppercase { 54 | text-transform: uppercase; 55 | } 56 | 57 | .no-gutters > .col, 58 | .no-gutters > [class*="col-"] { 59 | padding-right: 0; 60 | padding-left: 0; 61 | margin: 0; 62 | } 63 | .off_canvars_overlay { 64 | width: 100%; 65 | height: 100%; 66 | position: fixed; 67 | z-index: 99; 68 | opacity: 0; 69 | visibility: hidden; 70 | cursor: crosshair; 71 | background: #000000; 72 | top: 0; 73 | } 74 | .off_canvars_overlay.active { 75 | opacity: 0.5; 76 | visibility: visible; 77 | } 78 | 79 | .offcanvas_menu { 80 | display: none; 81 | } 82 | @media only screen and (min-width: 768px) and (max-width: 991px) { 83 | .offcanvas_menu { 84 | display: block; 85 | } 86 | } 87 | @media only screen and (max-width: 767px) { 88 | .offcanvas_menu { 89 | display: block; 90 | } 91 | } 92 | @media only screen and (max-width: 767px) { 93 | .offcanvas_two .canvas_open { 94 | top: 18px; 95 | } 96 | } 97 | .offcanvas_two .canvas_open a:hover { 98 | color: #f6692a; 99 | border-color: #f6692a; 100 | } 101 | 102 | .canvas_open { 103 | position: absolute; 104 | right: 17px; 105 | top: 34px; 106 | z-index: 9; 107 | } 108 | @media only screen and (min-width: 768px) and (max-width: 991px) { 109 | .canvas_open { 110 | right: 25px; 111 | top: 26px; 112 | } 113 | } 114 | @media only screen and (max-width: 767px) { 115 | .canvas_open { 116 | right: 19px; 117 | top: 28px; 118 | } 119 | } 120 | .canvas_open a { 121 | font-size: 30px; 122 | width: 43px; 123 | height: 40px; 124 | display: block; 125 | line-height: 39px; 126 | text-align: center; 127 | color: #555555; 128 | border: 1px solid #555555; 129 | } 130 | @media only screen and (min-width: 768px) and (max-width: 991px) { 131 | .canvas_open a { 132 | width: 33px; 133 | height: 33px; 134 | line-height: 30px; 135 | font-size: 26px; 136 | } 137 | } 138 | @media only screen and (max-width: 767px) { 139 | .canvas_open a { 140 | width: 30px; 141 | height: 30px; 142 | line-height: 26px; 143 | font-size: 24px; 144 | } 145 | } 146 | .canvas_open a:hover { 147 | color: #bda87f; 148 | border-color: #bda87f; 149 | } 150 | .canvas_close { 151 | position: absolute; 152 | top: 10px; 153 | right: 13px; 154 | } 155 | .canvas_close a { 156 | font-size: 18px; 157 | text-transform: uppercase; 158 | font-weight: 500; 159 | width: 32px; 160 | height: 32px; 161 | display: block; 162 | text-align: center; 163 | line-height: 31px; 164 | border: 1px solid #8b1b46; 165 | border-radius: 50%; 166 | color: #58240c; 167 | } 168 | .canvas_close a:hover { 169 | background: #bda87f; 170 | border-color: #bda87f; 171 | color: #fff; 172 | } 173 | 174 | .offcanvas_menu_wrapper { 175 | width: 290px; 176 | position: fixed; 177 | background: #fff; 178 | z-index: 99; 179 | top: 0; 180 | height: 100vh; 181 | transition: 0.5s; 182 | left: 0; 183 | margin-left: -300px; 184 | padding: 50px 15px 30px; 185 | overflow-y: auto; 186 | } 187 | .offcanvas_menu_wrapper.active { 188 | margin-left: 0; 189 | } 190 | .offcanvas_menu_wrapper .slinky-theme-default { 191 | background: inherit; 192 | min-height: 300px; 193 | overflow-y: auto; 194 | } 195 | .offcanvas_menu_wrapper .header_right_info { 196 | display: block; 197 | margin-bottom: 25px; 198 | } 199 | .offcanvas_menu_wrapper .header_right_info > ul > li > a { 200 | color: #000000; 201 | } 202 | .offcanvas_menu_wrapper .header_account { 203 | display: block; 204 | } 205 | ul { 206 | list-style: outside none none; 207 | margin: 0; 208 | padding: 0; 209 | } 210 | 211 | .header_account { 212 | margin-right: 45px; 213 | } 214 | @media only screen and (min-width: 992px) and (max-width: 1199px) { 215 | .header_account { 216 | margin-right: 25px; 217 | } 218 | } 219 | @media only screen and (min-width: 768px) and (max-width: 991px) { 220 | .header_account { 221 | display: none; 222 | margin-right: 0; 223 | margin-bottom: 20px; 224 | text-align: center; 225 | } 226 | } 227 | @media only screen and (max-width: 767px) { 228 | .header_account { 229 | display: none; 230 | margin-right: 0; 231 | margin-bottom: 20px; 232 | text-align: center; 233 | } 234 | } 235 | .header_account > ul > li { 236 | display: inline-block; 237 | position: relative; 238 | margin-right: 30px; 239 | } 240 | .header_account > ul > li:last-child { 241 | margin-right: 0; 242 | } 243 | @media only screen and (min-width: 768px) and (max-width: 991px) { 244 | .header_account > ul > li { 245 | margin-right: 0; 246 | } 247 | .header_account > ul > li:hover > a { 248 | color: #ffffff; 249 | } 250 | } 251 | @media only screen and (max-width: 767px) { 252 | .header_account > ul > li { 253 | margin-right: 0; 254 | } 255 | .header_account > ul > li:hover > a { 256 | color: #ffffff; 257 | } 258 | } 259 | .header_account > ul > li:hover ul.dropdown_currency, 260 | .header_account > ul > li:hover ul.dropdown_language, 261 | .header_account > ul > li:hover ul.dropdown_links { 262 | visibility: visible; 263 | max-height: 200px; 264 | } 265 | .header_account > ul > li:hover > a { 266 | color: #ffffff; 267 | } 268 | @media only screen and (min-width: 768px) and (max-width: 991px) { 269 | .header_account > ul > li:hover > a { 270 | color: #bda87f; 271 | } 272 | } 273 | @media only screen and (max-width: 767px) { 274 | .header_account > ul > li:hover > a { 275 | color: #bda87f; 276 | } 277 | } 278 | .header_account > ul > li > a { 279 | text-transform: uppercase; 280 | line-height: 50px; 281 | font-size: 12px; 282 | display: inline-block; 283 | font-weight: 400; 284 | color: #999999; 285 | } 286 | @media only screen and (min-width: 768px) and (max-width: 991px) { 287 | .header_account > ul > li > a { 288 | line-height: 22px; 289 | color: #000000; 290 | } 291 | } 292 | @media only screen and (max-width: 767px) { 293 | .header_account > ul > li > a { 294 | line-height: 22px; 295 | color: #000000; 296 | } 297 | } 298 | .header_account > ul > li > a i { 299 | margin-left: 3px; 300 | } 301 | .header_account > ul > li > a img { 302 | margin-right: 4px; 303 | } 304 | 305 | .header_account > ul > li:hover a:not([href]):not([tabindex]) { 306 | color: #bda87f; 307 | } 308 | 309 | .dropdown_currency, 310 | .dropdown_language, 311 | .dropdown_links { 312 | position: absolute; 313 | background: #fff; 314 | box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); 315 | min-width: 130px; 316 | text-align: left; 317 | top: 100%; 318 | left: 0; 319 | -webkit-transition: all 0.5s ease-out; 320 | transition: all 0.5s ease-out; 321 | overflow: hidden; 322 | z-index: 9999; 323 | border-radius: 3px; 324 | visibility: hidden; 325 | max-height: 0; 326 | } 327 | @media only screen and (min-width: 768px) and (max-width: 991px) { 328 | .dropdown_currency, 329 | .dropdown_language, 330 | .dropdown_links { 331 | left: -30px; 332 | } 333 | } 334 | @media only screen and (max-width: 767px) { 335 | .dropdown_currency, 336 | .dropdown_language, 337 | .dropdown_links { 338 | left: -30px; 339 | } 340 | } 341 | .dropdown_currency li a, 342 | .dropdown_language li a, 343 | .dropdown_links li a { 344 | text-transform: uppercase; 345 | display: block; 346 | font-size: 12px; 347 | white-space: nowrap; 348 | padding: 8px 8px 8px 20px; 349 | line-height: 20px; 350 | color: #000000; 351 | } 352 | .dropdown_currency li a:hover, 353 | .dropdown_language li a:hover, 354 | .dropdown_links li a:hover { 355 | background: #f2f2f2; 356 | } 357 | 358 | @media only screen and (min-width: 768px) and (max-width: 991px) { 359 | .dropdown_language { 360 | left: -10px; 361 | } 362 | } 363 | @media only screen and (max-width: 767px) { 364 | .dropdown_language { 365 | left: -10px; 366 | } 367 | } 368 | .dropdown_links { 369 | right: 0; 370 | left: auto; 371 | } 372 | .header_right_info { 373 | text-align: right; 374 | margin-left: 15px; 375 | } 376 | @media only screen and (min-width: 768px) and (max-width: 991px) { 377 | .header_right_info { 378 | display: none; 379 | text-align: center; 380 | margin-left: 0; 381 | } 382 | } 383 | @media only screen and (max-width: 767px) { 384 | .header_right_info { 385 | display: none; 386 | text-align: center; 387 | margin-left: 0; 388 | } 389 | } 390 | .header_right_info > ul > li { 391 | display: inline-block; 392 | position: relative; 393 | margin-right: 15px; 394 | } 395 | .header_right_info > ul > li:hover > a { 396 | color: #f6692a; 397 | } 398 | .header_right_info > ul > li:last-child { 399 | margin-right: 0; 400 | } 401 | .header_right_info > ul > li > a { 402 | font-size: 20px; 403 | color: #999999; 404 | } 405 | 406 | .search_widget { 407 | position: absolute; 408 | right: 0; 409 | top: 36px; 410 | z-index: 99; 411 | display: none; 412 | } 413 | @media only screen and (min-width: 768px) and (max-width: 991px) { 414 | .search_widget { 415 | left: -68px; 416 | right: auto; 417 | } 418 | } 419 | @media only screen and (max-width: 767px) { 420 | .search_widget { 421 | left: -68px; 422 | right: auto; 423 | } 424 | } 425 | .search_widget form { 426 | position: relative; 427 | width: 400px; 428 | border: 1px solid #ebebeb; 429 | } 430 | @media only screen and (min-width: 768px) and (max-width: 991px) { 431 | .search_widget form { 432 | width: 225px; 433 | } 434 | } 435 | @media only screen and (max-width: 767px) { 436 | .search_widget form { 437 | width: 225px; 438 | } 439 | } 440 | 441 | .search_widget form input { 442 | padding: 10px 40px 10px 15px; 443 | height: 41px; 444 | line-height: 30px; 445 | font-size: 12px; 446 | color: #222; 447 | border: none; 448 | width: 100%; 449 | background: #f7f7f7; 450 | } 451 | @media only screen and (min-width: 768px) and (max-width: 991px) { 452 | .search_widget form input { 453 | padding: 8px 40px 8px 15px; 454 | height: 38px; 455 | } 456 | } 457 | @media only screen and (max-width: 767px) { 458 | .search_widget form input { 459 | padding: 8px 40px 8px 15px; 460 | height: 38px; 461 | } 462 | } 463 | .search_widget form button { 464 | position: absolute; 465 | top: 0; 466 | right: 0; 467 | width: 40px; 468 | height: 100%; 469 | border: 0; 470 | background: none; 471 | font-size: 16px; 472 | } 473 | .search_widget form button:hover { 474 | color: #f6692a; 475 | } 476 | 477 | .header_wishlist span.item_count { 478 | position: absolute; 479 | top: -6px; 480 | right: -14px; 481 | width: 17px; 482 | height: 17px; 483 | line-height: 17px; 484 | border-radius: 100%; 485 | text-align: center; 486 | background: #f6692a; 487 | font-weight: 400; 488 | font-size: 10px; 489 | color: #fff; 490 | } 491 | 492 | .mini_cart_wrapper:hover .mini_cart { 493 | max-height: 550px; 494 | padding: 20px 28px 33px; 495 | visibility: visible; 496 | } 497 | 498 | @media only screen and (min-width: 768px) and (max-width: 991px) { 499 | .mini_cart_wrapper:hover .mini_cart { 500 | padding: 10px 11px 20px; 501 | } 502 | } 503 | @media only screen and (max-width: 767px) { 504 | .mini_cart_wrapper:hover .mini_cart { 505 | padding: 10px 11px 20px; 506 | } 507 | } 508 | .mini_cart_wrapper span.item_count { 509 | position: absolute; 510 | top: -6px; 511 | right: -10px; 512 | width: 17px; 513 | height: 17px; 514 | line-height: 17px; 515 | border-radius: 100%; 516 | text-align: center; 517 | background: #f6692a; 518 | font-weight: 400; 519 | font-size: 10px; 520 | color: #fff; 521 | } 522 | 523 | .mini_cart { 524 | position: absolute; 525 | min-width: 355px; 526 | padding: 0 28px; 527 | background: #fff; 528 | border: 0; 529 | z-index: 999; 530 | right: 0; 531 | top: 142%; 532 | max-height: 0; 533 | visibility: hidden; 534 | overflow: hidden; 535 | border: 1px solid #ebebeb; 536 | transition: 0.5s; 537 | } 538 | 539 | @media only screen and (min-width: 768px) and (max-width: 991px) { 540 | .mini_cart { 541 | display: none; 542 | transition: unset; 543 | padding: 10px 11px 20px; 544 | min-width: 253px; 545 | right: -69px; 546 | max-height: inherit; 547 | visibility: inherit; 548 | } 549 | } 550 | @media only screen and (max-width: 767px) { 551 | .mini_cart { 552 | display: none; 553 | transition: unset; 554 | padding: 10px 11px 20px; 555 | min-width: 253px; 556 | right: -69px; 557 | max-height: inherit; 558 | visibility: inherit; 559 | } 560 | } 561 | .mini_cart2 .cart_info a:hover { 562 | color: #f6692a !important; 563 | } 564 | .mini_cart2 .cart_img:hover { 565 | border-color: #f6692a !important; 566 | } 567 | .mini_cart2 .cart_remove a:hover { 568 | border-color: #f6692a !important; 569 | background: #f6692a !important; 570 | } 571 | .mini_cart2 .cart_button a:hover { 572 | border-color: #f6692a !important; 573 | background: #f6692a !important; 574 | } 575 | 576 | .cart_item { 577 | overflow: hidden; 578 | padding: 11px 0; 579 | border-bottom: 1px solid #ebebeb; 580 | display: flex; 581 | justify-content: space-between; 582 | } 583 | 584 | .cart_img { 585 | width: 90px; 586 | margin-right: 10px; 587 | border: 1px solid transparent; 588 | } 589 | 590 | .cart_img:hover { 591 | border-color: #f6692a !important; 592 | } 593 | 594 | @media only screen and (min-width: 768px) and (max-width: 991px) { 595 | .cart_img { 596 | width: 70px; 597 | } 598 | } 599 | @media only screen and (max-width: 767px) { 600 | .cart_img { 601 | width: 70px; 602 | } 603 | } 604 | 605 | .cart_info { 606 | width: 63%; 607 | text-align: left; 608 | } 609 | 610 | .cart_info a { 611 | font-weight: 400; 612 | font-size: 14px; 613 | line-height: 20px; 614 | display: block; 615 | margin-bottom: 6px; 616 | color: #000000; 617 | } 618 | 619 | @media only screen and (min-width: 768px) and (max-width: 991px) { 620 | .cart_info a { 621 | font-size: 13px; 622 | } 623 | } 624 | @media only screen and (max-width: 767px) { 625 | .cart_info a { 626 | font-size: 13px; 627 | } 628 | } 629 | 630 | .cart_info a:hover { 631 | color: #f6692a; 632 | } 633 | .cart_info p { 634 | font-size: 12px; 635 | } 636 | 637 | .cart_info p span { 638 | font-size: 16px; 639 | font-weight: 600; 640 | } 641 | 642 | img { 643 | max-width: 100%; 644 | height: auto; 645 | } 646 | 647 | .cart_remove a { 648 | font-size: 15px; 649 | border: 1px solid #ebebeb; 650 | width: 20px; 651 | height: 20px; 652 | display: block; 653 | line-height: 18px; 654 | text-align: center; 655 | border-radius: 50%; 656 | text-decoration: none; 657 | color: #555555; 658 | } 659 | 660 | .cart_remove a:hover { 661 | background: #f6692a; 662 | border-color: #f6692a; 663 | color: #fff; 664 | } 665 | .cart_remove a i { 666 | display: block; 667 | padding-left: 2px; 668 | padding-top: 2px; 669 | } 670 | 671 | .mini_cart_table { 672 | padding: 23px 0; 673 | } 674 | 675 | .cart_total { 676 | display: flex; 677 | justify-content: space-between; 678 | } 679 | 680 | .cart_total span { 681 | font-size: 14px; 682 | font-weight: 400; 683 | } 684 | 685 | .cart_total span.price { 686 | font-weight: 700; 687 | } 688 | 689 | @media only screen and (min-width: 768px) and (max-width: 991px) { 690 | .cart_total span { 691 | font-size: 13px; 692 | } 693 | } 694 | @media only screen and (max-width: 767px) { 695 | .cart_total span { 696 | font-size: 13px; 697 | } 698 | } 699 | 700 | .cart_button:first-child { 701 | margin-bottom: 15px; 702 | } 703 | 704 | .cart_button a { 705 | text-transform: uppercase; 706 | border-radius: 3px; 707 | font-size: 14px; 708 | font-weight: 500; 709 | display: block; 710 | text-align: center; 711 | line-height: 20px; 712 | margin-bottom: 0; 713 | padding: 10px 0; 714 | color: #000000; 715 | border: 2px solid #000000; 716 | text-decoration: none; 717 | } 718 | .cart_button a:hover { 719 | color: #ffffff; 720 | border-color: #f6692a; 721 | } 722 | 723 | .offcanvas_main_menu > li.menu-item-has-children.menu-open > span.menu-expand { 724 | transform: rotate(180deg); 725 | } 726 | 727 | .offcanvas_main_menu 728 | > li 729 | ul 730 | li.menu-item-has-children.menu-open 731 | span.menu-expand { 732 | transform: rotate(180deg); 733 | } 734 | .offcanvas_main_menu li { 735 | position: relative; 736 | } 737 | .offcanvas_main_menu li:last-child { 738 | margin: 0; 739 | } 740 | 741 | .offcanvas_main_menu li span.menu-expand { 742 | position: absolute; 743 | right: 0; 744 | } 745 | 746 | .offcanvas_main_menu li a { 747 | font-size: 14px; 748 | font-weight: 400; 749 | text-transform: capitalize; 750 | display: block; 751 | padding-bottom: 10px; 752 | margin-bottom: 10px; 753 | border-bottom: 1px solid #ebebeb; 754 | } 755 | a:focus { 756 | text-decoration: none !important; 757 | color: inherit; 758 | outline: none; 759 | } 760 | a:hover { 761 | text-decoration: none !important; 762 | } 763 | .offcanvas_main_menu li a:hover { 764 | color: #f6692a; 765 | } 766 | .offcanvas_main_menu li ul.sub-menu { 767 | padding-left: 20px; 768 | } 769 | p:last-child { 770 | margin-bottom: 0; 771 | } 772 | 773 | a, 774 | button { 775 | color: inherit; 776 | line-height: inherit; 777 | text-decoration: none; 778 | cursor: pointer; 779 | } 780 | a, 781 | button, 782 | img, 783 | input, 784 | span { 785 | transition: all 0.3s ease 0s; 786 | } 787 | 788 | *:focus { 789 | outline: none !important; 790 | } 791 | 792 | h1, 793 | h2, 794 | h3, 795 | h4, 796 | h5, 797 | h6 { 798 | font-weight: 400; 799 | margin-top: 0; 800 | } 801 | 802 | h1 { 803 | font-size: 48px; 804 | line-height: 1; 805 | font-weight: 700; 806 | } 807 | h2 { 808 | font-size: 36px; 809 | line-height: 36px; 810 | } 811 | h3 { 812 | font-size: 30px; 813 | line-height: 30px; 814 | } 815 | h4 { 816 | font-size: 16px; 817 | line-height: 19px; 818 | font-weight: 700; 819 | } 820 | h5 { 821 | font-size: 14px; 822 | line-height: 18px; 823 | } 824 | h6 { 825 | font-size: 12px; 826 | line-height: 14px; 827 | } 828 | 829 | .offcanvas_footer { 830 | margin-top: 50px; 831 | padding-bottom: 50px; 832 | text-align: center; 833 | } 834 | 835 | .offcanvas_footer span a { 836 | font-size: 14px; 837 | } 838 | .offcanvas_footer span a:hover { 839 | color: #f6692a; 840 | } 841 | .offcanvas_footer ul { 842 | margin-top: 20px; 843 | } 844 | .offcanvas_footer ul li { 845 | display: inline-block; 846 | margin-right: 4px; 847 | } 848 | .offcanvas_footer ul li:last-child { 849 | margin-right: 0; 850 | } 851 | 852 | .offcanvas_footer ul li a { 853 | display: inline-block; 854 | width: 30px; 855 | height: 30px; 856 | text-align: center; 857 | line-height: 30px; 858 | border-radius: 50%; 859 | font-size: 13px; 860 | color: #ffffff; 861 | } 862 | 863 | .offcanvas_footer ul li.facebook a { 864 | background: #3c5b9b; 865 | } 866 | .offcanvas_footer ul li.facebook a:hover { 867 | background: #f6692a; 868 | } 869 | .offcanvas_footer ul li.twitter a { 870 | background: #1da1f2; 871 | } 872 | .offcanvas_footer ul li.twitter a:hover { 873 | background: #f6692a; 874 | } 875 | .offcanvas_footer ul li.pinterest a { 876 | background: #bd081b; 877 | } 878 | .offcanvas_footer ul li.pinterest a:hover { 879 | background: #f6692a; 880 | } 881 | .offcanvas_footer ul li.google-plus a { 882 | background: #2af645; 883 | } 884 | .offcanvas_footer ul li.google-plus a:hover { 885 | background: #f6692a; 886 | } 887 | .offcanvas_footer ul li.linkedin a { 888 | background: #242492; 889 | } 890 | .offcanvas_footer ul li.linkedin a:hover { 891 | background: #f6692a; 892 | } 893 | 894 | /* ********************************************************************** */ 895 | /* header */ 896 | .header_transparent { 897 | position: absolute; 898 | width: 100%; 899 | top: 0; 900 | left: 0; 901 | z-index: 99; 902 | } 903 | 904 | @media only screen and (min-width: 768px) and (max-width: 991px) { 905 | .header_transparent { 906 | position: inherit; 907 | } 908 | } 909 | @media only screen and (max-width: 767px) { 910 | .header_transparent { 911 | position: inherit; 912 | } 913 | } 914 | 915 | .header_transparent .header_container { 916 | background: inherit; 917 | padding: 17px 0; 918 | } 919 | 920 | @media only screen and (min-width: 768px) and (max-width: 991px) { 921 | .header_transparent .header_container { 922 | background: #1c1d22; 923 | } 924 | } 925 | @media only screen and (max-width: 767px) { 926 | .header_transparent .header_container { 927 | background: #1c1d22; 928 | } 929 | } 930 | 931 | .header_transparent .sticky-header.sticky { 932 | background: rgba(28, 29, 24, 0.7); 933 | padding: 8px 0; 934 | } 935 | 936 | @media only screen and (min-width: 768px) and (max-width: 991px) { 937 | .header-mobile-m { 938 | margin-bottom: 30px; 939 | } 940 | } 941 | @media only screen and (max-width: 767px) { 942 | .header-mobile-m { 943 | margin-bottom: 30px; 944 | } 945 | } 946 | 947 | .header_container { 948 | padding: 22px 0; 949 | background: #1c1d22; 950 | } 951 | @media only screen and (max-width: 767px) { 952 | .header_container { 953 | padding: 25px 0; 954 | } 955 | } 956 | 957 | .sticky-header.sticky { 958 | position: fixed; 959 | z-index: 99; 960 | width: 100%; 961 | top: 0; 962 | background: rgba(28, 29, 24, 0.7); 963 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11); 964 | animation-name: fadeInDown; 965 | animation-duration: 900ms; 966 | animation-timing-function: cubic-bezier(0.2, 1, 0.22, 1); 967 | animation-delay: 0s; 968 | animation-iteration-count: 1; 969 | animation-direction: normal; 970 | animation-fill-mode: none; 971 | animation-play-state: running; 972 | border-bottom: 0; 973 | display: block; 974 | padding: 10px 0; 975 | } 976 | 977 | @media only screen and (min-width: 768px) and (max-width: 991px) { 978 | .sticky-header.sticky { 979 | position: inherit; 980 | box-shadow: inherit; 981 | animation-name: inherit; 982 | padding: 0; 983 | background: inherit; 984 | opacity: inherit; 985 | } 986 | } 987 | @media only screen and (max-width: 767px) { 988 | .sticky-header.sticky { 989 | position: inherit; 990 | box-shadow: inherit; 991 | animation-name: inherit; 992 | padding: 0; 993 | background: inherit; 994 | opacity: inherit; 995 | } 996 | } 997 | 998 | .sticky-header.sticky .logo a img { 999 | max-width: 118px; 1000 | } 1001 | 1002 | @media only screen and (min-width: 768px) and (max-width: 991px) { 1003 | .sticky-header.sticky .logo a img { 1004 | max-width: 100%; 1005 | } 1006 | } 1007 | @media only screen and (max-width: 767px) { 1008 | .sticky-header.sticky .logo a img { 1009 | max-width: 100px; 1010 | } 1011 | } 1012 | 1013 | .header_transparent .sticky-header.sticky { 1014 | background: rgba(28, 29, 24, 0.7); 1015 | padding: 8px 0; 1016 | } 1017 | 1018 | @media only screen and (max-width: 767px) { 1019 | .logo { 1020 | display: inline-block; 1021 | } 1022 | } 1023 | @media only screen and (max-width: 767px) { 1024 | .logo a img { 1025 | max-width: 110px; 1026 | } 1027 | } 1028 | @media only screen and (min-width: 768px) and (max-width: 991px) { 1029 | .main_menu { 1030 | display: none; 1031 | } 1032 | } 1033 | @media only screen and (max-width: 767px) { 1034 | .main_menu { 1035 | display: none; 1036 | } 1037 | } 1038 | 1039 | .main_menu nav > ul { 1040 | display: flex; 1041 | justify-content: flex-end; 1042 | } 1043 | .main_menu nav > ul > li { 1044 | position: relative; 1045 | flex-shrink: 0; 1046 | } 1047 | .main_menu nav > ul > li:hover ul.sub_menu { 1048 | visibility: visible; 1049 | max-height: 300px; 1050 | padding: 24px 30px; 1051 | } 1052 | .main_menu nav > ul > li:hover .mega_menu { 1053 | visibility: visible; 1054 | max-height: 300px; 1055 | padding: 25px 30px 30px 30px; 1056 | } 1057 | 1058 | .main_menu nav > ul > li:hover > a { 1059 | color: #f6692a; 1060 | } 1061 | .main_menu nav > ul > li > a { 1062 | display: block; 1063 | font-size: 14px; 1064 | line-height: 20px; 1065 | padding: 10px 23px; 1066 | text-transform: uppercase; 1067 | font-weight: 400; 1068 | position: relative; 1069 | color: #fff; 1070 | } 1071 | .main_menu nav > ul > li > a i { 1072 | margin-left: 3px; 1073 | } 1074 | .main_menu nav > ul > li > a.active { 1075 | color: #f6692a; 1076 | } 1077 | @media only screen and (min-width: 992px) and (max-width: 1199px) { 1078 | .main_menu nav > ul > li > a { 1079 | padding: 10px 15px; 1080 | } 1081 | } 1082 | .main_menu nav > ul > li ul.sub_menu { 1083 | position: absolute; 1084 | min-width: 215px; 1085 | padding: 0 30px; 1086 | background: #fff; 1087 | box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.1); 1088 | max-height: 0; 1089 | transform-origin: 0 0 0; 1090 | left: 0; 1091 | right: auto; 1092 | visibility: hidden; 1093 | overflow: hidden; 1094 | transition: 0.5s; 1095 | z-index: 99; 1096 | top: 100%; 1097 | text-align: left; 1098 | border-bottom-left-radius: 5px; 1099 | border-bottom-right-radius: 5px; 1100 | } 1101 | .main_menu nav > ul > li ul.sub_menu li a { 1102 | font-size: 13px; 1103 | font-weight: 400; 1104 | display: block; 1105 | line-height: 32px; 1106 | text-transform: capitalize; 1107 | } 1108 | .main_menu nav > ul > li ul.sub_menu li a:hover { 1109 | color: #f6692a; 1110 | } 1111 | 1112 | .main_menu nav > ul > li.mega_items { 1113 | position: static; 1114 | } 1115 | 1116 | .main_menu nav > ul > li .mega_menu { 1117 | position: absolute; 1118 | min-width: 100%; 1119 | padding: 0 30px 0 30px; 1120 | background: #fff; 1121 | box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.1); 1122 | max-height: 0; 1123 | transform-origin: 0 0 0; 1124 | left: 0; 1125 | right: auto; 1126 | visibility: hidden; 1127 | overflow: hidden; 1128 | transition: 0.5s; 1129 | z-index: 99; 1130 | top: 100%; 1131 | text-align: left; 1132 | } 1133 | 1134 | .menu_two nav > ul { 1135 | justify-content: center; 1136 | } 1137 | .menu_two nav > ul > li:hover > a { 1138 | color: #f6692a; 1139 | } 1140 | 1141 | .menu_two nav > ul > li > a { 1142 | padding: 10px 20px; 1143 | } 1144 | @media only screen and (min-width: 1200px) and (max-width: 1600px) { 1145 | .menu_two nav > ul > li > a { 1146 | padding: 10px 14px; 1147 | } 1148 | } 1149 | @media only screen and (min-width: 992px) and (max-width: 1199px) { 1150 | .menu_two nav > ul > li > a { 1151 | padding: 10px 8px; 1152 | font-size: 13px; 1153 | } 1154 | } 1155 | @media only screen and (min-width: 992px) and (max-width: 1199px) { 1156 | .menu_two nav > ul > li > a i { 1157 | margin-left: 1px; 1158 | } 1159 | } 1160 | 1161 | .menu_two nav > ul > li > a.active { 1162 | color: #f6692a; 1163 | } 1164 | 1165 | .menu_two nav > ul > li ul.sub_menu li a:hover { 1166 | color: #f6692a; 1167 | } 1168 | 1169 | .menu_two .mega_menu_inner > li > a:hover { 1170 | color: #f6692a; 1171 | } 1172 | 1173 | .menu_two .mega_menu_inner > li ul li a:hover { 1174 | color: #f6692a; 1175 | } 1176 | .menu_position { 1177 | position: relative; 1178 | } 1179 | .mega_menu_inner { 1180 | display: flex; 1181 | justify-content: space-between; 1182 | } 1183 | 1184 | .mega_menu_inner > li > a { 1185 | font-size: 14px; 1186 | line-height: 24px; 1187 | text-transform: uppercase; 1188 | font-weight: 600; 1189 | display: block; 1190 | margin-bottom: 12px; 1191 | } 1192 | .mega_menu_inner > li > a:hover { 1193 | color: #f6692a; 1194 | } 1195 | .mega_menu_inner > li ul li { 1196 | display: block; 1197 | } 1198 | .mega_menu_inner > li ul li a { 1199 | font-size: 13px; 1200 | font-weight: 400; 1201 | display: block; 1202 | line-height: 30px; 1203 | text-transform: capitalize; 1204 | } 1205 | 1206 | .mega_menu_inner > li ul li a:hover { 1207 | color: #f6692a; 1208 | } 1209 | 1210 | .header_top_right { 1211 | display: flex; 1212 | align-items: center; 1213 | justify-content: flex-end; 1214 | } 1215 | 1216 | .header_top_right .header_right_info { 1217 | margin-left: 0; 1218 | } 1219 | 1220 | .header_top_right .header_right_info > ul > li { 1221 | margin-right: 11px; 1222 | } 1223 | @media only screen and (min-width: 992px) and (max-width: 1199px) { 1224 | .header_top_right .header_right_info > ul > li { 1225 | margin-right: 10px; 1226 | } 1227 | } 1228 | 1229 | .header_top_right .header_right_info > ul > li:last-child { 1230 | margin-right: 0; 1231 | } 1232 | .header_top_right .header_right_info > ul > li > a { 1233 | color: #fff; 1234 | /* color: #000000; */ 1235 | } 1236 | .header_top_right .header_right_info > ul > li:hover > a { 1237 | color: #f6692a; 1238 | } 1239 | .header_top_right .search_widget form button:hover { 1240 | color: #f6692a; 1241 | } 1242 | .header_top_right .header_wishlist span.item_count { 1243 | color: #ffffff; 1244 | } 1245 | 1246 | .header_top_right .header_account { 1247 | margin-right: 0; 1248 | margin-left: 20px; 1249 | } 1250 | 1251 | .header_top_right .header_account > ul > li { 1252 | position: relative; 1253 | margin-right: 10px; 1254 | padding-right: 10px; 1255 | } 1256 | @media only screen and (min-width: 992px) and (max-width: 1199px) { 1257 | .header_top_right .header_account > ul > li { 1258 | margin-right: 8px; 1259 | padding-right: 8px; 1260 | } 1261 | } 1262 | .header_top_right .header_account > ul > li::before { 1263 | content: ""; 1264 | width: 1px; 1265 | height: 18px; 1266 | background: #a4a5a7; 1267 | position: absolute; 1268 | right: 0; 1269 | top: 50%; 1270 | transform: translateY(-50%); 1271 | } 1272 | .header_top_right .header_account > ul > li:last-child { 1273 | margin-right: 0; 1274 | padding-right: 0; 1275 | } 1276 | .header_top_right .header_account > ul > li:last-child::before { 1277 | display: none; 1278 | } 1279 | 1280 | .header_top_right .header_account > ul > li > a { 1281 | color: #fff; 1282 | font-size: 13px; 1283 | } 1284 | 1285 | .header_top_right .header_account > ul > li.top_links > a { 1286 | font-size: 18px; 1287 | } 1288 | .header_top_right .header_account > ul > li:hover > a { 1289 | color: #f6692a; 1290 | } 1291 | 1292 | .header_top_right .dropdown_language, 1293 | .header_top_right .dropdown_currency, 1294 | .header_top_right .dropdown_links { 1295 | right: 0; 1296 | left: auto; 1297 | } 1298 | 1299 | /* ********************************************* */ 1300 | .slider_section2 .single_slider { 1301 | height: 990px; 1302 | } 1303 | @media only screen and (max-width: 767px) { 1304 | .slider_section2 { 1305 | margin-bottom: 56px; 1306 | } 1307 | } 1308 | @media only screen and (min-width: 1200px) and (max-width: 1600px) { 1309 | .slider_section2 .single_slider { 1310 | height: 696px; 1311 | } 1312 | } 1313 | @media only screen and (min-width: 992px) and (max-width: 1199px) { 1314 | .slider_section2 .single_slider { 1315 | height: 550px; 1316 | } 1317 | } 1318 | @media only screen and (min-width: 768px) and (max-width: 991px) { 1319 | .slider_section2 .single_slider { 1320 | height: 380px; 1321 | background-position: 55%; 1322 | } 1323 | } 1324 | @media only screen and (max-width: 767px) { 1325 | .slider_section2 .single_slider { 1326 | height: 380px; 1327 | background-position: 10%; 1328 | } 1329 | } 1330 | 1331 | .slider_section2 .owl-nav div:hover { 1332 | color: #f6692a; 1333 | border-color: #f6692a; 1334 | } 1335 | @media only screen and (min-width: 992px) and (max-width: 1199px) { 1336 | .slider_content { 1337 | padding-left: 40px; 1338 | } 1339 | } 1340 | @media only screen and (min-width: 768px) and (max-width: 991px) { 1341 | .slider_content { 1342 | padding-left: 60px; 1343 | } 1344 | } 1345 | @media only screen and (max-width: 767px) { 1346 | .slider_content { 1347 | text-align: center; 1348 | } 1349 | } 1350 | 1351 | .slider_content.content_right { 1352 | padding-left: 90px; 1353 | } 1354 | @media only screen and (min-width: 992px) and (max-width: 1199px) { 1355 | .slider_content.content_right { 1356 | padding-left: 66px; 1357 | } 1358 | } 1359 | @media only screen and (min-width: 768px) and (max-width: 991px) { 1360 | .slider_content.content_right { 1361 | padding-left: 0px; 1362 | } 1363 | } 1364 | @media only screen and (max-width: 767px) { 1365 | .slider_content.content_right { 1366 | padding-left: 0px; 1367 | } 1368 | } 1369 | 1370 | .slider_content h1 { 1371 | font-size: 24px; 1372 | line-height: 24px; 1373 | font-weight: 600; 1374 | margin-bottom: 12px; 1375 | letter-spacing: 2px; 1376 | text-transform: uppercase; 1377 | font-family: "Montserrat", sans-serif; 1378 | color: #fff; 1379 | } 1380 | 1381 | @media only screen and (min-width: 992px) and (max-width: 1199px) { 1382 | .slider_content h1 { 1383 | font-size: 20px; 1384 | line-height: 20px; 1385 | } 1386 | } 1387 | @media only screen and (min-width: 768px) and (max-width: 991px) { 1388 | .slider_content h1 { 1389 | font-size: 18px; 1390 | line-height: 18px; 1391 | } 1392 | } 1393 | @media only screen and (max-width: 767px) { 1394 | .slider_content h1 { 1395 | font-size: 15px; 1396 | line-height: 18px; 1397 | margin-bottom: 7px; 1398 | letter-spacing: 1px; 1399 | } 1400 | } 1401 | 1402 | .slider_content h2 { 1403 | font-size: 72px; 1404 | line-height: 72px; 1405 | font-weight: 700; 1406 | text-transform: uppercase; 1407 | margin-bottom: 0; 1408 | color: #fff; 1409 | font-family: "Montserrat", sans-serif; 1410 | } 1411 | 1412 | @media only screen and (min-width: 992px) and (max-width: 1199px) { 1413 | .slider_content h2 { 1414 | font-size: 50px; 1415 | line-height: 50px; 1416 | } 1417 | } 1418 | @media only screen and (min-width: 768px) and (max-width: 991px) { 1419 | .slider_content h2 { 1420 | font-size: 35px; 1421 | line-height: 35px; 1422 | } 1423 | } 1424 | @media only screen and (max-width: 767px) { 1425 | .slider_content h2 { 1426 | font-size: 22px; 1427 | line-height: 22px; 1428 | } 1429 | } 1430 | 1431 | .slider_content p { 1432 | margin: 24px 0 35px; 1433 | font-size: 14px; 1434 | line-height: 25px; 1435 | font-weight: 500; 1436 | color: #fff; 1437 | letter-spacing: 1px; 1438 | font-family: "Montserrat", sans-serif; 1439 | } 1440 | 1441 | @media only screen and (min-width: 992px) and (max-width: 1199px) { 1442 | .slider_content p { 1443 | font-size: 15px; 1444 | line-height: 20px; 1445 | } 1446 | } 1447 | @media only screen and (min-width: 768px) and (max-width: 991px) { 1448 | .slider_content p { 1449 | font-size: 15px; 1450 | line-height: 20px; 1451 | margin: 20px 0 28px; 1452 | } 1453 | } 1454 | @media only screen and (max-width: 767px) { 1455 | .slider_content p { 1456 | font-size: 12px; 1457 | line-height: 20px; 1458 | max-width: 247px; 1459 | margin: 17px auto 22px; 1460 | } 1461 | } 1462 | 1463 | .slider_content a { 1464 | font-size: 14px; 1465 | font-weight: 600; 1466 | color: #fff; 1467 | padding: 0 25px; 1468 | display: inline-block; 1469 | border-radius: 0; 1470 | height: 45px; 1471 | line-height: 43px; 1472 | letter-spacing: 2px; 1473 | border: 1px solid #fff; 1474 | background: inherit; 1475 | font-family: "Montserrat", sans-serif; 1476 | } 1477 | 1478 | .slider_content a:hover { 1479 | color: #fff !important; 1480 | } 1481 | 1482 | @media only screen and (min-width: 768px) and (max-width: 991px) { 1483 | .slider_content a { 1484 | padding: 5px 15px; 1485 | height: 43px; 1486 | font-size: 13px; 1487 | line-height: 41px; 1488 | } 1489 | } 1490 | @media only screen and (max-width: 767px) { 1491 | .slider_content a { 1492 | padding: 0 13px; 1493 | height: 35px; 1494 | letter-spacing: 1px; 1495 | font-size: 12px; 1496 | line-height: 35px; 1497 | } 1498 | } 1499 | 1500 | .active .slider_content h1, 1501 | .active .slider_content h2, 1502 | .active .slider_content h3, 1503 | .active .slider_content a, 1504 | .active .slider_content p, 1505 | .active .slider_content span { 1506 | animation-fill-mode: both; 1507 | animation-duration: 1s; 1508 | animation-name: fadeInLeft; 1509 | animation-delay: 0.3s; 1510 | } 1511 | .active .slider_content h2 { 1512 | animation-delay: 0.5s; 1513 | } 1514 | .active .slider_content h3, 1515 | .active .slider_content span { 1516 | animation-delay: 0.7s; 1517 | } 1518 | 1519 | .active .slider_content p { 1520 | animation-delay: 0.7s; 1521 | } 1522 | .active .slider_content a { 1523 | animation-delay: 0.9s; 1524 | } 1525 | .slider_content2 { 1526 | padding-top: 50px; 1527 | } 1528 | @media only screen and (min-width: 1200px) and (max-width: 1300px) { 1529 | .slider_content2 { 1530 | padding-left: 50px; 1531 | } 1532 | } 1533 | @media only screen and (min-width: 992px) and (max-width: 1199px) { 1534 | .slider_content2 { 1535 | padding-left: 60px; 1536 | } 1537 | } 1538 | @media only screen and (min-width: 768px) and (max-width: 991px) { 1539 | .slider_content2 { 1540 | padding-top: 0px; 1541 | } 1542 | } 1543 | @media only screen and (max-width: 767px) { 1544 | .slider_content2 { 1545 | padding-top: 0px; 1546 | } 1547 | } 1548 | .slider_content2.content_right { 1549 | padding-left: 0; 1550 | } 1551 | 1552 | @media only screen and (max-width: 767px) { 1553 | .slider_content2.content_right { 1554 | padding-left: 40px; 1555 | } 1556 | } 1557 | @media only screen and (max-width: 767px) { 1558 | .slider_content2.content_right { 1559 | padding-left: 0px; 1560 | } 1561 | } 1562 | .slider_content2 h1 { 1563 | color: #f6692a; 1564 | } 1565 | 1566 | .slider_content2 h2 { 1567 | font-size: 60px; 1568 | line-height: 60px; 1569 | letter-spacing: 9px; 1570 | color: aliceblue; 1571 | } 1572 | @media only screen and (min-width: 1200px) and (max-width: 1600px) { 1573 | .slider_content2 h2 { 1574 | letter-spacing: 6px; 1575 | } 1576 | } 1577 | @media only screen and (min-width: 992px) and (max-width: 1199px) { 1578 | .slider_content2 h2 { 1579 | letter-spacing: 3px; 1580 | font-size: 45px; 1581 | line-height: 45px; 1582 | } 1583 | } 1584 | @media only screen and (min-width: 768px) and (max-width: 991px) { 1585 | .slider_content2 h2 { 1586 | letter-spacing: 3px; 1587 | font-size: 35px; 1588 | line-height: 35px; 1589 | } 1590 | } 1591 | @media only screen and (max-width: 767px) { 1592 | .slider_content2 h2 { 1593 | letter-spacing: 1px; 1594 | font-size: 22px; 1595 | line-height: 22px; 1596 | } 1597 | } 1598 | 1599 | .slider_content2 p { 1600 | max-width: 507px; 1601 | } 1602 | @media only screen and (min-width: 992px) and (max-width: 1199px) { 1603 | .slider_content2 p { 1604 | line-height: 10px; 1605 | } 1606 | } 1607 | 1608 | .slider_content2 a:hover { 1609 | background: #f6692a; 1610 | border-color: #f6692a; 1611 | } 1612 | 1613 | .slider_content2 a i { 1614 | color: #fff !important; 1615 | } 1616 | .single_slider { 1617 | background-repeat: no-repeat; 1618 | background-attachment: scroll; 1619 | background-position: center center; 1620 | background-size: cover; 1621 | height: 910px; 1622 | } 1623 | @media only screen and (min-width: 1200px) and (max-width: 1600px) { 1624 | .single_slider { 1625 | height: 639px; 1626 | } 1627 | } 1628 | @media only screen and (min-width: 992px) and (max-width: 1199px) { 1629 | .single_slider { 1630 | height: 470px; 1631 | } 1632 | } 1633 | @media only screen and (min-width: 768px) and (max-width: 991px) { 1634 | .single_slider { 1635 | height: 380px; 1636 | background-position: 55%; 1637 | } 1638 | } 1639 | @media only screen and (max-width: 767px) { 1640 | .single_slider { 1641 | background-position: 0%; 1642 | height: 300px; 1643 | } 1644 | } 1645 | .slider_area:hover .owl-nav div { 1646 | opacity: 1; 1647 | visibility: visible; 1648 | left: 20px; 1649 | } 1650 | .slider_area:hover .owl-nav div.owl-next { 1651 | right: 20px; 1652 | } 1653 | 1654 | .slider_area .owl-nav div { 1655 | position: absolute; 1656 | top: 49%; 1657 | transform: translateY(-50%); 1658 | left: 0; 1659 | font-size: 18px; 1660 | color: #fff; 1661 | width: 45px; 1662 | height: 45px; 1663 | line-height: 40px; 1664 | text-align: center; 1665 | border: 2px solid #fff; 1666 | opacity: 0; 1667 | visibility: hidden; 1668 | transition: 0.3s; 1669 | } 1670 | 1671 | .slider_area .owl-nav div:hover { 1672 | color: #f6692a; 1673 | border-color: #f6692a; 1674 | } 1675 | .slider_area .owl-nav div.owl-next { 1676 | right: 0; 1677 | left: auto; 1678 | } 1679 | 1680 | @media only screen and (max-width: 767px) { 1681 | .slider_area .owl-nav div { 1682 | display: none; 1683 | } 1684 | } 1685 | 1686 | /* ****************************************** */ 1687 | .section_title { 1688 | text-align: center; 1689 | margin-bottom: 35px; 1690 | margin-top: 55px; 1691 | position: relative; 1692 | } 1693 | 1694 | @media only screen and (max-width: 767px) { 1695 | .section_title { 1696 | margin-bottom: 25px; 1697 | } 1698 | } 1699 | 1700 | .section_title::before { 1701 | width: 27%; 1702 | height: 2px; 1703 | content: ""; 1704 | background: #444444; 1705 | display: inline-block; 1706 | position: absolute; 1707 | top: 12px; 1708 | left: 0; 1709 | right: 0; 1710 | margin: 0 auto; 1711 | } 1712 | 1713 | @media only screen and (max-width: 767px) { 1714 | .section_title::before { 1715 | width: 93%; 1716 | top: 10px; 1717 | } 1718 | } 1719 | 1720 | .section_title h2 { 1721 | font-size: 24px; 1722 | line-height: 24px; 1723 | font-weight: 700; 1724 | display: inline-block; 1725 | margin-bottom: 0; 1726 | padding: 0 20px; 1727 | text-transform: uppercase; 1728 | background: #fff; 1729 | position: relative; 1730 | } 1731 | 1732 | @media only screen and (max-width: 767px) { 1733 | .section_title h2 { 1734 | font-size: 20px; 1735 | line-height: 20px; 1736 | padding: 0 15px; 1737 | } 1738 | } 1739 | 1740 | .product_tab_btn { 1741 | margin-top: 20px; 1742 | } 1743 | 1744 | @media only screen and (max-width: 767px) { 1745 | .product_tab_btn { 1746 | margin-top: 12px; 1747 | } 1748 | } 1749 | 1750 | .product_tab_btn ul { 1751 | justify-content: center; 1752 | } 1753 | 1754 | .product_tab_btn ul li { 1755 | margin-right: 45px; 1756 | } 1757 | .product_tab_btn ul li:last-child { 1758 | margin-right: 0; 1759 | } 1760 | @media only screen and (max-width: 767px) { 1761 | .product_tab_btn ul li { 1762 | margin-right: 20px; 1763 | } 1764 | } 1765 | 1766 | .product_tab_btn ul li a { 1767 | font-size: 13px; 1768 | line-height: 13px; 1769 | text-transform: uppercase; 1770 | font-weight: 700; 1771 | display: block; 1772 | } 1773 | 1774 | .product_tab_btn ul li a:hover { 1775 | color: #f6692a; 1776 | } 1777 | 1778 | .product_tab_btn ul li a.active { 1779 | color: #f6692a; 1780 | } 1781 | 1782 | .tab-content > .tab-pane.active { 1783 | display: block; 1784 | height: auto; 1785 | opacity: 1; 1786 | overflow: visible; 1787 | } 1788 | .tab-content > .tab-pan { 1789 | display: block; 1790 | height: 0; 1791 | opacity: 0; 1792 | overflow: hidden; 1793 | } 1794 | 1795 | .product_carousel .product_thumb a img { 1796 | width: inherit; 1797 | margin: 0 auto; 1798 | } 1799 | @media only screen and (max-width: 767px) { 1800 | .product_carousel .product_thumb a img { 1801 | width: 100%; 1802 | } 1803 | } 1804 | 1805 | .product_carousel .col-lg-3 { 1806 | flex: 0 0 100%; 1807 | max-width: 100%; 1808 | } 1809 | 1810 | .product_carousel:hover .owl-nav div { 1811 | opacity: 1; 1812 | visibility: visible; 1813 | } 1814 | .product_carousel .owl-nav.disabled { 1815 | display: block; 1816 | } 1817 | 1818 | .product_carousel .owl-nav div { 1819 | position: absolute; 1820 | top: 50%; 1821 | transform: translateY(-50%); 1822 | left: 0; 1823 | font-size: 18px; 1824 | width: 45px; 1825 | height: 45px; 1826 | line-height: 43px; 1827 | text-align: center; 1828 | border: 1px solid #a2a2a2; 1829 | transition: 0.3s; 1830 | opacity: 0; 1831 | visibility: hidden; 1832 | background: #fff; 1833 | } 1834 | 1835 | @media only screen and (max-width: 767px) { 1836 | .product_carousel .owl-nav div { 1837 | display: none; 1838 | } 1839 | } 1840 | 1841 | .product_carousel .owl-nav div:hover { 1842 | color: #fff; 1843 | background: #f6692a; 1844 | border-color: #f6692a; 1845 | } 1846 | 1847 | .product_carousel .owl-nav div.owl-next { 1848 | right: 0; 1849 | left: auto; 1850 | } 1851 | 1852 | .single_product:hover .action_links { 1853 | opacity: 1; 1854 | visibility: visible; 1855 | } 1856 | .single_product:hover .action_links ul li a { 1857 | transform: translateX(0); 1858 | } 1859 | 1860 | .single_product:hover .product_thumb::before { 1861 | opacity: 1; 1862 | } 1863 | 1864 | .single_product:hover .product_thumb a.secondary_img { 1865 | opacity: 1; 1866 | visibility: visible; 1867 | } 1868 | 1869 | .product_thumb { 1870 | position: relative; 1871 | } 1872 | 1873 | .product_thumb a.secondary_img { 1874 | position: absolute; 1875 | top: 0; 1876 | left: 0; 1877 | right: 0; 1878 | opacity: 0; 1879 | visibility: hidden; 1880 | } 1881 | 1882 | .product_thumb::before { 1883 | background: rgba(0, 0, 0, 0.15); 1884 | position: absolute; 1885 | left: 0; 1886 | top: 0; 1887 | height: 100%; 1888 | width: 100%; 1889 | display: inline-block; 1890 | content: ""; 1891 | z-index: 2; 1892 | opacity: 0; 1893 | pointer-events: none; 1894 | transition: ease 0.3s all; 1895 | } 1896 | 1897 | @media only screen and (max-width: 767px) { 1898 | .product_thumb a img { 1899 | width: 100%; 1900 | } 1901 | } 1902 | 1903 | figure { 1904 | padding: 0; 1905 | margin: 0; 1906 | } 1907 | 1908 | .action_links { 1909 | transition: all 0.3s ease; 1910 | position: absolute; 1911 | left: 10px; 1912 | top: 10px; 1913 | opacity: 0; 1914 | visibility: hidden; 1915 | z-index: 9; 1916 | } 1917 | 1918 | .action_links ul li { 1919 | margin-bottom: 10px; 1920 | } 1921 | 1922 | .action_links ul li:last-child { 1923 | margin-bottom: 0; 1924 | } 1925 | 1926 | .action_links ul li a { 1927 | line-height: 38px; 1928 | width: 40px; 1929 | height: 40px; 1930 | text-align: center; 1931 | font-size: 20px; 1932 | border: 1px solid #000000; 1933 | color: #000000; 1934 | display: block; 1935 | transition: all 0.3s ease; 1936 | transform: translateX(-60px); 1937 | } 1938 | .action_links ul li a:hover { 1939 | color: #f6692a; 1940 | background: #000000; 1941 | } 1942 | 1943 | @media only screen and (max-width: 767px) { 1944 | .action_links ul li a { 1945 | line-height: 34px; 1946 | width: 33px; 1947 | height: 33px; 1948 | font-size: 18px; 1949 | } 1950 | } 1951 | 1952 | .action_links ul li.wishlist a { 1953 | transition: ease 0.5s all; 1954 | } 1955 | .action_links ul li.compare a { 1956 | transition: ease 0.7s all; 1957 | } 1958 | .action_links ul li.quick_button a { 1959 | transition: ease 0.9s all; 1960 | } 1961 | 1962 | .product_content { 1963 | margin-top: 19px; 1964 | overflow: hidden; 1965 | } 1966 | 1967 | .product_content h4 { 1968 | font-size: 15px; 1969 | line-height: 15px; 1970 | margin-bottom: 15px; 1971 | text-transform: capitalize; 1972 | font-weight: 700; 1973 | } 1974 | 1975 | .product_content h4 a:hover { 1976 | color: #f6692a; 1977 | } 1978 | 1979 | .product_rating { 1980 | float: right; 1981 | } 1982 | 1983 | .product_rating ul { 1984 | display: flex; 1985 | } 1986 | 1987 | .product_rating ul li { 1988 | line-height: 23px; 1989 | margin-right: 3px; 1990 | } 1991 | 1992 | .product_rating ul li:last-child { 1993 | margin-right: 0; 1994 | } 1995 | .product_rating ul li a { 1996 | font-size: 12px; 1997 | } 1998 | 1999 | .product_rating ul li a:hover { 2000 | color: #f6692a; 2001 | } 2002 | 2003 | .price_box { 2004 | float: left; 2005 | } 2006 | 2007 | .price_box span { 2008 | line-height: 16px; 2009 | } 2010 | 2011 | .price_box span.old_price { 2012 | text-decoration: line-through; 2013 | font-weight: 400; 2014 | font-size: 15px; 2015 | margin-right: 5px; 2016 | } 2017 | 2018 | @media only screen and (max-width: 767px) { 2019 | .price_box span.old_price { 2020 | font-size: 13px; 2021 | } 2022 | } 2023 | .price_box span.current_price { 2024 | font-weight: 700; 2025 | font-size: 17px; 2026 | color: #000; 2027 | } 2028 | 2029 | @media only screen and (max-width: 767px) { 2030 | .price_box span.current_price { 2031 | font-size: 13px; 2032 | } 2033 | } 2034 | 2035 | /* ******************************************* */ 2036 | 2037 | .banner_area { 2038 | margin-bottom: 70px; 2039 | margin-top: 70px; 2040 | } 2041 | 2042 | @media only screen and (max-width: 767px) { 2043 | .banner_area { 2044 | margin-bottom: 27px; 2045 | } 2046 | } 2047 | 2048 | .mb-66 { 2049 | margin-bottom: 66px; 2050 | } 2051 | 2052 | @media only screen and (max-width: 767px) { 2053 | .single_banner { 2054 | margin-bottom: 30px; 2055 | } 2056 | } 2057 | 2058 | .banner_thumb { 2059 | position: relative; 2060 | overflow: hidden; 2061 | } 2062 | 2063 | .banner_thumb:hover::before { 2064 | width: 90%; 2065 | } 2066 | .banner_thumb:hover::after { 2067 | height: 90%; 2068 | } 2069 | 2070 | .banner_thumb::before { 2071 | content: ""; 2072 | display: block; 2073 | position: absolute; 2074 | width: 0; 2075 | height: 90%; 2076 | border-top: 2px solid #fff; 2077 | border-bottom: 2px solid #fff; 2078 | top: 0; 2079 | bottom: 0; 2080 | left: 0; 2081 | right: 0; 2082 | margin: auto; 2083 | transition: all 300ms ease; 2084 | pointer-events: none; 2085 | background-color: rgba(0, 0, 0, 0.3); 2086 | } 2087 | .banner_thumb::after { 2088 | content: ""; 2089 | display: block; 2090 | position: absolute; 2091 | height: 0; 2092 | width: 90%; 2093 | border-left: 2px solid #fff; 2094 | border-right: 2px solid #fff; 2095 | top: 0; 2096 | bottom: 0; 2097 | left: 0; 2098 | right: 0; 2099 | margin: auto; 2100 | transition: all 300ms ease; 2101 | pointer-events: none; 2102 | background-color: rgba(0, 0, 0, 0.3); 2103 | } 2104 | 2105 | @media only screen and (max-width: 767px) { 2106 | .banner_thumb a { 2107 | width: 100%; 2108 | } 2109 | } 2110 | 2111 | .banner_thumb a img { 2112 | transition: 0.3s; 2113 | } 2114 | 2115 | @media only screen and (max-width: 767px) { 2116 | .banner_thumb a img { 2117 | width: 100%; 2118 | } 2119 | } 2120 | 2121 | .banner_content { 2122 | position: absolute; 2123 | top: 50%; 2124 | transform: translateY(-50%); 2125 | width: 100%; 2126 | text-align: center; 2127 | z-index: 1; 2128 | } 2129 | 2130 | .banner_content h3 { 2131 | font-size: 24px; 2132 | line-height: 24px; 2133 | font-weight: 900; 2134 | text-transform: uppercase; 2135 | color: #ffffff; 2136 | margin-bottom: 19px; 2137 | } 2138 | 2139 | @media only screen and (min-width: 992px) and (max-width: 1199px) { 2140 | .banner_content h3 { 2141 | font-size: 20px; 2142 | line-height: 20px; 2143 | } 2144 | } 2145 | @media only screen and (min-width: 768px) and (max-width: 99px) { 2146 | .banner_content h3 { 2147 | font-size: 14px; 2148 | line-height: 16px; 2149 | } 2150 | } 2151 | @media only screen and (max-width: 1199px) { 2152 | .banner_content h3 { 2153 | font-size: 15px; 2154 | line-height: 15px; 2155 | margin-bottom: 7px; 2156 | } 2157 | } 2158 | 2159 | .banner_content h2 { 2160 | font-size: 72px; 2161 | line-height: 72px; 2162 | margin-bottom: 10px; 2163 | font-weight: 900; 2164 | text-transform: uppercase; 2165 | color: #fff; 2166 | } 2167 | 2168 | @media only screen and (min-width: 992px) and (max-width: 1199px) { 2169 | .banner_content h2 { 2170 | font-size: 50px; 2171 | line-height: 50px; 2172 | } 2173 | } 2174 | @media only screen and (min-width: 768px) and (max-width: 99px) { 2175 | .banner_content h2 { 2176 | font-size: 30px; 2177 | line-height: 30px; 2178 | } 2179 | } 2180 | @media only screen and (max-width: 1199px) { 2181 | .banner_content h2 { 2182 | font-size: 40px; 2183 | line-height: 40px; 2184 | margin-bottom: 6px; 2185 | } 2186 | } 2187 | 2188 | .banner_content p { 2189 | font-size: 18px; 2190 | line-height: 20px; 2191 | color: #fff; 2192 | font-weight: 700; 2193 | } 2194 | 2195 | @media only screen and (min-width: 768px) and (max-width: 99px) { 2196 | .banner_content p { 2197 | font-size: 15px; 2198 | } 2199 | } 2200 | @media only screen and (max-width: 1199px) { 2201 | .banner_content p { 2202 | font-size: 14px; 2203 | line-height: 18px; 2204 | } 2205 | } 2206 | 2207 | .banner_content p span { 2208 | display: block; 2209 | } 2210 | 2211 | /* ********************************************* */ 2212 | 2213 | @media only screen and (max-width: 767px) { 2214 | .home-section_two { 2215 | margin-bottom: 54px; 2216 | } 2217 | } 2218 | 2219 | .home_section_two .owl-nav { 2220 | position: absolute; 2221 | top: -72px; 2222 | right: 16px; 2223 | display: flex; 2224 | justify-content: space-between; 2225 | width: 35px; 2226 | } 2227 | 2228 | @media only screen and (max-width: 767px) { 2229 | .home_section_two .owl-nav { 2230 | top: -63px; 2231 | } 2232 | } 2233 | 2234 | .home_section_two .owl-nav div { 2235 | font-size: 15px; 2236 | opacity: inherit; 2237 | visibility: inherit; 2238 | position: initial; 2239 | transform: initial; 2240 | height: initial; 2241 | line-height: initial; 2242 | transition: 0.3s; 2243 | color: #f6692a; 2244 | width: initial; 2245 | border: initial; 2246 | } 2247 | 2248 | .home_section_two .owl-nav div:hover { 2249 | color: #8b1b46; 2250 | background: inherit; 2251 | } 2252 | 2253 | .mb-70 { 2254 | margin-bottom: 70px; 2255 | } 2256 | 2257 | @media only screen and (min-width: 768px) and (max-width: 991px) { 2258 | .home_section_left { 2259 | margin-bottom: 65px; 2260 | } 2261 | } 2262 | 2263 | @media only screen and (max-width: 767px) { 2264 | .home_section_left { 2265 | margin-bottom: 56px; 2266 | } 2267 | } 2268 | 2269 | @media only screen and (ma-width: 767px) { 2270 | .deals_product_area { 2271 | margin-bottom: 58px; 2272 | } 2273 | } 2274 | .mb-68 { 2275 | margin-bottom: 68px; 2276 | } 2277 | 2278 | .section_title_style2 { 2279 | text-align: left; 2280 | margin-bottom: 30px; 2281 | } 2282 | @media only screen and (max-width: 767px) { 2283 | .section_title_style2 { 2284 | margin-bottom: 20px; 2285 | } 2286 | } 2287 | 2288 | .section_title_style2::before { 2289 | width: 70px; 2290 | bottom: 0; 2291 | top: auto; 2292 | left: 0; 2293 | right: auto; 2294 | z-index: 9; 2295 | } 2296 | 2297 | .section_title_style2 h2 { 2298 | font-size: 20px; 2299 | line-height: 20px; 2300 | padding: 0 0 20px; 2301 | } 2302 | 2303 | @media only screen and (max-width: 767px) { 2304 | .section_title_style2 h2 { 2305 | font-size: 18px; 2306 | line-height: 18px; 2307 | padding: 0 0 15px; 2308 | } 2309 | } 2310 | 2311 | .deals_carousel .col-lg-3 { 2312 | flex: 0 0 100%; 2313 | max-width: 100%; 2314 | } 2315 | 2316 | .deals_carousel .single_product { 2317 | border: 1px solid #ebebeb; 2318 | } 2319 | 2320 | .deals_carousel .product_content { 2321 | padding: 20px 14px 17px; 2322 | margin-top: 0; 2323 | } 2324 | 2325 | @media only screen and (min-width: 992px) and (max-width: 1199px) { 2326 | .deals_carousel .product_content { 2327 | padding: 20px 10px 17px; 2328 | } 2329 | } 2330 | 2331 | .deals_carousel .product_thumb a img { 2332 | width: 100%; 2333 | } 2334 | .product_timing { 2335 | margin-bottom: 16px; 2336 | } 2337 | 2338 | .single_countdown { 2339 | display: inline-block; 2340 | width: 54px; 2341 | height: 55px; 2342 | text-align: center; 2343 | border: 1px solid coral; 2344 | border-radius: 50%; 2345 | margin-right: 5px; 2346 | } 2347 | 2348 | .single_countdown:last-child { 2349 | margin-right: 0; 2350 | } 2351 | 2352 | @media only screen and (min-width: 992px) and (max-width: 1199px) { 2353 | .single_countdown { 2354 | width: 46px; 2355 | height: 46px; 2356 | margin-right: 3px; 2357 | } 2358 | } 2359 | 2360 | .countdown_title { 2361 | font-size: 11px; 2362 | text-transform: uppercase; 2363 | letter-spacing: 0; 2364 | line-height: 16px; 2365 | } 2366 | @media only screen and (min-width: 992px) and (max-width: 1199px) { 2367 | .countdown_title { 2368 | font-size: 10px; 2369 | } 2370 | } 2371 | 2372 | .countdown_number { 2373 | line-height: 28px; 2374 | color: #f6692a; 2375 | } 2376 | 2377 | @media only screen and (min-width: 992px) and (max-width: 119px) { 2378 | .countdown_number { 2379 | line-height: 22px; 2380 | font-size: 13px; 2381 | } 2382 | } 2383 | 2384 | /* ***************************** */ 2385 | @media only screen and (max-width: 767px) { 2386 | .small_product_area { 2387 | margin-bottom: 58px; 2388 | } 2389 | } 2390 | 2391 | .small_product_area .product_content h4 a { 2392 | color: #000000; 2393 | } 2394 | .small_product_area .product_content h4 a:hover { 2395 | color: #f6692a; 2396 | } 2397 | 2398 | .small_product_area .product_rating ul li a { 2399 | color: #000000; 2400 | } 2401 | .small_product_area .product_rating ul li a:hover { 2402 | color: #f6692a; 2403 | } 2404 | 2405 | .small_product_area .price_box span { 2406 | color: #000000; 2407 | } 2408 | .small_product_container .single_product { 2409 | margin-bottom: 20px; 2410 | overflow: hidden; 2411 | } 2412 | 2413 | .small_product_container .single_product:last-child { 2414 | margin-bottom: 0; 2415 | } 2416 | 2417 | .small_product_container .product_content { 2418 | width: 73%; 2419 | padding-left: 15px; 2420 | margin-top: 0; 2421 | float: left; 2422 | } 2423 | 2424 | @media only screen and (min-width: 992px) and (max-width: 1199px) { 2425 | .small_product_container .product_content { 2426 | width: 66%; 2427 | } 2428 | } 2429 | 2430 | @media only screen and (min-width: 768px) and (max-width: 991px) { 2431 | .small_product_container .product_content { 2432 | width: 67%; 2433 | } 2434 | } 2435 | 2436 | @media only screen and (max-width: 767px) { 2437 | .small_product_container .product_content { 2438 | width: 73%; 2439 | padding-left: 12px; 2440 | } 2441 | } 2442 | 2443 | .small_product_container .product_content h4 { 2444 | font-size: 14px; 2445 | line-height: 14px; 2446 | margin-bottom: 12px; 2447 | } 2448 | 2449 | .small_product_container .product_content h4 a { 2450 | color: #000; 2451 | } 2452 | .small_product_container .product_content h4 a:hover { 2453 | color: #f6692a; 2454 | } 2455 | 2456 | .small_product_container .product_thumb { 2457 | width: 70px; 2458 | float: left; 2459 | } 2460 | 2461 | @media only screen and (max-width: 767px) { 2462 | .small_product_container .product_thumb { 2463 | width: 54px; 2464 | } 2465 | } 2466 | 2467 | .small_product_container .product_rating { 2468 | float: inherit; 2469 | margin-bottom: 7px; 2470 | width: 100%; 2471 | } 2472 | .small_product_container .product_rating ul li a { 2473 | color: #000; 2474 | } 2475 | .small_product_container .product_rating ul li a:hover { 2476 | color: #f6692a; 2477 | } 2478 | .small_product_container .price_box span { 2479 | color: #bdbdbd; 2480 | font-size: 13px; 2481 | } 2482 | 2483 | .small_product_container .price_box span.current_price { 2484 | color: #000000; 2485 | font-weight: 800; 2486 | } 2487 | .sidebar_product-column1 .product_thumb { 2488 | width: 90px; 2489 | } 2490 | 2491 | @media only screen and (min-width: 992px) and (max-width: 1199px) { 2492 | .sidebar_product-column1 .product_thumb { 2493 | width: 70px; 2494 | } 2495 | } 2496 | 2497 | .sidebar_product-column1 .product_content { 2498 | width: 65%; 2499 | } 2500 | 2501 | @media only screen and (min-width: 992px) and (max-width: 1199px) { 2502 | .sidebar_product-column1 .product_content { 2503 | width: 67%; 2504 | padding-left: 10px; 2505 | } 2506 | } 2507 | 2508 | /* **************Testimonial************** */ 2509 | @media only screen and (max-width: 767px) { 2510 | .testimonial_style_two { 2511 | margin-bottom: 50px; 2512 | } 2513 | } 2514 | 2515 | .testimonial_style_two .section_title_style2::before { 2516 | background: #000000; 2517 | } 2518 | 2519 | .testimonial_style_two .section_title_style2 h2 { 2520 | color: #000000; 2521 | background: inherit; 2522 | } 2523 | 2524 | .testimonial_content h4 { 2525 | font-size: 15px; 2526 | line-height: 15px; 2527 | font-weight: 700; 2528 | margin-top: 20px; 2529 | margin-bottom: 0; 2530 | text-transform: capitalize; 2531 | } 2532 | .testimonial_content h4 a { 2533 | color: #000000; 2534 | } 2535 | .testimonial_content h4 a:hover { 2536 | color: #f6692a; 2537 | } 2538 | @media only screen and (max-width: 767px) { 2539 | .testimonial_content h4 { 2540 | margin-top: 22px; 2541 | } 2542 | } 2543 | 2544 | .testimonial_content p { 2545 | font-size: 15px; 2546 | line-height: 25px; 2547 | color: #000000; 2548 | margin: 30px auto 0; 2549 | text-align: justify; 2550 | } 2551 | 2552 | @media only screen and (max-width: 767px) { 2553 | .testimonial_content p { 2554 | margin: 18px auto 0; 2555 | line-height: 23px; 2556 | font-size: 13px; 2557 | } 2558 | } 2559 | 2560 | .testimonial_sidebar_carousel .testimonial_img a img { 2561 | width: inherit; 2562 | display: inline-block; 2563 | border-radius: 50%; 2564 | } 2565 | 2566 | .single_testimonial { 2567 | text-align: center; 2568 | } 2569 | 2570 | /* ****************************** */ 2571 | 2572 | .newsletter_style2 { 2573 | background: inherit; 2574 | padding: 0; 2575 | } 2576 | @media only screen and (max-width: 767px) { 2577 | .newsletter_style2 { 2578 | margin-bottom: 0; 2579 | } 2580 | } 2581 | 2582 | .newsletter_style2 .subscribe_form form { 2583 | position: relative; 2584 | width: 100%; 2585 | } 2586 | 2587 | .newsletter_style2 .subscribe_form form input { 2588 | width: 100%; 2589 | padding: 0 60px 0 15px; 2590 | color: #000; 2591 | opacity: 0.7; 2592 | } 2593 | 2594 | .newsletter_style2 .subscribe_form form button { 2595 | position: absolute; 2596 | right: 0; 2597 | top: 0; 2598 | background: #f6692a; 2599 | padding: 0; 2600 | width: 48px; 2601 | text-align: center; 2602 | font-size: 16px; 2603 | color: #ffffff; 2604 | } 2605 | 2606 | .newsletter_style2 .subscribe_form form button:hover { 2607 | background: #000; 2608 | } 2609 | 2610 | .newsletter_style2 .newsletter_content { 2611 | text-align: left; 2612 | } 2613 | .newsletter_style2 .newsletter_content p { 2614 | color: #000000; 2615 | font-size: 14px; 2616 | line-height: 14px; 2617 | margin-top: 10px; 2618 | max-width: 100%; 2619 | } 2620 | 2621 | .subscribe_form { 2622 | margin-top: 32px; 2623 | } 2624 | 2625 | @media only screen and (max-width: 767px) { 2626 | .subscribe_form { 2627 | margin-top: 24px; 2628 | } 2629 | } 2630 | 2631 | .subscribe_form form input { 2632 | width: 448px; 2633 | border: 1px solid #c4c4c3; 2634 | background: none; 2635 | padding: 0 15px; 2636 | font-size: 13px; 2637 | height: 52px; 2638 | color: #444444; 2639 | } 2640 | 2641 | @media only screen and (min-width: 768px) and (max-width: 991px) { 2642 | .subscribe_form form input { 2643 | height: 40px; 2644 | } 2645 | } 2646 | 2647 | @media only screen and (max-width: 767px) { 2648 | .subscribe_form form input { 2649 | width: 190px; 2650 | height: 40px; 2651 | font-size: 12px; 2652 | } 2653 | } 2654 | 2655 | .subscribe_form form button { 2656 | padding: 0 20px; 2657 | background: #fff; 2658 | font-size: 13px; 2659 | font-weight: 70; 2660 | text-transform: uppercase; 2661 | line-height: 52px; 2662 | height: 52px; 2663 | border: 0; 2664 | display: block; 2665 | transition: 0.3s; 2666 | margin-left: 15px; 2667 | } 2668 | 2669 | .subscribe_form form button:hover { 2670 | color: #ffffff; 2671 | background: #000; 2672 | } 2673 | 2674 | @media only screen and (min-width: 768px) and (max-width: 991px) { 2675 | .subscribe_form form button { 2676 | line-height: 36px; 2677 | height: 40px; 2678 | } 2679 | } 2680 | @media only screen and (max-width: 767px) { 2681 | .subscribe_form form button { 2682 | line-height: 36px; 2683 | height: 40px; 2684 | font-size: 12px; 2685 | padding: 0 8px; 2686 | margin-left: 8px; 2687 | letter-spacing: 0; 2688 | } 2689 | } 2690 | 2691 | /* *************************** */ 2692 | .blog_two { 2693 | background: #f8f8f8; 2694 | padding: 65px 0 64px; 2695 | margin-bottom: 0; 2696 | } 2697 | @media only screen and (max-width: 767px) { 2698 | .blog_two { 2699 | padding: 55px 0 54px; 2700 | } 2701 | } 2702 | 2703 | .blog_carousel:hover .owl-nav div { 2704 | opacity: 1; 2705 | visibility: visible; 2706 | } 2707 | 2708 | .blog_carousel .owl-nav.disabled { 2709 | display: block; 2710 | } 2711 | 2712 | .blog_carousel .owl-nav div { 2713 | position: absolute; 2714 | top: 50%; 2715 | transform: translateY(-50%); 2716 | left: 0; 2717 | font-size: 18px; 2718 | width: 45px; 2719 | height: 45px; 2720 | line-height: 43px; 2721 | text-align: center; 2722 | border: 1px solid #a2a2a2; 2723 | transition: 0.3s; 2724 | opacity: 0; 2725 | visibility: hidden; 2726 | background: #fff; 2727 | } 2728 | 2729 | @media only screen and (max-width: 767px) { 2730 | .blog_carousel .owl-nav div { 2731 | display: none; 2732 | } 2733 | } 2734 | 2735 | .blog_carousel .owl-nav div:hover { 2736 | color: #fff; 2737 | background: #f6692a; 2738 | border-color: #f6692a; 2739 | } 2740 | 2741 | .blog_carousel .owl-nav div.owl-next { 2742 | right: 0; 2743 | left: auto; 2744 | } 2745 | 2746 | .blog_carousel .col-lg-3 { 2747 | flex: 0 0 100%; 2748 | max-width: 100%; 2749 | } 2750 | 2751 | .blog_content { 2752 | padding-top: 25px; 2753 | } 2754 | @media only screen and (max-width: 767px) { 2755 | .blog_content { 2756 | padding-top: 14px; 2757 | } 2758 | } 2759 | .blog_content p.post_desc { 2760 | font-size: 14px; 2761 | line-height: 23px; 2762 | margin-bottom: 0; 2763 | text-align: justify; 2764 | } 2765 | 2766 | @media only screen and (max-width: 767px) { 2767 | .blog_content p.post_desc { 2768 | font-size: 13px; 2769 | line-height: 22px; 2770 | } 2771 | } 2772 | 2773 | .blog_content h4 { 2774 | font-size: 14px; 2775 | text-transform: uppercase; 2776 | line-height: 20px; 2777 | margin-bottom: 16px; 2778 | font-weight: 700; 2779 | } 2780 | 2781 | @media only screen and (min-width: 992px) and (max-width: 1199px) { 2782 | .blog_content h4 { 2783 | font-size: 14px; 2784 | } 2785 | } 2786 | 2787 | @media only screen and (max-width: 767px) { 2788 | .blog_content h4 { 2789 | font-size: 13px; 2790 | margin-bottom: 7px; 2791 | } 2792 | } 2793 | 2794 | .blog_content h4 a:hover { 2795 | color: #f6692a; 2796 | } 2797 | 2798 | .blog_content .btn_more { 2799 | margin-top: 15px; 2800 | } 2801 | 2802 | @media only screen and (max-width: 767px) { 2803 | .blog_content .btn_more { 2804 | margin-top: 5px; 2805 | } 2806 | } 2807 | 2808 | .blog_content .btn_more a { 2809 | font-size: 12px; 2810 | line-height: 20px; 2811 | text-transform: uppercase; 2812 | display: inline-block; 2813 | font-weight: 700; 2814 | } 2815 | .blog_content .btn_more a:hover { 2816 | color: #f6692a; 2817 | } 2818 | 2819 | @media only screen and (max-width: 767px) { 2820 | .blog_section { 2821 | margin-bottom: 54px; 2822 | } 2823 | } 2824 | 2825 | .blog_section .section_title h2 { 2826 | background: #f8f8f8; 2827 | } 2828 | 2829 | /* *********************** */ 2830 | 2831 | .footer_widgets { 2832 | background: #1c1d22; 2833 | } 2834 | 2835 | .footer_top { 2836 | padding: 67px 0 68px; 2837 | border-bottom: 1px solid rgba(255, 255, 255, 0.1); 2838 | } 2839 | 2840 | @media only screen and (min-width: 768px) and (max-width: 991px) { 2841 | .footer_top { 2842 | padding: 70px 0 17px; 2843 | } 2844 | } 2845 | 2846 | @media only screen and (max-width: 767px) { 2847 | .footer_top { 2848 | padding: 58px 0 5px; 2849 | } 2850 | } 2851 | 2852 | @media only screen and (min-width: 768px) and (max-width: 991px) { 2853 | .widgets_container { 2854 | margin-bottom: 52px; 2855 | } 2856 | } 2857 | @media only screen and (max-width: 767px) { 2858 | .widgets_container { 2859 | margin-bottom: 45px; 2860 | } 2861 | } 2862 | 2863 | .footer_logo { 2864 | margin-bottom: 31px; 2865 | } 2866 | @media only screen and (max-width: 767px) { 2867 | .footer_logo a img { 2868 | max-width: 126px; 2869 | } 2870 | } 2871 | 2872 | @media only screen and (max-width: 767px) { 2873 | .contact_us { 2874 | margin-bottom: 50px; 2875 | } 2876 | } 2877 | 2878 | .contact_us > p { 2879 | font-size: 14px; 2880 | line-height: 20px; 2881 | color: #bdbdbd; 2882 | margin-bottom: 10px; 2883 | } 2884 | 2885 | .contact_us > p a:hover { 2886 | color: #f6692a; 2887 | } 2888 | 2889 | .footer_desc { 2890 | margin-bottom: 20px; 2891 | } 2892 | @media only screen and (max-width: 767px) { 2893 | .footer_desc { 2894 | margin-bottom: 10px; 2895 | } 2896 | } 2897 | .footer_desc p { 2898 | font-size: 14px; 2899 | line-height: 20px; 2900 | color: #bdbdbd; 2901 | } 2902 | @media only screen and (max-width: 767px) { 2903 | .footer_desc p { 2904 | line-height: 25px; 2905 | } 2906 | } 2907 | 2908 | .footer_menu ul li a { 2909 | display: block; 2910 | font-weight: 400; 2911 | font-size: 14px; 2912 | line-height: 32px; 2913 | color: #bdbdbd; 2914 | } 2915 | .footer_menu ul li a:hover { 2916 | color: #f6692a; 2917 | } 2918 | @media only screen and (max-width: 767px) { 2919 | .footer_menu ul li a { 2920 | line-height: 32px; 2921 | } 2922 | } 2923 | .widgets_container h3 { 2924 | font-size: 17px; 2925 | line-height: 26px; 2926 | margin-bottom: 28px; 2927 | text-transform: uppercase; 2928 | font-weight: 700; 2929 | color: #ffffff; 2930 | letter-spacing: 2px; 2931 | } 2932 | 2933 | @media only screen and (min-width: 768px) and (max-width: 991px) { 2934 | .widgets_container h3 { 2935 | margin-bottom: 20px; 2936 | } 2937 | } 2938 | 2939 | @media only screen and (max-width: 767px) { 2940 | .widgets_container h3 { 2941 | margin-bottom: 12px; 2942 | line-height: 22px; 2943 | font-size: 13px; 2944 | } 2945 | } 2946 | 2947 | .footer_link { 2948 | padding: 20px 0; 2949 | } 2950 | 2951 | .footer_link ul li { 2952 | display: inline-block; 2953 | margin-right: 24px; 2954 | padding-right: 24px; 2955 | border-right: 1px solid #414141; 2956 | } 2957 | 2958 | .footer_link ul li:last-child { 2959 | margin-right: 0; 2960 | padding-right: 0; 2961 | border-right: 0; 2962 | } 2963 | 2964 | @media only screen and (max-width: 767px) { 2965 | .footer_link ul li { 2966 | margin-right: 12px; 2967 | padding-right: 12px; 2968 | line-height: 24px; 2969 | } 2970 | } 2971 | 2972 | .footer_link ul li a { 2973 | color: #ffffff; 2974 | font-size: 12px; 2975 | line-height: 20px; 2976 | text-transform: uppercase; 2977 | } 2978 | 2979 | .footer_link ul li a:hover { 2980 | color: #f6692a; 2981 | } 2982 | 2983 | @media only screen and (max-width: 767px) { 2984 | .footer_link ul li a { 2985 | letter-spacing: 0; 2986 | } 2987 | } 2988 | 2989 | .copyright_area p { 2990 | text-transform: capitalize; 2991 | line-height: 25px; 2992 | font-size: 14px; 2993 | color: #bdbdbd; 2994 | } 2995 | 2996 | @media only screen and (max-width: 767px) { 2997 | .copyright_area p { 2998 | letter-spacing: 0; 2999 | } 3000 | } 3001 | 3002 | .copyright_area p a { 3003 | color: #ffffff; 3004 | } 3005 | 3006 | .copyright_area p a:hover { 3007 | text-decoration: underline; 3008 | color: #f6692a; 3009 | } 3010 | 3011 | .footer_bottom { 3012 | padding: 25px 0 25px; 3013 | background: #15161b; 3014 | } 3015 | 3016 | @media only screen and (max-width: 767px) { 3017 | .footer_bottom { 3018 | padding: 20px 0 25px; 3019 | } 3020 | } 3021 | 3022 | @media only screen and (max-width: 767px) { 3023 | .footer_payment { 3024 | text-align: center !important; 3025 | } 3026 | } 3027 | 3028 | .footer_payment ul li { 3029 | display: inline-block; 3030 | margin-right: 13px; 3031 | } 3032 | 3033 | .footer_payment ul li:last-child { 3034 | margin-right: 0; 3035 | } 3036 | 3037 | /* *************************** */ 3038 | .mb-10 { 3039 | margin-bottom: 10px; 3040 | } 3041 | 3042 | .mb-15 { 3043 | margin-bottom: 15px; 3044 | } 3045 | 3046 | .modal-dialog.modal-dialog-centered { 3047 | min-width: 1100px; 3048 | } 3049 | 3050 | @media only screen and (min-width: 1200px) and (max-width: 1600px) { 3051 | .modal-dialog.modal-dialog-centered { 3052 | min-width: 1000px; 3053 | } 3054 | } 3055 | @media only screen and (min-width: 992px) and (max-width: 1199px) { 3056 | .modal-dialog.modal-dialog-centered { 3057 | min-width: 950px; 3058 | } 3059 | } 3060 | @media only screen and (min-width: 768px) and (max-width: 991px) { 3061 | .modal-dialog.modal-dialog-centered { 3062 | min-width: 730px; 3063 | } 3064 | } 3065 | @media only screen and (max-width: 767px) { 3066 | .modal-dialog.modal-dialog-centered { 3067 | min-width: 90%; 3068 | } 3069 | } 3070 | 3071 | .modal_tab_img { 3072 | text-align: center; 3073 | margin-bottom: 10px; 3074 | } 3075 | 3076 | .modal_tab_img img { 3077 | margin: 0 auto; 3078 | } 3079 | 3080 | .modal_tab_button ul li a { 3081 | padding: 0; 3082 | border: 1px solid #ebebeb; 3083 | margin: 0 2px; 3084 | } 3085 | 3086 | .modal_tab_button ul li a img { 3087 | width: 100%; 3088 | } 3089 | 3090 | .modal_title h2 { 3091 | font-size: 16px; 3092 | text-transform: uppercase; 3093 | font-weight: 600; 3094 | margin-bottom: 14px; 3095 | line-height: 26px; 3096 | } 3097 | 3098 | .modal_social h2 { 3099 | font-size: 16px; 3100 | text-transform: uppercase; 3101 | font-weight: 600; 3102 | margin-bottom: 15px; 3103 | line-height: 20px; 3104 | } 3105 | 3106 | .modal_social ul li { 3107 | display: inline-block; 3108 | margin-right: 3px; 3109 | } 3110 | 3111 | .modal_social ul li a { 3112 | text-transform: uppercase; 3113 | display: inline-block; 3114 | width: 38px; 3115 | height: 38px; 3116 | text-align: center; 3117 | line-height: 38px; 3118 | border-radius: 50%; 3119 | font-size: 15px; 3120 | color: #fff; 3121 | font-weight: 400; 3122 | } 3123 | 3124 | .modal_social ul li.facebook a { 3125 | background: #3c5b9b; 3126 | } 3127 | .modal_social ul li.twitter a { 3128 | background: #1da1f2; 3129 | } 3130 | .modal_social ul li.pinterest a { 3131 | background: #bd081b; 3132 | } 3133 | .modal_social ul li.google-plus a { 3134 | background: #84df84; 3135 | } 3136 | .modal_social ul li.linkedin a { 3137 | background: #7a3dc0; 3138 | } 3139 | .modal_social ul li.facebook a:hover { 3140 | background: #000000; 3141 | } 3142 | .modal_social ul li.twitter a:hover { 3143 | background: #000000; 3144 | } 3145 | .modal_social ul li.pinterest a:hover { 3146 | background: #000000; 3147 | } 3148 | .modal_social ul li.google-plus a:hover { 3149 | background: #000000; 3150 | } 3151 | .modal_social ul li.linkedin a:hover { 3152 | background: #000000; 3153 | } 3154 | 3155 | .modal_price { 3156 | margin-bottom: 12px; 3157 | } 3158 | 3159 | .modal_price span { 3160 | font-weight: 600; 3161 | color: tomato; 3162 | font-size: 16px; 3163 | } 3164 | 3165 | .modal_price span.old_price { 3166 | color: #000000; 3167 | font-size: 14px; 3168 | font-weight: 400; 3169 | text-decoration: line-through; 3170 | margin-left: 5px; 3171 | } 3172 | 3173 | .modal_description p { 3174 | line-height: 24px; 3175 | font-size: 15px; 3176 | margin: 0; 3177 | } 3178 | 3179 | .variants_size h2, 3180 | .variants_fragrance h2 { 3181 | font-size: 13px; 3182 | font-weight: 600; 3183 | text-transform: uppercase; 3184 | margin-bottom: 7px; 3185 | line-height: 20px; 3186 | } 3187 | .variants_size.mb-15, 3188 | .mb-15.variants_fragrance { 3189 | margin-bottom: 24px; 3190 | } 3191 | 3192 | .variants_size .select_option, 3193 | .variants_fragrance .select_option { 3194 | width: 100%; 3195 | border-radius: 0; 3196 | margin-bottom: 25px; 3197 | } 3198 | 3199 | .variants_size .select_option .list, 3200 | .variants_fragrance .select_option .list { 3201 | width: 100%; 3202 | border-radius: 0; 3203 | } 3204 | 3205 | .modal_add_to_cart { 3206 | margin-bottom: 25px; 3207 | } 3208 | 3209 | .modal_add_to_cart form input { 3210 | width: 95px; 3211 | border: 1px solid #ebebeb; 3212 | background: none; 3213 | padding: 0 10px; 3214 | height: 45px; 3215 | } 3216 | 3217 | @media only screen and (max-width: 767px) { 3218 | .modal_add_to_cart form input { 3219 | width: 75px; 3220 | } 3221 | } 3222 | 3223 | .modal_add_to_cart form button { 3224 | background: none; 3225 | border: 1px solid #000000; 3226 | margin-left: 10px; 3227 | font-size: 12px; 3228 | height: 45px; 3229 | width: 230px; 3230 | line-height: 18px; 3231 | padding: 10px 15px; 3232 | text-transform: uppercase; 3233 | background: #000000; 3234 | color: #fff; 3235 | transition: 0.3s; 3236 | cursor: pointer; 3237 | } 3238 | 3239 | @media only screen and (max-width: 767px) { 3240 | .modal_add_to_cart form button { 3241 | width: 130px; 3242 | } 3243 | } 3244 | 3245 | .modal_add_to_cart form button:hover { 3246 | background: #f6692a; 3247 | border-color: #f6692a; 3248 | color: #000000; 3249 | transition: all 0.3s ease; 3250 | font-weight: 700; 3251 | } 3252 | 3253 | .modal_body { 3254 | padding: 29px 6px 38px; 3255 | } 3256 | 3257 | @media only screen and (max-width: 767px) { 3258 | .modal_body { 3259 | padding: 42px 6px 38px; 3260 | } 3261 | } 3262 | 3263 | @media only screen and (max-width: 767px) { 3264 | .modal_body .modal_tab { 3265 | margin-bottom: 60px; 3266 | } 3267 | } 3268 | 3269 | .modal-content { 3270 | border-radius: 0; 3271 | } 3272 | 3273 | .modal-content button.close { 3274 | position: absolute; 3275 | left: 94%; 3276 | width: 35px; 3277 | height: 35px; 3278 | line-height: 33px; 3279 | display: block; 3280 | border: 1px solid #ebebeb; 3281 | top: 10px; 3282 | border-radius: 50%; 3283 | cursor: pointer; 3284 | font-size: 20px; 3285 | z-index: 9; 3286 | } 3287 | 3288 | @media only screen and (max-width: 767px) { 3289 | .modal-content button.close { 3290 | left: 93%; 3291 | width: 32px; 3292 | height: 32px; 3293 | line-height: 30px; 3294 | top: 4px; 3295 | margin-bottom: 14px; 3296 | } 3297 | } 3298 | 3299 | .modal-content button.close:hover { 3300 | color: #b93f06; 3301 | } 3302 | 3303 | .modal_add_to_cart.mb-15 { 3304 | margin-bottom: 23px; 3305 | } 3306 | .modal_description.mb-15 { 3307 | margin-bottom: 20px; 3308 | } 3309 | .product_navactive.owl-carousel:hover .owl-nav div { 3310 | opacity: 1; 3311 | visibility: visible; 3312 | } 3313 | 3314 | .product_navactive.owl-carousel .owl-nav { 3315 | display: block; 3316 | } 3317 | 3318 | .product_navactive.owl-carousel .owl-nav div { 3319 | position: absolute; 3320 | background: #000000; 3321 | color: #f6692a !important; 3322 | border-radius: 5px; 3323 | color: #333333; 3324 | height: 32px; 3325 | top: 50%; 3326 | transform: translateY(-50%); 3327 | width: 32px; 3328 | text-align: center; 3329 | line-height: 32px; 3330 | left: -7px; 3331 | font-size: 18px; 3332 | transition: 0.3s; 3333 | opacity: 0; 3334 | visibility: hidden; 3335 | } 3336 | 3337 | .product_navactive.owl-carousel .owl-nav div:hover { 3338 | background: #f6692a; 3339 | color: #000000 !important; 3340 | } 3341 | 3342 | .product_navactive.owl-carousel .owl-nav div.owl-next { 3343 | right: -7px; 3344 | left: auto; 3345 | } 3346 | 3347 | .select_option { 3348 | display: flex; 3349 | align-items: center; 3350 | } 3351 | 3352 | @media only screen and (max-width: 767px) { 3353 | .select_option { 3354 | flex-direction: column; 3355 | } 3356 | } 3357 | 3358 | .select_option .nice-select { 3359 | border: 0; 3360 | height: 30px; 3361 | line-height: 29px; 3362 | } 3363 | -------------------------------------------------------------------------------- /testimonial/testimonial1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/testimonial/testimonial1.jpg -------------------------------------------------------------------------------- /testimonial/testimonial2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/testimonial/testimonial2.jpg -------------------------------------------------------------------------------- /testimonial/testimonial3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techiecoder2079/Perfume-Website/3238fcadd7c229687a751c26c15d0235bfa4eae1/testimonial/testimonial3.jpg --------------------------------------------------------------------------------