',\n responsive: [\n {\n breakpoint: 1200,\n settings: {\n slidesToShow: 4\n }\n },\n {\n breakpoint: 992,\n settings: {\n slidesToShow: 3\n }\n },\n {\n breakpoint: 576,\n settings: {\n slidesToShow: 2\n }\n }\n ]\n });\n // Hook into Bootstrap shown event and manually trigger 'resize' event\n // so that Slick recalculates the widths\n $('#quick-look').on('shown.bs.modal', function () {\n $modalProductDetailElement.resize();\n });\n }\n };\n // Shop Category Toggle Functionality\n RESHOP.shopCategoryToggle = function() {\n if ($shopCategoryToggleSpan.length) {\n $shopCategoryToggleSpan.on('click', function () {\n $(this).toggleClass('is-expanded');\n $(this).next('ul').stop(true, true).slideToggle();\n });\n }\n };\n\n\n\n // Shop Perspective Change\n RESHOP.shopPerspectiveChange = function() {\n if ($shopGridBtn.length && $shopListBtn.length) {\n $shopGridBtn.on('click',function () {\n $(this).addClass('is-active');\n $shopListBtn.removeClass('is-active');\n $shopPerspectiveRow.removeClass('is-list-active');\n $shopPerspectiveRow.addClass('is-grid-active');\n });\n $shopListBtn.on('click',function () {\n $(this).addClass('is-active');\n $shopGridBtn.removeClass('is-active');\n $shopPerspectiveRow.removeClass('is-grid-active');\n $shopPerspectiveRow.addClass('is-list-active');\n });\n }\n };\n // Shop Side Filter Settings\n RESHOP.shopSideFilter = function() {\n if ($shopFilterBtn.length) {\n $shopFilterBtn.on('click',function () {\n // Add Class Active\n $(this).toggleClass('is-active');\n // Get Value of the attribute data-side\n var target = $(this).attr('data-side');\n // Open Side\n $(target).toggleClass('is-open');\n });\n }\n };\n\n // Show Newsletter Modal\n RESHOP.showNewsletterModal = function() {\n if ($('#newsletter-modal').length) {\n setTimeout(function () {\n // Manually opens a modal\n $('#newsletter-modal').modal({\n backdrop: 'static',\n keyboard: false,\n show: true\n });\n }, 5000);\n }\n };\n\n // Check everything including DOM elements and images loaded\n $(window).on('load',function () {\n RESHOP.showNewsletterModal();\n if ($primarySlider.length) {\n // Play slider when everything is loaded\n $primarySlider.data('owl.carousel').options.autoplay = true;\n $primarySlider.trigger('refresh.owl.carousel');\n }\n });\n\n\n RESHOP.initScrollUp();\n RESHOP.initTooltip();\n RESHOP.initModal();\n RESHOP.defaultAddressCheckbox();\n RESHOP.initScrollSpy();\n RESHOP.onClickScroll();\n RESHOP.reshopNavigation();\n RESHOP.primarySlider();\n RESHOP.productSlider();\n RESHOP.tabSlider();\n RESHOP.onTabActiveRefreshSlider();\n RESHOP.brandSlider();\n RESHOP.testimonialSlider();\n RESHOP.appConfiguration();\n RESHOP.isotopeFilter();\n RESHOP.timerCountDown();\n RESHOP.initInputCounter();\n RESHOP.blogPostGallery();\n RESHOP.blogPostVideo();\n RESHOP.blogPostEmbedVideo();\n RESHOP.blogPostMasonry();\n RESHOP.productDetailInit();\n RESHOP.modalProductDetailInit();\n RESHOP.shopCategoryToggle();\n RESHOP.shopPerspectiveChange();\n RESHOP.shopSideFilter();\n})(jQuery);"
},
{
"path": "js/jquery.shopnav.js",
"content": "/*!\n * Shop Nav v1.0.0 Lightweight plugin\n *\n * Copyright (c)\n * Ahmad Hussnain\n\n * MIT License\n */\n\n\n;(function ($, window, document, undefined) {\n 'use strict';\n\n $.fn.shopNav = function (options) {\n\n var defaults = {\n mobileBreakpoint: 1024\n },\n // this is now jQuery Object\n settings = $.extend({}, defaults, options),\n bigScreenFlag = Number.MAX_VALUE,\n smallScreenFlag = 1,\n $element = this,\n mode,\n tabInit = false,\n $toggleBtn = $element.find('.toggle-button'),\n $closeSpan = $element.find('.ah-close'),\n $underneathSpanToggle = $element.find('.has-dropdown').children('.js-menu-toggle'),\n $megaBtn,$megaMenuItem,$megaMenuSpan,$megaMenuContent;\n\n\n return this.each(function() {\n\n /**\n * Returns Window Width\n */\n var windowWidth = function () {\n return window.innerWidth || document.documentElement.clientWidth\n || document.body.clientWidth;\n };\n /**\n * Check if the page has Mega menu\n */\n var checkTabs = function () {\n if ($element.find('.mega-menu').length > 0) {\n tabInit = true;\n // Get Mega button for click event\n $megaBtn = $('.mega-text');\n // Get all mega menu categories item for hover event\n $megaMenuItem = $element.find('.mega-menu-list').find('li');\n // Get all mega menu span for click event\n $megaMenuSpan = $element.find('.mega-menu-list').find('span');\n // Get all mega menu content\n $megaMenuContent = $element.find('.mega-menu-content');\n }\n };\n /**\n * Global Event Handler for solving Mega Menu outside click problem\n */\n var globalBodyClick = function () {\n if ($megaBtn.hasClass('js-open')) {\n $megaBtn.removeClass('js-open');\n }\n };\n /**\n * Click functionality for Mega Menu Button\n */\n var clickMegaBtn = function (e) {\n // Don't bubble up to the DOM element\n e.stopPropagation();\n // Add class on button\n $megaBtn.toggleClass('js-open');\n };\n /**\n * Mega menu off hovering effect on categories item on portrait mode\n */\n var bindEventsMegaMenu = function () {\n if (tabInit) {\n if (mode === 'landscape') {\n $megaBtn.on('click',clickMegaBtn);\n $(document.body).on('click',globalBodyClick);\n $megaMenuItem.on('mouseenter',mouseEnterMegaItem);\n } else {\n $megaBtn.off('click');\n $megaBtn.removeClass('js-open');\n $(document.body).off('click',globalBodyClick);\n $megaMenuSpan.on('click',clickMegaSpan);\n $megaMenuItem.off('mouseenter').off('mouseleave')\n }\n }\n };\n /**\n * Mega menu on hovering function\n */\n var mouseEnterMegaItem = function () {\n // Remove all old classes from list items\n $megaMenuItem.removeClass('js-active');\n // Remove all old classes from span\n $megaMenuSpan.removeClass('js-toggle-mark');\n // add class to new list item\n $(this).addClass('js-active');\n // add class to span\n $(this).find('span').addClass('js-toggle-mark');\n // remove all js-active classes from content\n $megaMenuContent.removeClass('js-active');\n // add to new one index() function only works on list items , divs\n $($megaMenuContent[$(this).index()]).addClass('js-active');\n };\n /**\n * Mega menu on click function\n */\n var clickMegaSpan = function () {\n // Remove all old classes from span\n $megaMenuSpan.removeClass('js-toggle-mark');\n // Remove all old classes from list items\n $megaMenuItem.removeClass('js-active');\n // add class to new span\n $(this).addClass('js-toggle-mark');\n // add class to parent li\n $(this).parent().addClass('js-active');\n // remove all js-active classes from content\n $megaMenuContent.removeClass('js-active');\n // add to new one index() function only works on list items , divs\n $($megaMenuContent[$(this).parent().index()]).addClass('js-active');\n };\n /**\n * Attach click on toggle button\n */\n var attachClickOnToggleBtn = function () {\n $toggleBtn.on('click',function () {\n $element.addClass('js-open');\n });\n };\n /**\n * Attach click on close span\n */\n var attachClickOnCloseSpan = function () {\n // .menu-init\n // (child of menu-init) (toggle-button)\n // (child of menu-init) (ah-lg-mode)\n // (child of ah-lg-mode) ah-close\n $closeSpan.on('click',function () {\n $element.removeClass('js-open');\n });\n };\n\n /**\n * Attach click on spans that are place underneath (.has-dropdown) list item\n */\n var attachClickOnUnderneathSpan = function () {\n $underneathSpanToggle.on('click',function () {\n $(this).toggleClass('js-toggle-mark');\n // Show delay duration = 0 , slide toggle duration = 300\n $(this).next().stop(true,true).slideToggle(300);\n });\n };\n\n /**\n * Flush plugin state from portrait mode\n */\n var flushPluginState = function () {\n // Remove .js-open class from the main element\n $element.removeClass('js-open');\n // Remove class from underneath spans\n $underneathSpanToggle.removeClass('js-toggle-mark');\n // Remove display property from spans that are place underneath (.has-dropdown) list item\n $underneathSpanToggle.next().css('display','');\n };\n\n\n\n /**\n * check browser width in real-time\n */\n var windowCheck = function() {\n // portrait mode\n if(windowWidth() <= settings.mobileBreakpoint && bigScreenFlag > settings.mobileBreakpoint){\n mode = 'portrait';\n bindEventsMegaMenu();\n\n }\n // landscape mode\n if(windowWidth() > settings.mobileBreakpoint && smallScreenFlag <= settings.mobileBreakpoint) {\n mode = 'landscape';\n bindEventsMegaMenu();\n // Flush plugin state from portrait mode\n flushPluginState();\n }\n bigScreenFlag = windowWidth();\n smallScreenFlag = windowWidth();\n };\n\n\n\n\n // Check if the page has Mega menu\n checkTabs();\n // Attach click on toggle button\n attachClickOnToggleBtn();\n // Attach click on close span\n attachClickOnCloseSpan();\n // Attach click on spans that are place underneath (.has-dropdown) list item\n attachClickOnUnderneathSpan();\n // check browser width in real-time\n windowCheck();\n\n $(window).on('resize', function() {\n windowCheck();\n });\n\n });\n };\n})(jQuery, window, document);\n"
},
{
"path": "js/map-init.js",
"content": "// When the window has finished loading create our google map below\ngoogle.maps.event.addDomListener(window, 'load', init);\n\nfunction init() {\n // Basic options for a simple Google Map\n // For more options see: https://developers.google.com/maps/documentation/javascript/reference#MapOptions\n var mapOptions = {\n // How zoomed in you want the map to start at (always required)\n zoom: 12,\n scrollwheel: false,\n // The latitude and longitude to center the map (always required)\n center: new google.maps.LatLng(37.393322, -122.023780),\n };\n // Get the HTML DOM element that will contain your map\n // We are using a div with id=\"map\" seen below in the \n var mapElement = document.getElementById('map');\n // Create the Google Map using our element and options defined above\n var map = new google.maps.Map(mapElement, mapOptions);\n // Let's also add a marker while we're at it\n var marker = new google.maps.Marker({\n position: new google.maps.LatLng(37.393322, -122.023780),\n map: map,\n });\n}"
},
{
"path": "js/vendor.js",
"content": "/*!\n * modernizr v3.6.0\n * Build https://modernizr.com/download?-cssanimations-csscolumns-customelements-flexbox-history-picture-pointerevents-postmessage-sizes-srcset-webgl-websockets-webworkers-addtest-domprefixes-hasevent-mq-prefixedcssvalue-prefixes-setclasses-testallprops-testprop-teststyles-dontmin\n *\n * Copyright (c)\n * Faruk Ates\n * Paul Irish\n * Alex Sexton\n * Ryan Seddon\n * Patrick Kettner\n * Stu Cox\n * Richard Herrera\n\n * MIT License\n */\n!function(i,c,p){var a=[],l=[],e={_version:\"3.6.0\",_config:{classPrefix:\"\",enableClasses:!0,enableJSClass:!0,usePrefixes:!0},_q:[],on:function(e,t){var n=this;setTimeout(function(){t(n[e])},0)},addTest:function(e,t,n){l.push({name:e,fn:t,options:n})},addAsyncTest:function(e){l.push({name:null,fn:e})}},u=function(){};u.prototype=e,(u=new u).addTest(\"customelements\",\"customElements\"in i),u.addTest(\"history\",function(){var e=navigator.userAgent;return(-1===e.indexOf(\"Android 2.\")&&-1===e.indexOf(\"Android 4.0\")||-1===e.indexOf(\"Mobile Safari\")||-1!==e.indexOf(\"Chrome\")||-1!==e.indexOf(\"Windows Phone\")||\"file:\"===location.protocol)&&(i.history&&\"pushState\"in i.history)}),u.addTest(\"postmessage\",\"postMessage\"in i);var t=!1;try{t=\"WebSocket\"in i&&2===i.WebSocket.CLOSING}catch(e){}u.addTest(\"websockets\",t),u.addTest(\"picture\",\"HTMLPictureElement\"in i),u.addTest(\"webworkers\",\"Worker\"in i);var n=e._config.usePrefixes?\" -webkit- -moz- -o- -ms- \".split(\" \"):[\"\",\"\"];function A(e,t){return typeof e===t}e._prefixes=n;var m=c.documentElement,h=\"svg\"===m.nodeName.toLowerCase();function s(e){var t=m.className,n=u._config.classPrefix||\"\";if(h&&(t=t.baseVal),u._config.enableJSClass){var r=new RegExp(\"(^|\\\\s)\"+n+\"no-js(\\\\s|$)\");t=t.replace(r,\"$1\"+n+\"js$2\")}u._config.enableClasses&&(t+=\" \"+n+e.join(\" \"+n),h?m.className.baseVal=t:m.className=t)}var f,r,o=\"Moz O ms Webkit\",d=e._config.usePrefixes?o.toLowerCase().split(\" \"):[];function g(e,t){if(\"object\"==typeof e)for(var n in e)f(e,n)&&g(n,e[n]);else{var r=(e=e.toLowerCase()).split(\".\"),o=u[r[0]];if(2==r.length&&(o=o[r[1]]),void 0!==o)return u;t=\"function\"==typeof t?t():t,1==r.length?u[r[0]]=t:(!u[r[0]]||u[r[0]]instanceof Boolean||(u[r[0]]=new Boolean(u[r[0]])),u[r[0]][r[1]]=t),s([(t&&0!=t?\"\":\"no-\")+r.join(\"-\")]),u._trigger(e,t)}return u}function v(){return\"function\"!=typeof c.createElement?c.createElement(arguments[0]):h?c.createElementNS.call(c,\"http://www.w3.org/2000/svg\",arguments[0]):c.createElement.apply(c,arguments)}e._domPrefixes=d,f=A(r={}.hasOwnProperty,\"undefined\")||A(r.call,\"undefined\")?function(e,t){return t in e&&A(e.constructor.prototype[t],\"undefined\")}:function(e,t){return r.call(e,t)},e._l={},e.on=function(e,t){this._l[e]||(this._l[e]=[]),this._l[e].push(t),u.hasOwnProperty(e)&&setTimeout(function(){u._trigger(e,u[e])},0)},e._trigger=function(e,t){if(this._l[e]){var n=this._l[e];setTimeout(function(){var e;for(e=0;e
=0&&n0&&t-1 in e)}var E=function(e){var t,n,r,i,o,a,s,u,l,c,f,p,d,h,g,y,v,m,x,b=\"sizzle\"+1*new Date,w=e.document,T=0,C=0,E=ae(),k=ae(),S=ae(),D=function(e,t){return e===t&&(f=!0),0},N={}.hasOwnProperty,A=[],j=A.pop,q=A.push,L=A.push,H=A.slice,O=function(e,t){for(var n=0,r=e.length;n+~]|\"+M+\")\"+M+\"*\"),z=new RegExp(\"=\"+M+\"*([^\\\\]'\\\"]*?)\"+M+\"*\\\\]\",\"g\"),X=new RegExp(W),U=new RegExp(\"^\"+R+\"$\"),V={ID:new RegExp(\"^#(\"+R+\")\"),CLASS:new RegExp(\"^\\\\.(\"+R+\")\"),TAG:new RegExp(\"^(\"+R+\"|[*])\"),ATTR:new RegExp(\"^\"+I),PSEUDO:new RegExp(\"^\"+W),CHILD:new RegExp(\"^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\\\(\"+M+\"*(even|odd|(([+-]|)(\\\\d*)n|)\"+M+\"*(?:([+-]|)\"+M+\"*(\\\\d+)|))\"+M+\"*\\\\)|)\",\"i\"),bool:new RegExp(\"^(?:\"+P+\")$\",\"i\"),needsContext:new RegExp(\"^\"+M+\"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\\\(\"+M+\"*((?:-\\\\d)?\\\\d*)\"+M+\"*\\\\)|)(?=[^-]|$)\",\"i\")},G=/^(?:input|select|textarea|button)$/i,Y=/^h\\d$/i,Q=/^[^{]+\\{\\s*\\[native \\w/,J=/^(?:#([\\w-]+)|(\\w+)|\\.([\\w-]+))$/,K=/[+~]/,Z=new RegExp(\"\\\\\\\\([\\\\da-f]{1,6}\"+M+\"?|(\"+M+\")|.)\",\"ig\"),ee=function(e,t,n){var r=\"0x\"+t-65536;return r!==r||n?t:r<0?String.fromCharCode(r+65536):String.fromCharCode(r>>10|55296,1023&r|56320)},te=/([\\0-\\x1f\\x7f]|^-?\\d)|^-$|[^\\0-\\x1f\\x7f-\\uFFFF\\w-]/g,ne=function(e,t){return t?\"\\0\"===e?\"\\ufffd\":e.slice(0,-1)+\"\\\\\"+e.charCodeAt(e.length-1).toString(16)+\" \":\"\\\\\"+e},re=function(){p()},ie=me(function(e){return!0===e.disabled&&(\"form\"in e||\"label\"in e)},{dir:\"parentNode\",next:\"legend\"});try{L.apply(A=H.call(w.childNodes),w.childNodes),A[w.childNodes.length].nodeType}catch(e){L={apply:A.length?function(e,t){q.apply(e,H.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function oe(e,t,r,i){var o,s,l,c,f,h,v,m=t&&t.ownerDocument,T=t?t.nodeType:9;if(r=r||[],\"string\"!=typeof e||!e||1!==T&&9!==T&&11!==T)return r;if(!i&&((t?t.ownerDocument||t:w)!==d&&p(t),t=t||d,g)){if(11!==T&&(f=J.exec(e)))if(o=f[1]){if(9===T){if(!(l=t.getElementById(o)))return r;if(l.id===o)return r.push(l),r}else if(m&&(l=m.getElementById(o))&&x(t,l)&&l.id===o)return r.push(l),r}else{if(f[2])return L.apply(r,t.getElementsByTagName(e)),r;if((o=f[3])&&n.getElementsByClassName&&t.getElementsByClassName)return L.apply(r,t.getElementsByClassName(o)),r}if(n.qsa&&!S[e+\" \"]&&(!y||!y.test(e))){if(1!==T)m=t,v=e;else if(\"object\"!==t.nodeName.toLowerCase()){(c=t.getAttribute(\"id\"))?c=c.replace(te,ne):t.setAttribute(\"id\",c=b),s=(h=a(e)).length;while(s--)h[s]=\"#\"+c+\" \"+ve(h[s]);v=h.join(\",\"),m=K.test(e)&&ge(t.parentNode)||t}if(v)try{return L.apply(r,m.querySelectorAll(v)),r}catch(e){}finally{c===b&&t.removeAttribute(\"id\")}}}return u(e.replace(B,\"$1\"),t,r,i)}function ae(){var e=[];function t(n,i){return e.push(n+\" \")>r.cacheLength&&delete t[e.shift()],t[n+\" \"]=i}return t}function se(e){return e[b]=!0,e}function ue(e){var t=d.createElement(\"fieldset\");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function le(e,t){var n=e.split(\"|\"),i=n.length;while(i--)r.attrHandle[n[i]]=t}function ce(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&e.sourceIndex-t.sourceIndex;if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function fe(e){return function(t){return\"input\"===t.nodeName.toLowerCase()&&t.type===e}}function pe(e){return function(t){var n=t.nodeName.toLowerCase();return(\"input\"===n||\"button\"===n)&&t.type===e}}function de(e){return function(t){return\"form\"in t?t.parentNode&&!1===t.disabled?\"label\"in t?\"label\"in t.parentNode?t.parentNode.disabled===e:t.disabled===e:t.isDisabled===e||t.isDisabled!==!e&&ie(t)===e:t.disabled===e:\"label\"in t&&t.disabled===e}}function he(e){return se(function(t){return t=+t,se(function(n,r){var i,o=e([],n.length,t),a=o.length;while(a--)n[i=o[a]]&&(n[i]=!(r[i]=n[i]))})})}function ge(e){return e&&\"undefined\"!=typeof e.getElementsByTagName&&e}n=oe.support={},o=oe.isXML=function(e){var t=e&&(e.ownerDocument||e).documentElement;return!!t&&\"HTML\"!==t.nodeName},p=oe.setDocument=function(e){var t,i,a=e?e.ownerDocument||e:w;return a!==d&&9===a.nodeType&&a.documentElement?(d=a,h=d.documentElement,g=!o(d),w!==d&&(i=d.defaultView)&&i.top!==i&&(i.addEventListener?i.addEventListener(\"unload\",re,!1):i.attachEvent&&i.attachEvent(\"onunload\",re)),n.attributes=ue(function(e){return e.className=\"i\",!e.getAttribute(\"className\")}),n.getElementsByTagName=ue(function(e){return e.appendChild(d.createComment(\"\")),!e.getElementsByTagName(\"*\").length}),n.getElementsByClassName=Q.test(d.getElementsByClassName),n.getById=ue(function(e){return h.appendChild(e).id=b,!d.getElementsByName||!d.getElementsByName(b).length}),n.getById?(r.filter.ID=function(e){var t=e.replace(Z,ee);return function(e){return e.getAttribute(\"id\")===t}},r.find.ID=function(e,t){if(\"undefined\"!=typeof t.getElementById&&g){var n=t.getElementById(e);return n?[n]:[]}}):(r.filter.ID=function(e){var t=e.replace(Z,ee);return function(e){var n=\"undefined\"!=typeof e.getAttributeNode&&e.getAttributeNode(\"id\");return n&&n.value===t}},r.find.ID=function(e,t){if(\"undefined\"!=typeof t.getElementById&&g){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode(\"id\"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode(\"id\"))&&n.value===e)return[o]}return[]}}),r.find.TAG=n.getElementsByTagName?function(e,t){return\"undefined\"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):n.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if(\"*\"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},r.find.CLASS=n.getElementsByClassName&&function(e,t){if(\"undefined\"!=typeof t.getElementsByClassName&&g)return t.getElementsByClassName(e)},v=[],y=[],(n.qsa=Q.test(d.querySelectorAll))&&(ue(function(e){h.appendChild(e).innerHTML=\"=0;)e.push(r);return e}),gt:he(function(e,t,n){for(var r=n<0?n+t:n;++r1?function(t,n,r){var i=e.length;while(i--)if(!e[i](t,n,r))return!1;return!0}:e[0]}function be(e,t,n){for(var r=0,i=t.length;r-1&&(o[l]=!(a[l]=f))}}else v=we(v===a?v.splice(h,v.length):v),i?i(null,a,v,u):L.apply(a,v)})}function Ce(e){for(var t,n,i,o=e.length,a=r.relative[e[0].type],s=a||r.relative[\" \"],u=a?1:0,c=me(function(e){return e===t},s,!0),f=me(function(e){return O(t,e)>-1},s,!0),p=[function(e,n,r){var i=!a&&(r||n!==l)||((t=n).nodeType?c(e,n,r):f(e,n,r));return t=null,i}];u1&&xe(p),u>1&&ve(e.slice(0,u-1).concat({value:\" \"===e[u-2].type?\"*\":\"\"})).replace(B,\"$1\"),n,u0,i=e.length>0,o=function(o,a,s,u,c){var f,h,y,v=0,m=\"0\",x=o&&[],b=[],w=l,C=o||i&&r.find.TAG(\"*\",c),E=T+=null==w?1:Math.random()||.1,k=C.length;for(c&&(l=a===d||a||c);m!==k&&null!=(f=C[m]);m++){if(i&&f){h=0,a||f.ownerDocument===d||(p(f),s=!g);while(y=e[h++])if(y(f,a||d,s)){u.push(f);break}c&&(T=E)}n&&((f=!y&&f)&&v--,o&&x.push(f))}if(v+=m,n&&m!==v){h=0;while(y=t[h++])y(x,b,a,s);if(o){if(v>0)while(m--)x[m]||b[m]||(b[m]=j.call(u));b=we(b)}L.apply(u,b),c&&!o&&b.length>0&&v+t.length>1&&oe.uniqueSort(u)}return c&&(T=E,l=w),x};return n?se(o):o}return s=oe.compile=function(e,t){var n,r=[],i=[],o=S[e+\" \"];if(!o){t||(t=a(e)),n=t.length;while(n--)(o=Ce(t[n]))[b]?r.push(o):i.push(o);(o=S(e,Ee(i,r))).selector=e}return o},u=oe.select=function(e,t,n,i){var o,u,l,c,f,p=\"function\"==typeof e&&e,d=!i&&a(e=p.selector||e);if(n=n||[],1===d.length){if((u=d[0]=d[0].slice(0)).length>2&&\"ID\"===(l=u[0]).type&&9===t.nodeType&&g&&r.relative[u[1].type]){if(!(t=(r.find.ID(l.matches[0].replace(Z,ee),t)||[])[0]))return n;p&&(t=t.parentNode),e=e.slice(u.shift().value.length)}o=V.needsContext.test(e)?0:u.length;while(o--){if(l=u[o],r.relative[c=l.type])break;if((f=r.find[c])&&(i=f(l.matches[0].replace(Z,ee),K.test(u[0].type)&&ge(t.parentNode)||t))){if(u.splice(o,1),!(e=i.length&&ve(u)))return L.apply(n,i),n;break}}}return(p||s(e,d))(i,t,!g,n,!t||K.test(e)&&ge(t.parentNode)||t),n},n.sortStable=b.split(\"\").sort(D).join(\"\")===b,n.detectDuplicates=!!f,p(),n.sortDetached=ue(function(e){return 1&e.compareDocumentPosition(d.createElement(\"fieldset\"))}),ue(function(e){return e.innerHTML=\"1?w.uniqueSort(n):n},filter:function(e){return this.pushStack(j(this,e||[],!1))},not:function(e){return this.pushStack(j(this,e||[],!0))},is:function(e){return!!j(this,\"string\"==typeof e&&D.test(e)?w(e):e||[],!1).length}});var q,L=/^(?:\\s*(<[\\w\\W]+>)[^>]*|#([\\w-]+))$/;(w.fn.init=function(e,t,n){var i,o;if(!e)return this;if(n=n||q,\"string\"==typeof e){if(!(i=\"<\"===e[0]&&\">\"===e[e.length-1]&&e.length>=3?[null,e,null]:L.exec(e))||!i[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(i[1]){if(t=t instanceof w?t[0]:t,w.merge(this,w.parseHTML(i[1],t&&t.nodeType?t.ownerDocument||t:r,!0)),A.test(i[1])&&w.isPlainObject(t))for(i in t)g(this[i])?this[i](t[i]):this.attr(i,t[i]);return this}return(o=r.getElementById(i[2]))&&(this[0]=o,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):g(e)?void 0!==n.ready?n.ready(e):e(w):w.makeArray(e,this)}).prototype=w.fn,q=w(r);var H=/^(?:parents|prev(?:Until|All))/,O={children:!0,contents:!0,next:!0,prev:!0};w.fn.extend({has:function(e){var t=w(e,this),n=t.length;return this.filter(function(){for(var e=0;e-1:1===n.nodeType&&w.find.matchesSelector(n,e))){o.push(n);break}return this.pushStack(o.length>1?w.uniqueSort(o):o)},index:function(e){return e?\"string\"==typeof e?u.call(w(e),this[0]):u.call(this,e.jquery?e[0]:e):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){return this.pushStack(w.uniqueSort(w.merge(this.get(),w(e,t))))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}});function P(e,t){while((e=e[t])&&1!==e.nodeType);return e}w.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return k(e,\"parentNode\")},parentsUntil:function(e,t,n){return k(e,\"parentNode\",n)},next:function(e){return P(e,\"nextSibling\")},prev:function(e){return P(e,\"previousSibling\")},nextAll:function(e){return k(e,\"nextSibling\")},prevAll:function(e){return k(e,\"previousSibling\")},nextUntil:function(e,t,n){return k(e,\"nextSibling\",n)},prevUntil:function(e,t,n){return k(e,\"previousSibling\",n)},siblings:function(e){return S((e.parentNode||{}).firstChild,e)},children:function(e){return S(e.firstChild)},contents:function(e){return N(e,\"iframe\")?e.contentDocument:(N(e,\"template\")&&(e=e.content||e),w.merge([],e.childNodes))}},function(e,t){w.fn[e]=function(n,r){var i=w.map(this,t,n);return\"Until\"!==e.slice(-5)&&(r=n),r&&\"string\"==typeof r&&(i=w.filter(r,i)),this.length>1&&(O[e]||w.uniqueSort(i),H.test(e)&&i.reverse()),this.pushStack(i)}});var M=/[^\\x20\\t\\r\\n\\f]+/g;function R(e){var t={};return w.each(e.match(M)||[],function(e,n){t[n]=!0}),t}w.Callbacks=function(e){e=\"string\"==typeof e?R(e):w.extend({},e);var t,n,r,i,o=[],a=[],s=-1,u=function(){for(i=i||e.once,r=t=!0;a.length;s=-1){n=a.shift();while(++s-1)o.splice(n,1),n<=s&&s--}),this},has:function(e){return e?w.inArray(e,o)>-1:o.length>0},empty:function(){return o&&(o=[]),this},disable:function(){return i=a=[],o=n=\"\",this},disabled:function(){return!o},lock:function(){return i=a=[],n||t||(o=n=\"\"),this},locked:function(){return!!i},fireWith:function(e,n){return i||(n=[e,(n=n||[]).slice?n.slice():n],a.push(n),t||u()),this},fire:function(){return l.fireWith(this,arguments),this},fired:function(){return!!r}};return l};function I(e){return e}function W(e){throw e}function $(e,t,n,r){var i;try{e&&g(i=e.promise)?i.call(e).done(t).fail(n):e&&g(i=e.then)?i.call(e,t,n):t.apply(void 0,[e].slice(r))}catch(e){n.apply(void 0,[e])}}w.extend({Deferred:function(t){var n=[[\"notify\",\"progress\",w.Callbacks(\"memory\"),w.Callbacks(\"memory\"),2],[\"resolve\",\"done\",w.Callbacks(\"once memory\"),w.Callbacks(\"once memory\"),0,\"resolved\"],[\"reject\",\"fail\",w.Callbacks(\"once memory\"),w.Callbacks(\"once memory\"),1,\"rejected\"]],r=\"pending\",i={state:function(){return r},always:function(){return o.done(arguments).fail(arguments),this},\"catch\":function(e){return i.then(null,e)},pipe:function(){var e=arguments;return w.Deferred(function(t){w.each(n,function(n,r){var i=g(e[r[4]])&&e[r[4]];o[r[1]](function(){var e=i&&i.apply(this,arguments);e&&g(e.promise)?e.promise().progress(t.notify).done(t.resolve).fail(t.reject):t[r[0]+\"With\"](this,i?[e]:arguments)})}),e=null}).promise()},then:function(t,r,i){var o=0;function a(t,n,r,i){return function(){var s=this,u=arguments,l=function(){var e,l;if(!(t=o&&(r!==W&&(s=void 0,u=[e]),n.rejectWith(s,u))}};t?c():(w.Deferred.getStackHook&&(c.stackTrace=w.Deferred.getStackHook()),e.setTimeout(c))}}return w.Deferred(function(e){n[0][3].add(a(0,e,g(i)?i:I,e.notifyWith)),n[1][3].add(a(0,e,g(t)?t:I)),n[2][3].add(a(0,e,g(r)?r:W))}).promise()},promise:function(e){return null!=e?w.extend(e,i):i}},o={};return w.each(n,function(e,t){var a=t[2],s=t[5];i[t[1]]=a.add,s&&a.add(function(){r=s},n[3-e][2].disable,n[3-e][3].disable,n[0][2].lock,n[0][3].lock),a.add(t[3].fire),o[t[0]]=function(){return o[t[0]+\"With\"](this===o?void 0:this,arguments),this},o[t[0]+\"With\"]=a.fireWith}),i.promise(o),t&&t.call(o,o),o},when:function(e){var t=arguments.length,n=t,r=Array(n),i=o.call(arguments),a=w.Deferred(),s=function(e){return function(n){r[e]=this,i[e]=arguments.length>1?o.call(arguments):n,--t||a.resolveWith(r,i)}};if(t<=1&&($(e,a.done(s(n)).resolve,a.reject,!t),\"pending\"===a.state()||g(i[n]&&i[n].then)))return a.then();while(n--)$(i[n],s(n),a.reject);return a.promise()}});var B=/^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/;w.Deferred.exceptionHook=function(t,n){e.console&&e.console.warn&&t&&B.test(t.name)&&e.console.warn(\"jQuery.Deferred exception: \"+t.message,t.stack,n)},w.readyException=function(t){e.setTimeout(function(){throw t})};var F=w.Deferred();w.fn.ready=function(e){return F.then(e)[\"catch\"](function(e){w.readyException(e)}),this},w.extend({isReady:!1,readyWait:1,ready:function(e){(!0===e?--w.readyWait:w.isReady)||(w.isReady=!0,!0!==e&&--w.readyWait>0||F.resolveWith(r,[w]))}}),w.ready.then=F.then;function _(){r.removeEventListener(\"DOMContentLoaded\",_),e.removeEventListener(\"load\",_),w.ready()}\"complete\"===r.readyState||\"loading\"!==r.readyState&&!r.documentElement.doScroll?e.setTimeout(w.ready):(r.addEventListener(\"DOMContentLoaded\",_),e.addEventListener(\"load\",_));var z=function(e,t,n,r,i,o,a){var s=0,u=e.length,l=null==n;if(\"object\"===x(n)){i=!0;for(s in n)z(e,t,s,n[s],!0,o,a)}else if(void 0!==r&&(i=!0,g(r)||(a=!0),l&&(a?(t.call(e,r),t=null):(l=t,t=function(e,t,n){return l.call(w(e),n)})),t))for(;s1,null,!0)},removeData:function(e){return this.each(function(){K.remove(this,e)})}}),w.extend({queue:function(e,t,n){var r;if(e)return t=(t||\"fx\")+\"queue\",r=J.get(e,t),n&&(!r||Array.isArray(n)?r=J.access(e,t,w.makeArray(n)):r.push(n)),r||[]},dequeue:function(e,t){t=t||\"fx\";var n=w.queue(e,t),r=n.length,i=n.shift(),o=w._queueHooks(e,t),a=function(){w.dequeue(e,t)};\"inprogress\"===i&&(i=n.shift(),r--),i&&(\"fx\"===t&&n.unshift(\"inprogress\"),delete o.stop,i.call(e,a,o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+\"queueHooks\";return J.get(e,n)||J.access(e,n,{empty:w.Callbacks(\"once memory\").add(function(){J.remove(e,[t+\"queue\",n])})})}}),w.fn.extend({queue:function(e,t){var n=2;return\"string\"!=typeof e&&(t=e,e=\"fx\",n--),arguments.length\\x20\\t\\r\\n\\f]+)/i,he=/^$|^module$|\\/(?:java|ecma)script/i,ge={option:[1,\"\",\" \"],thead:[1,\"\"],col:[2,\"\"],tr:[2,\"\"],td:[3,\"\"],_default:[0,\"\",\"\"]};ge.optgroup=ge.option,ge.tbody=ge.tfoot=ge.colgroup=ge.caption=ge.thead,ge.th=ge.td;function ye(e,t){var n;return n=\"undefined\"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||\"*\"):\"undefined\"!=typeof e.querySelectorAll?e.querySelectorAll(t||\"*\"):[],void 0===t||t&&N(e,t)?w.merge([e],n):n}function ve(e,t){for(var n=0,r=e.length;n-1)i&&i.push(o);else if(l=w.contains(o.ownerDocument,o),a=ye(f.appendChild(o),\"script\"),l&&ve(a),n){c=0;while(o=a[c++])he.test(o.type||\"\")&&n.push(o)}return f}!function(){var e=r.createDocumentFragment().appendChild(r.createElement(\"div\")),t=r.createElement(\"input\");t.setAttribute(\"type\",\"radio\"),t.setAttribute(\"checked\",\"checked\"),t.setAttribute(\"name\",\"t\"),e.appendChild(t),h.checkClone=e.cloneNode(!0).cloneNode(!0).lastChild.checked,e.innerHTML=\"\",h.noCloneChecked=!!e.cloneNode(!0).lastChild.defaultValue}();var be=r.documentElement,we=/^key/,Te=/^(?:mouse|pointer|contextmenu|drag|drop)|click/,Ce=/^([^.]*)(?:\\.(.+)|)/;function Ee(){return!0}function ke(){return!1}function Se(){try{return r.activeElement}catch(e){}}function De(e,t,n,r,i,o){var a,s;if(\"object\"==typeof t){\"string\"!=typeof n&&(r=r||n,n=void 0);for(s in t)De(e,s,n,r,t[s],o);return e}if(null==r&&null==i?(i=n,r=n=void 0):null==i&&(\"string\"==typeof n?(i=r,r=void 0):(i=r,r=n,n=void 0)),!1===i)i=ke;else if(!i)return e;return 1===o&&(a=i,(i=function(e){return w().off(e),a.apply(this,arguments)}).guid=a.guid||(a.guid=w.guid++)),e.each(function(){w.event.add(this,t,i,r,n)})}w.event={global:{},add:function(e,t,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,y=J.get(e);if(y){n.handler&&(n=(o=n).handler,i=o.selector),i&&w.find.matchesSelector(be,i),n.guid||(n.guid=w.guid++),(u=y.events)||(u=y.events={}),(a=y.handle)||(a=y.handle=function(t){return\"undefined\"!=typeof w&&w.event.triggered!==t.type?w.event.dispatch.apply(e,arguments):void 0}),l=(t=(t||\"\").match(M)||[\"\"]).length;while(l--)d=g=(s=Ce.exec(t[l])||[])[1],h=(s[2]||\"\").split(\".\").sort(),d&&(f=w.event.special[d]||{},d=(i?f.delegateType:f.bindType)||d,f=w.event.special[d]||{},c=w.extend({type:d,origType:g,data:r,handler:n,guid:n.guid,selector:i,needsContext:i&&w.expr.match.needsContext.test(i),namespace:h.join(\".\")},o),(p=u[d])||((p=u[d]=[]).delegateCount=0,f.setup&&!1!==f.setup.call(e,r,h,a)||e.addEventListener&&e.addEventListener(d,a)),f.add&&(f.add.call(e,c),c.handler.guid||(c.handler.guid=n.guid)),i?p.splice(p.delegateCount++,0,c):p.push(c),w.event.global[d]=!0)}},remove:function(e,t,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,y=J.hasData(e)&&J.get(e);if(y&&(u=y.events)){l=(t=(t||\"\").match(M)||[\"\"]).length;while(l--)if(s=Ce.exec(t[l])||[],d=g=s[1],h=(s[2]||\"\").split(\".\").sort(),d){f=w.event.special[d]||{},p=u[d=(r?f.delegateType:f.bindType)||d]||[],s=s[2]&&new RegExp(\"(^|\\\\.)\"+h.join(\"\\\\.(?:.*\\\\.|)\")+\"(\\\\.|$)\"),a=o=p.length;while(o--)c=p[o],!i&&g!==c.origType||n&&n.guid!==c.guid||s&&!s.test(c.namespace)||r&&r!==c.selector&&(\"**\"!==r||!c.selector)||(p.splice(o,1),c.selector&&p.delegateCount--,f.remove&&f.remove.call(e,c));a&&!p.length&&(f.teardown&&!1!==f.teardown.call(e,h,y.handle)||w.removeEvent(e,d,y.handle),delete u[d])}else for(d in u)w.event.remove(e,d+t[l],n,r,!0);w.isEmptyObject(u)&&J.remove(e,\"handle events\")}},dispatch:function(e){var t=w.event.fix(e),n,r,i,o,a,s,u=new Array(arguments.length),l=(J.get(this,\"events\")||{})[t.type]||[],c=w.event.special[t.type]||{};for(u[0]=t,n=1;n=1))for(;l!==this;l=l.parentNode||this)if(1===l.nodeType&&(\"click\"!==e.type||!0!==l.disabled)){for(o=[],a={},n=0;n-1:w.find(i,this,null,[l]).length),a[i]&&o.push(r);o.length&&s.push({elem:l,handlers:o})}return l=this,u\\x20\\t\\r\\n\\f]*)[^>]*)\\/>/gi,Ae=/\\s*$/g;function Le(e,t){return N(e,\"table\")&&N(11!==t.nodeType?t:t.firstChild,\"tr\")?w(e).children(\"tbody\")[0]||e:e}function He(e){return e.type=(null!==e.getAttribute(\"type\"))+\"/\"+e.type,e}function Oe(e){return\"true/\"===(e.type||\"\").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute(\"type\"),e}function Pe(e,t){var n,r,i,o,a,s,u,l;if(1===t.nodeType){if(J.hasData(e)&&(o=J.access(e),a=J.set(t,o),l=o.events)){delete a.handle,a.events={};for(i in l)for(n=0,r=l[i].length;n1&&\"string\"==typeof y&&!h.checkClone&&je.test(y))return e.each(function(i){var o=e.eq(i);v&&(t[0]=y.call(this,i,o.html())),Re(o,t,n,r)});if(p&&(i=xe(t,e[0].ownerDocument,!1,e,r),o=i.firstChild,1===i.childNodes.length&&(i=o),o||r)){for(u=(s=w.map(ye(i,\"script\"),He)).length;f\")},clone:function(e,t,n){var r,i,o,a,s=e.cloneNode(!0),u=w.contains(e.ownerDocument,e);if(!(h.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||w.isXMLDoc(e)))for(a=ye(s),r=0,i=(o=ye(e)).length;r0&&ve(a,!u&&ye(e,\"script\")),s},cleanData:function(e){for(var t,n,r,i=w.event.special,o=0;void 0!==(n=e[o]);o++)if(Y(n)){if(t=n[J.expando]){if(t.events)for(r in t.events)i[r]?w.event.remove(n,r):w.removeEvent(n,r,t.handle);n[J.expando]=void 0}n[K.expando]&&(n[K.expando]=void 0)}}}),w.fn.extend({detach:function(e){return Ie(this,e,!0)},remove:function(e){return Ie(this,e)},text:function(e){return z(this,function(e){return void 0===e?w.text(this):this.empty().each(function(){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||(this.textContent=e)})},null,e,arguments.length)},append:function(){return Re(this,arguments,function(e){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||Le(this,e).appendChild(e)})},prepend:function(){return Re(this,arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=Le(this,e);t.insertBefore(e,t.firstChild)}})},before:function(){return Re(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return Re(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},empty:function(){for(var e,t=0;null!=(e=this[t]);t++)1===e.nodeType&&(w.cleanData(ye(e,!1)),e.textContent=\"\");return this},clone:function(e,t){return e=null!=e&&e,t=null==t?e:t,this.map(function(){return w.clone(this,e,t)})},html:function(e){return z(this,function(e){var t=this[0]||{},n=0,r=this.length;if(void 0===e&&1===t.nodeType)return t.innerHTML;if(\"string\"==typeof e&&!Ae.test(e)&&!ge[(de.exec(e)||[\"\",\"\"])[1].toLowerCase()]){e=w.htmlPrefilter(e);try{for(;n=0&&(u+=Math.max(0,Math.ceil(e[\"offset\"+t[0].toUpperCase()+t.slice(1)]-o-u-s-.5))),u}function et(e,t,n){var r=$e(e),i=Fe(e,t,r),o=\"border-box\"===w.css(e,\"boxSizing\",!1,r),a=o;if(We.test(i)){if(!n)return i;i=\"auto\"}return a=a&&(h.boxSizingReliable()||i===e.style[t]),(\"auto\"===i||!parseFloat(i)&&\"inline\"===w.css(e,\"display\",!1,r))&&(i=e[\"offset\"+t[0].toUpperCase()+t.slice(1)],a=!0),(i=parseFloat(i)||0)+Ze(e,t,n||(o?\"border\":\"content\"),a,r,i)+\"px\"}w.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=Fe(e,\"opacity\");return\"\"===n?\"1\":n}}}},cssNumber:{animationIterationCount:!0,columnCount:!0,fillOpacity:!0,flexGrow:!0,flexShrink:!0,fontWeight:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{},style:function(e,t,n,r){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var i,o,a,s=G(t),u=Xe.test(t),l=e.style;if(u||(t=Je(s)),a=w.cssHooks[t]||w.cssHooks[s],void 0===n)return a&&\"get\"in a&&void 0!==(i=a.get(e,!1,r))?i:l[t];\"string\"==(o=typeof n)&&(i=ie.exec(n))&&i[1]&&(n=ue(e,t,i),o=\"number\"),null!=n&&n===n&&(\"number\"===o&&(n+=i&&i[3]||(w.cssNumber[s]?\"\":\"px\")),h.clearCloneStyle||\"\"!==n||0!==t.indexOf(\"background\")||(l[t]=\"inherit\"),a&&\"set\"in a&&void 0===(n=a.set(e,n,r))||(u?l.setProperty(t,n):l[t]=n))}},css:function(e,t,n,r){var i,o,a,s=G(t);return Xe.test(t)||(t=Je(s)),(a=w.cssHooks[t]||w.cssHooks[s])&&\"get\"in a&&(i=a.get(e,!0,n)),void 0===i&&(i=Fe(e,t,r)),\"normal\"===i&&t in Ve&&(i=Ve[t]),\"\"===n||n?(o=parseFloat(i),!0===n||isFinite(o)?o||0:i):i}}),w.each([\"height\",\"width\"],function(e,t){w.cssHooks[t]={get:function(e,n,r){if(n)return!ze.test(w.css(e,\"display\"))||e.getClientRects().length&&e.getBoundingClientRect().width?et(e,t,r):se(e,Ue,function(){return et(e,t,r)})},set:function(e,n,r){var i,o=$e(e),a=\"border-box\"===w.css(e,\"boxSizing\",!1,o),s=r&&Ze(e,t,r,a,o);return a&&h.scrollboxSize()===o.position&&(s-=Math.ceil(e[\"offset\"+t[0].toUpperCase()+t.slice(1)]-parseFloat(o[t])-Ze(e,t,\"border\",!1,o)-.5)),s&&(i=ie.exec(n))&&\"px\"!==(i[3]||\"px\")&&(e.style[t]=n,n=w.css(e,t)),Ke(e,n,s)}}}),w.cssHooks.marginLeft=_e(h.reliableMarginLeft,function(e,t){if(t)return(parseFloat(Fe(e,\"marginLeft\"))||e.getBoundingClientRect().left-se(e,{marginLeft:0},function(){return e.getBoundingClientRect().left}))+\"px\"}),w.each({margin:\"\",padding:\"\",border:\"Width\"},function(e,t){w.cssHooks[e+t]={expand:function(n){for(var r=0,i={},o=\"string\"==typeof n?n.split(\" \"):[n];r<4;r++)i[e+oe[r]+t]=o[r]||o[r-2]||o[0];return i}},\"margin\"!==e&&(w.cssHooks[e+t].set=Ke)}),w.fn.extend({css:function(e,t){return z(this,function(e,t,n){var r,i,o={},a=0;if(Array.isArray(t)){for(r=$e(e),i=t.length;a1)}});function tt(e,t,n,r,i){return new tt.prototype.init(e,t,n,r,i)}w.Tween=tt,tt.prototype={constructor:tt,init:function(e,t,n,r,i,o){this.elem=e,this.prop=n,this.easing=i||w.easing._default,this.options=t,this.start=this.now=this.cur(),this.end=r,this.unit=o||(w.cssNumber[n]?\"\":\"px\")},cur:function(){var e=tt.propHooks[this.prop];return e&&e.get?e.get(this):tt.propHooks._default.get(this)},run:function(e){var t,n=tt.propHooks[this.prop];return this.options.duration?this.pos=t=w.easing[this.easing](e,this.options.duration*e,0,1,this.options.duration):this.pos=t=e,this.now=(this.end-this.start)*t+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),n&&n.set?n.set(this):tt.propHooks._default.set(this),this}},tt.prototype.init.prototype=tt.prototype,tt.propHooks={_default:{get:function(e){var t;return 1!==e.elem.nodeType||null!=e.elem[e.prop]&&null==e.elem.style[e.prop]?e.elem[e.prop]:(t=w.css(e.elem,e.prop,\"\"))&&\"auto\"!==t?t:0},set:function(e){w.fx.step[e.prop]?w.fx.step[e.prop](e):1!==e.elem.nodeType||null==e.elem.style[w.cssProps[e.prop]]&&!w.cssHooks[e.prop]?e.elem[e.prop]=e.now:w.style(e.elem,e.prop,e.now+e.unit)}}},tt.propHooks.scrollTop=tt.propHooks.scrollLeft={set:function(e){e.elem.nodeType&&e.elem.parentNode&&(e.elem[e.prop]=e.now)}},w.easing={linear:function(e){return e},swing:function(e){return.5-Math.cos(e*Math.PI)/2},_default:\"swing\"},w.fx=tt.prototype.init,w.fx.step={};var nt,rt,it=/^(?:toggle|show|hide)$/,ot=/queueHooks$/;function at(){rt&&(!1===r.hidden&&e.requestAnimationFrame?e.requestAnimationFrame(at):e.setTimeout(at,w.fx.interval),w.fx.tick())}function st(){return e.setTimeout(function(){nt=void 0}),nt=Date.now()}function ut(e,t){var n,r=0,i={height:e};for(t=t?1:0;r<4;r+=2-t)i[\"margin\"+(n=oe[r])]=i[\"padding\"+n]=e;return t&&(i.opacity=i.width=e),i}function lt(e,t,n){for(var r,i=(pt.tweeners[t]||[]).concat(pt.tweeners[\"*\"]),o=0,a=i.length;o1)},removeAttr:function(e){return this.each(function(){w.removeAttr(this,e)})}}),w.extend({attr:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return\"undefined\"==typeof e.getAttribute?w.prop(e,t,n):(1===o&&w.isXMLDoc(e)||(i=w.attrHooks[t.toLowerCase()]||(w.expr.match.bool.test(t)?dt:void 0)),void 0!==n?null===n?void w.removeAttr(e,t):i&&\"set\"in i&&void 0!==(r=i.set(e,n,t))?r:(e.setAttribute(t,n+\"\"),n):i&&\"get\"in i&&null!==(r=i.get(e,t))?r:null==(r=w.find.attr(e,t))?void 0:r)},attrHooks:{type:{set:function(e,t){if(!h.radioValue&&\"radio\"===t&&N(e,\"input\")){var n=e.value;return e.setAttribute(\"type\",t),n&&(e.value=n),t}}}},removeAttr:function(e,t){var n,r=0,i=t&&t.match(M);if(i&&1===e.nodeType)while(n=i[r++])e.removeAttribute(n)}}),dt={set:function(e,t,n){return!1===t?w.removeAttr(e,n):e.setAttribute(n,n),n}},w.each(w.expr.match.bool.source.match(/\\w+/g),function(e,t){var n=ht[t]||w.find.attr;ht[t]=function(e,t,r){var i,o,a=t.toLowerCase();return r||(o=ht[a],ht[a]=i,i=null!=n(e,t,r)?a:null,ht[a]=o),i}});var gt=/^(?:input|select|textarea|button)$/i,yt=/^(?:a|area)$/i;w.fn.extend({prop:function(e,t){return z(this,w.prop,e,t,arguments.length>1)},removeProp:function(e){return this.each(function(){delete this[w.propFix[e]||e]})}}),w.extend({prop:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return 1===o&&w.isXMLDoc(e)||(t=w.propFix[t]||t,i=w.propHooks[t]),void 0!==n?i&&\"set\"in i&&void 0!==(r=i.set(e,n,t))?r:e[t]=n:i&&\"get\"in i&&null!==(r=i.get(e,t))?r:e[t]},propHooks:{tabIndex:{get:function(e){var t=w.find.attr(e,\"tabindex\");return t?parseInt(t,10):gt.test(e.nodeName)||yt.test(e.nodeName)&&e.href?0:-1}}},propFix:{\"for\":\"htmlFor\",\"class\":\"className\"}}),h.optSelected||(w.propHooks.selected={get:function(e){var t=e.parentNode;return t&&t.parentNode&&t.parentNode.selectedIndex,null},set:function(e){var t=e.parentNode;t&&(t.selectedIndex,t.parentNode&&t.parentNode.selectedIndex)}}),w.each([\"tabIndex\",\"readOnly\",\"maxLength\",\"cellSpacing\",\"cellPadding\",\"rowSpan\",\"colSpan\",\"useMap\",\"frameBorder\",\"contentEditable\"],function(){w.propFix[this.toLowerCase()]=this});function vt(e){return(e.match(M)||[]).join(\" \")}function mt(e){return e.getAttribute&&e.getAttribute(\"class\")||\"\"}function xt(e){return Array.isArray(e)?e:\"string\"==typeof e?e.match(M)||[]:[]}w.fn.extend({addClass:function(e){var t,n,r,i,o,a,s,u=0;if(g(e))return this.each(function(t){w(this).addClass(e.call(this,t,mt(this)))});if((t=xt(e)).length)while(n=this[u++])if(i=mt(n),r=1===n.nodeType&&\" \"+vt(i)+\" \"){a=0;while(o=t[a++])r.indexOf(\" \"+o+\" \")<0&&(r+=o+\" \");i!==(s=vt(r))&&n.setAttribute(\"class\",s)}return this},removeClass:function(e){var t,n,r,i,o,a,s,u=0;if(g(e))return this.each(function(t){w(this).removeClass(e.call(this,t,mt(this)))});if(!arguments.length)return this.attr(\"class\",\"\");if((t=xt(e)).length)while(n=this[u++])if(i=mt(n),r=1===n.nodeType&&\" \"+vt(i)+\" \"){a=0;while(o=t[a++])while(r.indexOf(\" \"+o+\" \")>-1)r=r.replace(\" \"+o+\" \",\" \");i!==(s=vt(r))&&n.setAttribute(\"class\",s)}return this},toggleClass:function(e,t){var n=typeof e,r=\"string\"===n||Array.isArray(e);return\"boolean\"==typeof t&&r?t?this.addClass(e):this.removeClass(e):g(e)?this.each(function(n){w(this).toggleClass(e.call(this,n,mt(this),t),t)}):this.each(function(){var t,i,o,a;if(r){i=0,o=w(this),a=xt(e);while(t=a[i++])o.hasClass(t)?o.removeClass(t):o.addClass(t)}else void 0!==e&&\"boolean\"!==n||((t=mt(this))&&J.set(this,\"__className__\",t),this.setAttribute&&this.setAttribute(\"class\",t||!1===e?\"\":J.get(this,\"__className__\")||\"\"))})},hasClass:function(e){var t,n,r=0;t=\" \"+e+\" \";while(n=this[r++])if(1===n.nodeType&&(\" \"+vt(mt(n))+\" \").indexOf(t)>-1)return!0;return!1}});var bt=/\\r/g;w.fn.extend({val:function(e){var t,n,r,i=this[0];{if(arguments.length)return r=g(e),this.each(function(n){var i;1===this.nodeType&&(null==(i=r?e.call(this,n,w(this).val()):e)?i=\"\":\"number\"==typeof i?i+=\"\":Array.isArray(i)&&(i=w.map(i,function(e){return null==e?\"\":e+\"\"})),(t=w.valHooks[this.type]||w.valHooks[this.nodeName.toLowerCase()])&&\"set\"in t&&void 0!==t.set(this,i,\"value\")||(this.value=i))});if(i)return(t=w.valHooks[i.type]||w.valHooks[i.nodeName.toLowerCase()])&&\"get\"in t&&void 0!==(n=t.get(i,\"value\"))?n:\"string\"==typeof(n=i.value)?n.replace(bt,\"\"):null==n?\"\":n}}}),w.extend({valHooks:{option:{get:function(e){var t=w.find.attr(e,\"value\");return null!=t?t:vt(w.text(e))}},select:{get:function(e){var t,n,r,i=e.options,o=e.selectedIndex,a=\"select-one\"===e.type,s=a?null:[],u=a?o+1:i.length;for(r=o<0?u:a?o:0;r-1)&&(n=!0);return n||(e.selectedIndex=-1),o}}}}),w.each([\"radio\",\"checkbox\"],function(){w.valHooks[this]={set:function(e,t){if(Array.isArray(t))return e.checked=w.inArray(w(e).val(),t)>-1}},h.checkOn||(w.valHooks[this].get=function(e){return null===e.getAttribute(\"value\")?\"on\":e.value})}),h.focusin=\"onfocusin\"in e;var wt=/^(?:focusinfocus|focusoutblur)$/,Tt=function(e){e.stopPropagation()};w.extend(w.event,{trigger:function(t,n,i,o){var a,s,u,l,c,p,d,h,v=[i||r],m=f.call(t,\"type\")?t.type:t,x=f.call(t,\"namespace\")?t.namespace.split(\".\"):[];if(s=h=u=i=i||r,3!==i.nodeType&&8!==i.nodeType&&!wt.test(m+w.event.triggered)&&(m.indexOf(\".\")>-1&&(m=(x=m.split(\".\")).shift(),x.sort()),c=m.indexOf(\":\")<0&&\"on\"+m,t=t[w.expando]?t:new w.Event(m,\"object\"==typeof t&&t),t.isTrigger=o?2:3,t.namespace=x.join(\".\"),t.rnamespace=t.namespace?new RegExp(\"(^|\\\\.)\"+x.join(\"\\\\.(?:.*\\\\.|)\")+\"(\\\\.|$)\"):null,t.result=void 0,t.target||(t.target=i),n=null==n?[t]:w.makeArray(n,[t]),d=w.event.special[m]||{},o||!d.trigger||!1!==d.trigger.apply(i,n))){if(!o&&!d.noBubble&&!y(i)){for(l=d.delegateType||m,wt.test(l+m)||(s=s.parentNode);s;s=s.parentNode)v.push(s),u=s;u===(i.ownerDocument||r)&&v.push(u.defaultView||u.parentWindow||e)}a=0;while((s=v[a++])&&!t.isPropagationStopped())h=s,t.type=a>1?l:d.bindType||m,(p=(J.get(s,\"events\")||{})[t.type]&&J.get(s,\"handle\"))&&p.apply(s,n),(p=c&&s[c])&&p.apply&&Y(s)&&(t.result=p.apply(s,n),!1===t.result&&t.preventDefault());return t.type=m,o||t.isDefaultPrevented()||d._default&&!1!==d._default.apply(v.pop(),n)||!Y(i)||c&&g(i[m])&&!y(i)&&((u=i[c])&&(i[c]=null),w.event.triggered=m,t.isPropagationStopped()&&h.addEventListener(m,Tt),i[m](),t.isPropagationStopped()&&h.removeEventListener(m,Tt),w.event.triggered=void 0,u&&(i[c]=u)),t.result}},simulate:function(e,t,n){var r=w.extend(new w.Event,n,{type:e,isSimulated:!0});w.event.trigger(r,null,t)}}),w.fn.extend({trigger:function(e,t){return this.each(function(){w.event.trigger(e,t,this)})},triggerHandler:function(e,t){var n=this[0];if(n)return w.event.trigger(e,t,n,!0)}}),h.focusin||w.each({focus:\"focusin\",blur:\"focusout\"},function(e,t){var n=function(e){w.event.simulate(t,e.target,w.event.fix(e))};w.event.special[t]={setup:function(){var r=this.ownerDocument||this,i=J.access(r,t);i||r.addEventListener(e,n,!0),J.access(r,t,(i||0)+1)},teardown:function(){var r=this.ownerDocument||this,i=J.access(r,t)-1;i?J.access(r,t,i):(r.removeEventListener(e,n,!0),J.remove(r,t))}}});var Ct=e.location,Et=Date.now(),kt=/\\?/;w.parseXML=function(t){var n;if(!t||\"string\"!=typeof t)return null;try{n=(new e.DOMParser).parseFromString(t,\"text/xml\")}catch(e){n=void 0}return n&&!n.getElementsByTagName(\"parsererror\").length||w.error(\"Invalid XML: \"+t),n};var St=/\\[\\]$/,Dt=/\\r?\\n/g,Nt=/^(?:submit|button|image|reset|file)$/i,At=/^(?:input|select|textarea|keygen)/i;function jt(e,t,n,r){var i;if(Array.isArray(t))w.each(t,function(t,i){n||St.test(e)?r(e,i):jt(e+\"[\"+(\"object\"==typeof i&&null!=i?t:\"\")+\"]\",i,n,r)});else if(n||\"object\"!==x(t))r(e,t);else for(i in t)jt(e+\"[\"+i+\"]\",t[i],n,r)}w.param=function(e,t){var n,r=[],i=function(e,t){var n=g(t)?t():t;r[r.length]=encodeURIComponent(e)+\"=\"+encodeURIComponent(null==n?\"\":n)};if(Array.isArray(e)||e.jquery&&!w.isPlainObject(e))w.each(e,function(){i(this.name,this.value)});else for(n in e)jt(n,e[n],t,i);return r.join(\"&\")},w.fn.extend({serialize:function(){return w.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=w.prop(this,\"elements\");return e?w.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!w(this).is(\":disabled\")&&At.test(this.nodeName)&&!Nt.test(e)&&(this.checked||!pe.test(e))}).map(function(e,t){var n=w(this).val();return null==n?null:Array.isArray(n)?w.map(n,function(e){return{name:t.name,value:e.replace(Dt,\"\\r\\n\")}}):{name:t.name,value:n.replace(Dt,\"\\r\\n\")}}).get()}});var qt=/%20/g,Lt=/#.*$/,Ht=/([?&])_=[^&]*/,Ot=/^(.*?):[ \\t]*([^\\r\\n]*)$/gm,Pt=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,Mt=/^(?:GET|HEAD)$/,Rt=/^\\/\\//,It={},Wt={},$t=\"*/\".concat(\"*\"),Bt=r.createElement(\"a\");Bt.href=Ct.href;function Ft(e){return function(t,n){\"string\"!=typeof t&&(n=t,t=\"*\");var r,i=0,o=t.toLowerCase().match(M)||[];if(g(n))while(r=o[i++])\"+\"===r[0]?(r=r.slice(1)||\"*\",(e[r]=e[r]||[]).unshift(n)):(e[r]=e[r]||[]).push(n)}}function _t(e,t,n,r){var i={},o=e===Wt;function a(s){var u;return i[s]=!0,w.each(e[s]||[],function(e,s){var l=s(t,n,r);return\"string\"!=typeof l||o||i[l]?o?!(u=l):void 0:(t.dataTypes.unshift(l),a(l),!1)}),u}return a(t.dataTypes[0])||!i[\"*\"]&&a(\"*\")}function zt(e,t){var n,r,i=w.ajaxSettings.flatOptions||{};for(n in t)void 0!==t[n]&&((i[n]?e:r||(r={}))[n]=t[n]);return r&&w.extend(!0,e,r),e}function Xt(e,t,n){var r,i,o,a,s=e.contents,u=e.dataTypes;while(\"*\"===u[0])u.shift(),void 0===r&&(r=e.mimeType||t.getResponseHeader(\"Content-Type\"));if(r)for(i in s)if(s[i]&&s[i].test(r)){u.unshift(i);break}if(u[0]in n)o=u[0];else{for(i in n){if(!u[0]||e.converters[i+\" \"+u[0]]){o=i;break}a||(a=i)}o=o||a}if(o)return o!==u[0]&&u.unshift(o),n[o]}function Ut(e,t,n,r){var i,o,a,s,u,l={},c=e.dataTypes.slice();if(c[1])for(a in e.converters)l[a.toLowerCase()]=e.converters[a];o=c.shift();while(o)if(e.responseFields[o]&&(n[e.responseFields[o]]=t),!u&&r&&e.dataFilter&&(t=e.dataFilter(t,e.dataType)),u=o,o=c.shift())if(\"*\"===o)o=u;else if(\"*\"!==u&&u!==o){if(!(a=l[u+\" \"+o]||l[\"* \"+o]))for(i in l)if((s=i.split(\" \"))[1]===o&&(a=l[u+\" \"+s[0]]||l[\"* \"+s[0]])){!0===a?a=l[i]:!0!==l[i]&&(o=s[0],c.unshift(s[1]));break}if(!0!==a)if(a&&e[\"throws\"])t=a(t);else try{t=a(t)}catch(e){return{state:\"parsererror\",error:a?e:\"No conversion from \"+u+\" to \"+o}}}return{state:\"success\",data:t}}w.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:Ct.href,type:\"GET\",isLocal:Pt.test(Ct.protocol),global:!0,processData:!0,async:!0,contentType:\"application/x-www-form-urlencoded; charset=UTF-8\",accepts:{\"*\":$t,text:\"text/plain\",html:\"text/html\",xml:\"application/xml, text/xml\",json:\"application/json, text/javascript\"},contents:{xml:/\\bxml\\b/,html:/\\bhtml/,json:/\\bjson\\b/},responseFields:{xml:\"responseXML\",text:\"responseText\",json:\"responseJSON\"},converters:{\"* text\":String,\"text html\":!0,\"text json\":JSON.parse,\"text xml\":w.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(e,t){return t?zt(zt(e,w.ajaxSettings),t):zt(w.ajaxSettings,e)},ajaxPrefilter:Ft(It),ajaxTransport:Ft(Wt),ajax:function(t,n){\"object\"==typeof t&&(n=t,t=void 0),n=n||{};var i,o,a,s,u,l,c,f,p,d,h=w.ajaxSetup({},n),g=h.context||h,y=h.context&&(g.nodeType||g.jquery)?w(g):w.event,v=w.Deferred(),m=w.Callbacks(\"once memory\"),x=h.statusCode||{},b={},T={},C=\"canceled\",E={readyState:0,getResponseHeader:function(e){var t;if(c){if(!s){s={};while(t=Ot.exec(a))s[t[1].toLowerCase()]=t[2]}t=s[e.toLowerCase()]}return null==t?null:t},getAllResponseHeaders:function(){return c?a:null},setRequestHeader:function(e,t){return null==c&&(e=T[e.toLowerCase()]=T[e.toLowerCase()]||e,b[e]=t),this},overrideMimeType:function(e){return null==c&&(h.mimeType=e),this},statusCode:function(e){var t;if(e)if(c)E.always(e[E.status]);else for(t in e)x[t]=[x[t],e[t]];return this},abort:function(e){var t=e||C;return i&&i.abort(t),k(0,t),this}};if(v.promise(E),h.url=((t||h.url||Ct.href)+\"\").replace(Rt,Ct.protocol+\"//\"),h.type=n.method||n.type||h.method||h.type,h.dataTypes=(h.dataType||\"*\").toLowerCase().match(M)||[\"\"],null==h.crossDomain){l=r.createElement(\"a\");try{l.href=h.url,l.href=l.href,h.crossDomain=Bt.protocol+\"//\"+Bt.host!=l.protocol+\"//\"+l.host}catch(e){h.crossDomain=!0}}if(h.data&&h.processData&&\"string\"!=typeof h.data&&(h.data=w.param(h.data,h.traditional)),_t(It,h,n,E),c)return E;(f=w.event&&h.global)&&0==w.active++&&w.event.trigger(\"ajaxStart\"),h.type=h.type.toUpperCase(),h.hasContent=!Mt.test(h.type),o=h.url.replace(Lt,\"\"),h.hasContent?h.data&&h.processData&&0===(h.contentType||\"\").indexOf(\"application/x-www-form-urlencoded\")&&(h.data=h.data.replace(qt,\"+\")):(d=h.url.slice(o.length),h.data&&(h.processData||\"string\"==typeof h.data)&&(o+=(kt.test(o)?\"&\":\"?\")+h.data,delete h.data),!1===h.cache&&(o=o.replace(Ht,\"$1\"),d=(kt.test(o)?\"&\":\"?\")+\"_=\"+Et+++d),h.url=o+d),h.ifModified&&(w.lastModified[o]&&E.setRequestHeader(\"If-Modified-Since\",w.lastModified[o]),w.etag[o]&&E.setRequestHeader(\"If-None-Match\",w.etag[o])),(h.data&&h.hasContent&&!1!==h.contentType||n.contentType)&&E.setRequestHeader(\"Content-Type\",h.contentType),E.setRequestHeader(\"Accept\",h.dataTypes[0]&&h.accepts[h.dataTypes[0]]?h.accepts[h.dataTypes[0]]+(\"*\"!==h.dataTypes[0]?\", \"+$t+\"; q=0.01\":\"\"):h.accepts[\"*\"]);for(p in h.headers)E.setRequestHeader(p,h.headers[p]);if(h.beforeSend&&(!1===h.beforeSend.call(g,E,h)||c))return E.abort();if(C=\"abort\",m.add(h.complete),E.done(h.success),E.fail(h.error),i=_t(Wt,h,n,E)){if(E.readyState=1,f&&y.trigger(\"ajaxSend\",[E,h]),c)return E;h.async&&h.timeout>0&&(u=e.setTimeout(function(){E.abort(\"timeout\")},h.timeout));try{c=!1,i.send(b,k)}catch(e){if(c)throw e;k(-1,e)}}else k(-1,\"No Transport\");function k(t,n,r,s){var l,p,d,b,T,C=n;c||(c=!0,u&&e.clearTimeout(u),i=void 0,a=s||\"\",E.readyState=t>0?4:0,l=t>=200&&t<300||304===t,r&&(b=Xt(h,E,r)),b=Ut(h,b,E,l),l?(h.ifModified&&((T=E.getResponseHeader(\"Last-Modified\"))&&(w.lastModified[o]=T),(T=E.getResponseHeader(\"etag\"))&&(w.etag[o]=T)),204===t||\"HEAD\"===h.type?C=\"nocontent\":304===t?C=\"notmodified\":(C=b.state,p=b.data,l=!(d=b.error))):(d=C,!t&&C||(C=\"error\",t<0&&(t=0))),E.status=t,E.statusText=(n||C)+\"\",l?v.resolveWith(g,[p,C,E]):v.rejectWith(g,[E,C,d]),E.statusCode(x),x=void 0,f&&y.trigger(l?\"ajaxSuccess\":\"ajaxError\",[E,h,l?p:d]),m.fireWith(g,[E,C]),f&&(y.trigger(\"ajaxComplete\",[E,h]),--w.active||w.event.trigger(\"ajaxStop\")))}return E},getJSON:function(e,t,n){return w.get(e,t,n,\"json\")},getScript:function(e,t){return w.get(e,void 0,t,\"script\")}}),w.each([\"get\",\"post\"],function(e,t){w[t]=function(e,n,r,i){return g(n)&&(i=i||r,r=n,n=void 0),w.ajax(w.extend({url:e,type:t,dataType:i,data:n,success:r},w.isPlainObject(e)&&e))}}),w._evalUrl=function(e){return w.ajax({url:e,type:\"GET\",dataType:\"script\",cache:!0,async:!1,global:!1,\"throws\":!0})},w.fn.extend({wrapAll:function(e){var t;return this[0]&&(g(e)&&(e=e.call(this[0])),t=w(e,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var e=this;while(e.firstElementChild)e=e.firstElementChild;return e}).append(this)),this},wrapInner:function(e){return g(e)?this.each(function(t){w(this).wrapInner(e.call(this,t))}):this.each(function(){var t=w(this),n=t.contents();n.length?n.wrapAll(e):t.append(e)})},wrap:function(e){var t=g(e);return this.each(function(n){w(this).wrapAll(t?e.call(this,n):e)})},unwrap:function(e){return this.parent(e).not(\"body\").each(function(){w(this).replaceWith(this.childNodes)}),this}}),w.expr.pseudos.hidden=function(e){return!w.expr.pseudos.visible(e)},w.expr.pseudos.visible=function(e){return!!(e.offsetWidth||e.offsetHeight||e.getClientRects().length)},w.ajaxSettings.xhr=function(){try{return new e.XMLHttpRequest}catch(e){}};var Vt={0:200,1223:204},Gt=w.ajaxSettings.xhr();h.cors=!!Gt&&\"withCredentials\"in Gt,h.ajax=Gt=!!Gt,w.ajaxTransport(function(t){var n,r;if(h.cors||Gt&&!t.crossDomain)return{send:function(i,o){var a,s=t.xhr();if(s.open(t.type,t.url,t.async,t.username,t.password),t.xhrFields)for(a in t.xhrFields)s[a]=t.xhrFields[a];t.mimeType&&s.overrideMimeType&&s.overrideMimeType(t.mimeType),t.crossDomain||i[\"X-Requested-With\"]||(i[\"X-Requested-With\"]=\"XMLHttpRequest\");for(a in i)s.setRequestHeader(a,i[a]);n=function(e){return function(){n&&(n=r=s.onload=s.onerror=s.onabort=s.ontimeout=s.onreadystatechange=null,\"abort\"===e?s.abort():\"error\"===e?\"number\"!=typeof s.status?o(0,\"error\"):o(s.status,s.statusText):o(Vt[s.status]||s.status,s.statusText,\"text\"!==(s.responseType||\"text\")||\"string\"!=typeof s.responseText?{binary:s.response}:{text:s.responseText},s.getAllResponseHeaders()))}},s.onload=n(),r=s.onerror=s.ontimeout=n(\"error\"),void 0!==s.onabort?s.onabort=r:s.onreadystatechange=function(){4===s.readyState&&e.setTimeout(function(){n&&r()})},n=n(\"abort\");try{s.send(t.hasContent&&t.data||null)}catch(e){if(n)throw e}},abort:function(){n&&n()}}}),w.ajaxPrefilter(function(e){e.crossDomain&&(e.contents.script=!1)}),w.ajaxSetup({accepts:{script:\"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript\"},contents:{script:/\\b(?:java|ecma)script\\b/},converters:{\"text script\":function(e){return w.globalEval(e),e}}}),w.ajaxPrefilter(\"script\",function(e){void 0===e.cache&&(e.cache=!1),e.crossDomain&&(e.type=\"GET\")}),w.ajaxTransport(\"script\",function(e){if(e.crossDomain){var t,n;return{send:function(i,o){t=w(\"\n \n\n \n \n\n \n \n\n \n \n\n \n \n \n
\n
\n
\n
\n
JavaScript is disabled in your browser. \n\n Please enable JavaScript in your browser or upgrade to a JavaScript-capable browser. \n \n
\n
\n
\n
\n\n"
},
{
"path": "product-detail-affiliate.html",
"content": "\n\n\n Ludus - Electronics, Apparel, Computers, Books, DVDs & more \n\n \n \n
\n\n
\n
\n\n \n \n \n\n\n \n
\n\n \n
\n
\n
\n
\n\n \n
\n \n\n\n \n
\n
\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
Click for larger zoom \n
\n
\n
\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n
\n
\n
\n \n
\n
\n\n \n
\n
\n\n Nikon Camera 4k Lens Zoom Pro
\n
\n
\n\n $6.99 \n\n (76% OFF) $28.97
\n
\n
\n
\n
\n\n 200 in stock \n\n Only 2 left
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n \n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n
\n
\n
\n \n
\n
\n
\n
\n\n \n
\n
\n
\n
\n
\n
\n
\n\n \n
\n
\n
\n
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
\n
\n
VIDEO
\n
\n
\n Buyer Protection. Full Refund if you don't receive your order. Returns accepted if product not as described. \n
\n
\n
PRODUCT INFORMATION \n \n
\n
\n
\n \n \n Main Material \n Cotton \n \n \n Color \n Green, Blue, Red \n \n \n Sleeves \n Long Sleeve \n \n \n Top Fit \n Regular \n \n \n Print \n Not Printed \n \n \n Neck \n Round Neck \n \n \n Pieces Count \n 1 Piece \n \n \n Occasion \n Casual \n \n \n Shipping Weight (kg) \n 0.5 \n \n \n
\n
\n
\n
\n
\n \n\n\n \n
\n
\n
ADD YOUR TAGS \n
\n \n
\n\n
Use spaces to separate tags. Use single quotes (') for phrases. \n
\n
\n \n\n\n \n
\n
\n
\n
\n
\n
23 Reviews - 4.6 (Overall) \n \n
\n
\n
We want to hear from you! \n \n\n
Tell us what you think about this item \n
\n
\n
\n
\n
\n
\n \n
\n
\n
\n
\n
\n
\n \n
\n\n \n
\n
\n
\n
\n
\n
CUSTOMER ALSO VIEWED \n\n PRODUCTS THAT CUSTOMER VIEWED \n \n
\n
\n
\n
\n \n\n\n \n
\n \n
\n \n
\n \n\n\n \n
\n\n \n\n\n \n
\n
\n
\n\n
\n
\n
\n
\n\n \n
\n \n\n\n \n
\n
\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n
\n
\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n
\n
\n \n
\n
\n\n \n
\n
\n\n Nikon Camera 4k Lens Zoom Pro
\n
\n
\n\n $6.99 \n\n (76% OFF) $28.97
\n
\n
\n
\n
\n\n 200 in stock \n\n Only 2 left
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n \n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n
\n
\n
\n\n
Product Policy: \n
\n Buyer Protection. Full Refund if you don't receive your order. Returns accepted if product not as described. \n
\n
\n \n
\n
\n
\n
\n
\n
\n \n\n\n \n
\n
\n
\n\n
\n
\n
\n
\n
\n
Item is added successfully!
\n
\n\n
\n
\n\n Beats Bomb Wireless Headphone \n\n Quantity: 1 \n\n $170.00
\n
\n
\n
\n
\n\n
1 item (s) in your cart \n
\n
\n
\n
\n
\n
\n
\n
\n \n \n
\n \n
\n
\n
\n
\n
JavaScript is disabled in your browser. \n\n Please enable JavaScript in your browser or upgrade to a JavaScript-capable browser. \n \n
\n
\n
\n
\n\n"
},
{
"path": "product-detail-variable.html",
"content": "\n\n\n Ludus - Electronics, Apparel, Computers, Books, DVDs & more \n\n \n \n
\n\n
\n
\n\n \n \n \n\n\n \n
\n\n \n
\n
\n
\n
\n\n \n
\n \n\n\n \n
\n
\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
Click for larger zoom \n
\n
\n
\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n
\n
\n
\n \n
\n
\n\n \n
\n
\n\n Nikon Camera 4k Lens Zoom Pro
\n
\n
\n\n $6.99 \n\n (76% OFF) $28.97
\n
\n
\n
\n
\n\n 200 in stock \n\n Only 2 left
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n \n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n
\n
\n
\n\n
Product Policy: \n
\n Buyer Protection. Full Refund if you don't receive your order. Returns accepted if product not as described. \n
\n
\n \n
\n
\n
\n
\n\n \n
\n
\n
\n
\n
\n
\n
\n\n \n
\n
\n
\n
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
\n
\n
VIDEO
\n
\n
\n Buyer Protection. Full Refund if you don't receive your order. Returns accepted if product not as described. \n
\n
\n
PRODUCT INFORMATION \n \n
\n
\n
\n \n \n Main Material \n Cotton \n \n \n Color \n Green, Blue, Red \n \n \n Sleeves \n Long Sleeve \n \n \n Top Fit \n Regular \n \n \n Print \n Not Printed \n \n \n Neck \n Round Neck \n \n \n Pieces Count \n 1 Piece \n \n \n Occasion \n Casual \n \n \n Shipping Weight (kg) \n 0.5 \n \n \n
\n
\n
\n
\n
\n \n\n\n \n
\n
\n
ADD YOUR TAGS \n
\n \n
\n\n
Use spaces to separate tags. Use single quotes (') for phrases. \n
\n
\n \n\n\n \n
\n
\n
\n
\n
\n
23 Reviews - 4.6 (Overall) \n \n
\n
\n
We want to hear from you! \n \n\n
Tell us what you think about this item \n
\n
\n
\n
\n
\n
\n \n
\n
\n
\n
\n
\n
\n \n
\n\n \n
\n
\n
\n
\n
\n
CUSTOMER ALSO VIEWED \n\n PRODUCTS THAT CUSTOMER VIEWED \n \n
\n
\n
\n
\n \n\n\n \n
\n \n
\n \n
\n \n\n\n \n
\n\n \n\n\n \n
\n
\n
\n\n
\n
\n
\n
\n\n \n
\n \n\n\n \n
\n
\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n
\n
\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n
\n
\n \n
\n
\n\n \n
\n
\n\n Nikon Camera 4k Lens Zoom Pro
\n
\n
\n\n $6.99 \n\n (76% OFF) $28.97
\n
\n
\n
\n
\n\n 200 in stock \n\n Only 2 left
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n \n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n
\n
\n
\n\n
Product Policy: \n
\n Buyer Protection. Full Refund if you don't receive your order. Returns accepted if product not as described. \n
\n
\n \n
\n
\n
\n
\n
\n
\n \n\n\n \n
\n
\n
\n\n
\n
\n
\n
\n
\n
Item is added successfully!
\n
\n\n
\n
\n\n Beats Bomb Wireless Headphone \n\n Quantity: 1 \n\n $170.00
\n
\n
\n
\n
\n\n
1 item (s) in your cart \n
\n
\n
\n
\n
\n
\n
\n
\n \n \n
\n \n
\n
\n
\n
\n
JavaScript is disabled in your browser. \n\n Please enable JavaScript in your browser or upgrade to a JavaScript-capable browser. \n \n
\n
\n
\n
\n\n"
},
{
"path": "product-detail.html",
"content": "\n\n\n Ludus - Electronics, Apparel, Computers, Books, DVDs & more \n\n \n \n
\n\n
\n
\n\n \n \n \n\n\n \n
\n\n \n
\n
\n
\n
\n\n \n
\n \n\n\n \n
\n
\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
Click for larger zoom \n
\n
\n
\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n
\n
\n
\n \n
\n
\n\n \n
\n
\n\n Nikon Camera 4k Lens Zoom Pro
\n
\n
\n\n $6.99 \n\n (76% OFF) $28.97
\n
\n
\n
\n
\n\n 200 in stock \n\n Only 2 left
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n \n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n
\n
\n
\n\n
Product Policy: \n
\n Buyer Protection. Full Refund if you don't receive your order. Returns accepted if product not as described. \n
\n
\n \n
\n
\n
\n
\n\n \n
\n
\n
\n
\n
\n
\n
\n\n \n
\n
\n
\n
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
\n
\n
VIDEO
\n
\n
\n Buyer Protection. Full Refund if you don't receive your order. Returns accepted if product not as described. \n
\n
\n
PRODUCT INFORMATION \n \n
\n
\n
\n \n \n Main Material \n Cotton \n \n \n Color \n Green, Blue, Red \n \n \n Sleeves \n Long Sleeve \n \n \n Top Fit \n Regular \n \n \n Print \n Not Printed \n \n \n Neck \n Round Neck \n \n \n Pieces Count \n 1 Piece \n \n \n Occasion \n Casual \n \n \n Shipping Weight (kg) \n 0.5 \n \n \n
\n
\n
\n
\n
\n \n\n\n \n
\n
\n
ADD YOUR TAGS \n
\n \n
\n\n
Use spaces to separate tags. Use single quotes (') for phrases. \n
\n
\n \n\n\n \n
\n
\n
\n
\n
\n
23 Reviews - 4.6 (Overall) \n \n
\n
\n
We want to hear from you! \n \n\n
Tell us what you think about this item \n
\n
\n
\n
\n
\n
\n \n
\n
\n
\n
\n
\n
\n \n
\n\n \n
\n
\n
\n
\n
\n
CUSTOMER ALSO VIEWED \n\n PRODUCTS THAT CUSTOMER VIEWED \n \n
\n
\n
\n
\n \n\n\n \n
\n \n
\n \n
\n \n\n\n \n
\n\n \n\n\n \n
\n
\n
\n\n
\n
\n
\n
\n\n \n
\n \n\n\n \n
\n
\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n
\n
\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n
\n
\n \n
\n
\n\n \n
\n
\n\n Nikon Camera 4k Lens Zoom Pro
\n
\n
\n\n $6.99 \n\n (76% OFF) $28.97
\n
\n
\n
\n
\n\n 200 in stock \n\n Only 2 left
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n \n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n
\n
\n
\n\n
Product Policy: \n
\n Buyer Protection. Full Refund if you don't receive your order. Returns accepted if product not as described. \n
\n
\n \n
\n
\n
\n
\n
\n
\n \n\n\n \n
\n
\n
\n\n
\n
\n
\n
\n
\n
Item is added successfully!
\n
\n\n
\n
\n\n Beats Bomb Wireless Headphone \n\n Quantity: 1 \n\n $170.00
\n
\n
\n
\n
\n\n
1 item (s) in your cart \n
\n
\n
\n
\n
\n
\n
\n
\n \n \n
\n \n
\n
\n
\n
\n
JavaScript is disabled in your browser. \n\n Please enable JavaScript in your browser or upgrade to a JavaScript-capable browser. \n \n
\n
\n
\n
\n\n"
},
{
"path": "scss/abstracts/_functions.scss",
"content": "// -----------------------------------------------------------------------------\n// This file contains all application-wide Sass functions.\n// -----------------------------------------------------------------------------\n\n// Convert pixel to rem\n\n// Base Font Size according to template\n$base-font-size: 16 !default;\n\n@function rem($px,$base:$base-font-size) {\n @return ($px / $base) * 1rem;\n}\n\n// Function for calculating padding bottom value for non square images\n@function nonsquare($imageWidth,$imageHeight) {\n @return ($imageHeight / $imageWidth) * 100%;\n}"
},
{
"path": "scss/abstracts/_header-comment.scss",
"content": "// -----------------------------------------------------------------------------\n// This file contains only header section comment for resultant CSS file.\n// -----------------------------------------------------------------------------\n\n/*\nTheme Name: Ludus\nAuthor: ahfront\nDescription: Ludus - is complete multipurpose polish eCommerce template built with\nbest practices. It will be perfect solution for your current or future shop, customizable\ninto any store contains responsiveness & great UI. Well tested on compatible browsers.\nThe template contains 40+ HTML files, 3 Homepages, 3 Header Styles, 12 Dashboard Pages,\n3 Product Pages, 7 Shop Pages, 5 Blog Pages, Box mode and generated 10 Color variations but could\ncreate unlimited colors.\nVersion: 1.0.0\nTags: one-column, two-columns, three-columns, four-columns, right-sidebar,\ncustom-colors, box-mode, custom-header, custom-menu, custom-logo, featured-images\n*/\n\n$a: '1.0 Base Styles';\n$b: '2.0 Typography';\n$c: '3.0 Pre-configured styles';\n$d: '4.0 Layout Utility Styles';\n$e: '5.0 Components';\n$f: '6.0 Header';\n$f-1: '6.1 Primary Nav';\n$f-2: '6.2 Secondary Nav';\n$g: '7.0 Footer';\n$g-1: '7.1 Outer-Footer';\n$g-2: '7.3 Lower-Footer';\n$h: '8.0 Index-Pages:';\n$i: '9.0 About-Page';\n$j: '10.0 Contact-Page';\n$k: '11.0 Cart-Wishlist-Pages';\n$l: '12.0 Empty-404-Pages';\n$m: '13.0 Checkout-Page';\n$n: '14.0 Signin Signup Lost Password-Page';\n$o: '15.0 FAQ-Page';\n$p: '16.0 Dashboard-Pages';\n$q: '17.0 Blog-Pages';\n$r: '18.0 Product-Detail-Pages';\n$s: '19.0 Shop-Pages';\n$t: '20.0 Vendor Extension Pages';\n$t-1: '20.1 Bootstrap';\n$t-2: '20.2 jquery.shopnav';\n$t-3: '20.3 Owl-Carousel';\n$t-4: '20.4 jquery.scrollUp';\n$t-5: '20.5 Slick Carousel';\n\n/*--------------------------------------------------------------\n>>> TABLE OF CONTENTS:\n----------------------------------------------------------------\n#{$a}\n#{$b}\n#{$c}\n#{$d}\n#{$e}\n#{$f}\n #{$f-1}\n #{$f-2}\n#{$g}\n #{$g-1}\n #{$g-2}\n#{$i}\n#{$j}\n#{$k}\n#{$l}\n#{$m}\n#{$n}\n#{$o}\n#{$p}\n#{$q}\n#{$r}\n#{$s}\n#{$t}\n #{$t-1}\n #{$t-2}\n #{$t-3}\n #{$t-4}\n #{$t-5}\n\n--------------------------------------------------------------*/\n"
},
{
"path": "scss/abstracts/_mixins.scss",
"content": "// -----------------------------------------------------------------------------\n// This file contains all application-wide Sass mixins.\n// -----------------------------------------------------------------------------\n\n// Import `Space Utility` mixin file.\n@import 'mixins-module/mixin-utilities-spacing';\n"
},
{
"path": "scss/abstracts/_variables.scss",
"content": "// -----------------------------------------------------------------------------\n// This file contains all application-wide Sass variables.\n// -----------------------------------------------------------------------------\n\n// Global Variables\n\n/// Regular font family\n/// @type List\n$g-text-font-stack: 'Open Sans', -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif !default;\n\n/// White color\n/// @type Color\n$g-white: #ffffff !default;\n\n\n/// Black color\n/// @type Color\n$g-black: #000000 !default;\n\n/// Copy text color\n/// @type Color\n$g-text-color: #7f7f7f !default;\n\n/// Main border color\n/// @type Color\n$g-border-color:#f8f8f8 !default;\n\n/// Main brand color\n/// @type Color\n$g-brand-color:#ff4500 !default;\n\n/// Main brand secondary color\n/// @type Color\n$g-brand-secondary-color: #333333 !default;\n\n/// Main brand secondary color modify\n/// @type Color\n$g-brand-secondary-color-modify: rgba(33,33,33,0.51) !default;\n\n/// Card background load color\n/// @type Color\n$g-card-bg-color: #f5f5f5 !default;\n\n/// Default Mobile Breakpoint according to jquery.Navshop plugin\n$g-mobileBreakpoint: 1024 !default;\n\n"
},
{
"path": "scss/abstracts/mixins-module/_mixin-utilities-spacing.scss",
"content": "// -----------------------------------------------------------------------------\n// This file contains all mixins that will help us to generate space classes.\n// -----------------------------------------------------------------------------\n\n/// Default Pixel Base Font Size\n$base-font-size: 16 !default;\n\n/// Your custom attribute for which you wanted to generate space classes. By\n/// default value is `both`. It could be `margin` or `padding`.\n/// @example\n/// $g-attribute = 'margin';\n/// $g-attribute = 'padding';\n/// @type String\n$g-attribute: 'both' !default;\n\n/// Your custom sides for which you wanted to generate space classes. By default\n/// `List` will generate `7` different version of classes on per spacing value.\n/// `t` = `top`, `r` = `right`, `b` = `bottom` and `l` = `left`. You could\n/// customize `List` according to your need.\n/// @example\n/// $g-sides = ('t', 'r', 'b', 'l');\n/// $g-sides = ('t');\n/// @author Ahmad Hussnain\n/// @type List\n$g-sides: ('t', 'r', 'b', 'l', 'x', 'y', 'xy') !default;\n\n/// Your custom space values for which you wanted to generate space classes.\n/// You could customize `List` according to your need.\n/// @type List\n$g-space-amount: (10, 20, 30, 40, 50, 60, 70, 80, 90, 100) !default;\n\n/// This mixin only helps to generate space classes with `auto` value.\n///\n/// @param {String} $prefix - This parameter can takes a prefix value like `'u-s-m'`\n/// or `'u-s-p'`.\n/// @param {String} $attribute - This parameter can takes a value `'both'`,\n/// `'margin'` or `'padding'`.\n/// @param {List} $sides - This parameter can takes a list of your custom\n/// sides i.e `('t','r','b','l','x','y','xy')`.\n@mixin auto-space-property-generator($prefix,$attribute,$sides) {\n @each $Value in $sides {\n @if ($Value == 't') {\n .#{$prefix}-#{$Value}-auto {\n #{$attribute}-top: auto;\n }\n } @else if ($Value == 'r') {\n .#{$prefix}-#{$Value}-auto {\n #{$attribute}-right: auto;\n }\n } @else if ($Value == 'b') {\n .#{$prefix}-#{$Value}-auto {\n #{$attribute}-bottom: auto;\n }\n } @else if ($Value == 'l') {\n .#{$prefix}-#{$Value}-auto {\n #{$attribute}-left: auto;\n }\n } @else if ($Value == 'x') {\n .#{$prefix}-#{$Value}-auto {\n #{$attribute}-left: auto;\n #{$attribute}-right: auto;\n }\n } @else if ($Value == 'y') {\n .#{$prefix}-#{$Value}-auto {\n #{$attribute}-top: auto;\n #{$attribute}-bottom: auto;\n }\n } @else if ($Value == 'xy') {\n .#{$prefix}-#{$Value}-auto {\n #{$attribute}: auto;\n }\n }\n }\n}\n/// This mixin helps to generate only space classes according to your custom\n/// sides and custom space amounts.\n///\n/// @param {String} $prefix - This parameter can takes a prefix value like `'u-s-m'`\n/// or `'u-s-p'`.\n/// @param {String} $attribute - This parameter can takes a value `'both'`,\n/// `'margin'` or `'padding'`.\n/// @param {List} $sides - This parameter can takes a list of your custom\n/// sides i.e `('t','r','b','l','x','y','xy')`.\n/// @param {Number | List} $space-amount - This parameter can takes a number or list\n/// of your custom space amounts. If You don't specify `List` then it will\n/// generate classes from `0 to 120` pixels that by default converted to rem unit.\n@mixin normal-space-property-generator($prefix,$attribute,$sides,$space-amount) {\n @each $Value in $sides {\n @if ($Value == 't') {\n .#{$prefix}-#{$Value}-#{$space-amount} {\n @if ($space-amount == 0) {\n #{$attribute}-top: #{$space-amount};\n } @else {\n #{$attribute}-top: ($space-amount / $base-font-size) * 1rem;\n }\n }\n } @else if ($Value == 'r') {\n .#{$prefix}-#{$Value}-#{$space-amount} {\n @if ($space-amount == 0) {\n #{$attribute}-right: #{$space-amount};\n } @else {\n #{$attribute}-right: ($space-amount / $base-font-size) * 1rem;\n }\n }\n } @else if ($Value == 'b') {\n .#{$prefix}-#{$Value}-#{$space-amount} {\n @if ($space-amount == 0) {\n #{$attribute}-bottom: #{$space-amount};\n } @else {\n #{$attribute}-bottom: ($space-amount / $base-font-size) * 1rem;\n }\n }\n } @else if ($Value == 'l') {\n .#{$prefix}-#{$Value}-#{$space-amount} {\n @if ($space-amount == 0) {\n #{$attribute}-left: #{$space-amount};\n } @else {\n #{$attribute}-left: ($space-amount / $base-font-size) * 1rem;\n }\n }\n } @else if ($Value == 'x') {\n .#{$prefix}-#{$Value}-#{$space-amount} {\n @if ($space-amount == 0) {\n #{$attribute}-left: #{$space-amount};\n #{$attribute}-right: #{$space-amount};\n } @else {\n #{$attribute}-left: ($space-amount / $base-font-size) * 1rem;\n #{$attribute}-right: ($space-amount / $base-font-size) * 1rem;\n }\n }\n } @else if ($Value == 'y') {\n .#{$prefix}-#{$Value}-#{$space-amount} {\n @if ($space-amount == 0) {\n #{$attribute}-top: #{$space-amount};\n #{$attribute}-bottom: #{$space-amount};\n } @else {\n #{$attribute}-top: ($space-amount / $base-font-size) * 1rem;\n #{$attribute}-bottom: ($space-amount / $base-font-size) * 1rem;\n }\n }\n } @else if ($Value == 'xy') {\n .#{$prefix}-#{$Value}-#{$space-amount} {\n @if ($space-amount == 0) {\n #{$attribute}: #{$space-amount};\n } @else {\n #{$attribute}: ($space-amount / $base-font-size) * 1rem;\n }\n }\n }\n }\n}\n/// This mixin decides what properties, sides and amounts are needed to generate\n/// classes.\n///\n/// @param {String | List} $attribute - This parameter can takes a value\n/// `'both'` or a list `('margin','padding')`.\n/// @param {List} $sides - This parameter can takes a list of your custom\n/// sides i.e `('t','r','b','l','x','y','xy')`.\n/// @param {Number | List} $space-amount - This parameter can takes a number or\n/// a list of your custom space amounts. If You don't specify `List` then it will\n/// generate classes from `0 to 120` pixels.\n/// @requires {mixin} auto-space-property-generator\n/// @requires {mixin} normal-space-property-generator\n@mixin main-generator($attribute,$sides,$space-amount) {\n // If $attribute value is not equal to 'both' then it means user pass only single value.\n @if ($attribute == 'margin') {\n /* Margin with value `auto`. */\n @include auto-space-property-generator('u-s-m', nth($attribute, 1), $sides);\n }\n @else {\n /* Margin with value `auto`. */\n @include auto-space-property-generator('u-s-m', nth($attribute, 1), $sides);\n }\n @if ($space-amount == null) {\n @for $i from 0 through 120 {\n\n @if ($attribute == 'margin') {\n @include normal-space-property-generator('u-s-m', nth($attribute, 1), $sides, $i);\n } @else if ($attribute == 'padding') {\n @include normal-space-property-generator('u-s-p', nth($attribute, 1), $sides, $i);\n } @else {\n /* Margin with value `#{$i}`. */\n @include normal-space-property-generator('u-s-m', nth($attribute, 1), $sides, $i);\n /* Padding with value `#{$i}`. */\n @include normal-space-property-generator('u-s-p', nth($attribute, 2), $sides, $i);\n }\n }\n } @else {\n @each $custom-space-amount in $space-amount {\n @if ($attribute == 'margin') {\n /* Margin with value `#{$i}`. */\n @include normal-space-property-generator('u-s-m', nth($attribute, 1), $sides, $custom-space-amount);\n } @else if ($attribute == 'padding') {\n /* Padding with value `#{$i}`. */\n @include normal-space-property-generator('u-s-p', nth($attribute, 1), $sides, $custom-space-amount);\n } @else {\n /* Margin with value `#{$i}`. */\n @include normal-space-property-generator('u-s-m', nth($attribute, 1), $sides, $custom-space-amount);\n /* Padding with value `#{$i}`. */\n @include normal-space-property-generator('u-s-p', nth($attribute, 2), $sides, $custom-space-amount);\n }\n }\n }\n}\n/// Main mixin that invokes all the mixins which help to generate\n/// classes, i.e based on user requirements.\n///\n/// @param {String} $attribute - This parameter can takes a value `'both'`,\n/// `'margin'` or `'padding'`.\n/// @param {List} $sides - This parameter can takes a list of your custom\n/// sides i.e `('t','r','b','l','x','y','xy')`.\n/// @param {List} $space-amount [null] - This parameter can takes a list of your\n/// custom space amounts. If You don't specify `List` or leave it as optional\n/// parameter then it will generate classes from `0 to 120` pixels.\n/// @requires {variable} $g-attribute\n/// @requires {variable} $g-sides\n/// @requires {variable} $g-space-amount\n/// @requires {mixin} main-generator\n@mixin utility-margin-padding($attribute,$sides,$space-amount: null) {\n @if ($attribute == 'both') {\n $attribute: ('margin', 'padding');\n }\n @include main-generator($attribute, $sides, $space-amount);\n}\n"
},
{
"path": "scss/app.color10.scss",
"content": "$g-brand-color:#ff1500; // This color overrides the `!default` flag $g-brand-color variable\n@import 'app';"
},
{
"path": "scss/app.color2.scss",
"content": "$g-brand-color:#ff003b; // This color overrides the `!default` flag $g-brand-color variable\n@import 'app';"
},
{
"path": "scss/app.color3.scss",
"content": "$g-brand-color:#003bff; // This color overrides the `!default` flag $g-brand-color variable\n@import 'app';"
},
{
"path": "scss/app.color4.scss",
"content": "$g-brand-color:#156844; // This color overrides the `!default` flag $g-brand-color variable\n@import 'app';"
},
{
"path": "scss/app.color5.scss",
"content": "$g-brand-color:#c500ff; // This color overrides the `!default` flag $g-brand-color variable\n@import 'app';"
},
{
"path": "scss/app.color6.scss",
"content": "$g-brand-color:#382E2E; // This color overrides the `!default` flag $g-brand-color variable\n@import 'app';"
},
{
"path": "scss/app.color7.scss",
"content": "$g-brand-color:#116466; // This color overrides the `!default` flag $g-brand-color variable\n@import 'app';"
},
{
"path": "scss/app.color8.scss",
"content": "$g-brand-color:#1B469A; // This color overrides the `!default` flag $g-brand-color variable\n@import 'app';"
},
{
"path": "scss/app.color9.scss",
"content": "$g-brand-color:#0D122C; // This color overrides the `!default` flag $g-brand-color variable\n@import 'app';"
},
{
"path": "scss/app.scss",
"content": "// Configuration and helpers\n@import\n 'abstracts/header-comment',\n 'abstracts/functions',\n 'abstracts/variables';\n\n// Base stuff\n@import\n 'base/base',\n 'base/typography',\n 'base/pre-config',\n 'base/utilities';\n\n// Components\n@import\n'components/all';\n\n// Layout-related sections\n@import\n 'layout/header',\n 'layout/footer';\n\n// Page-specific styles\n@import\n 'pages/all';\n\n// Vendor Extensions\n@import\n'vendors-extensions/all';\n"
},
{
"path": "scss/base/_base.scss",
"content": "// -----------------------------------------------------------------------------\n// This file contains only basic styles.\n// -----------------------------------------------------------------------------\n\n/*--------------------------------------------------------------\n#{$a}\n--------------------------------------------------------------*/\n\n/**\n * Setup box-sizing\n */\nhtml {\n box-sizing: border-box;\n -webkit-tap-highlight-color: transparent;\n &.boxed {\n background-color: #eee;\n }\n}\n\n*,\n*::before,\n*::after {\n box-sizing: inherit;// html inherit\n}\n\n\n\n\n/**\n * Set up a background-color and height on the root and body element.\n */\nbody {\n line-height: 1.5;// now it is 24px\n font-size: 1rem;\n -webkit-font-smoothing: antialiased;\n}\n\n.config {\n overflow: hidden;\n}\n\n/**\n * Basic styles for headings and paragraph\n */\nh1,h2,h3,h4,h5,h6{\n padding: 0;\n margin: 0;\n}\n\nh1 {\n font-size: 50px;\n line-height: 50px;\n}\nh2 {\n font-size: 32px;\n line-height: 46px;\n}\nh3 {\n font-size: 18px;\n line-height: 32px;\n}\nh4 {\n font-size: 16px;\n line-height: 30px;\n}\nh5 {\n font-size: 15px;\n line-height: 30px;\n}\np {\n margin: 0;\n padding: 0;\n font-size: 14px;\n line-height: 24px;\n}\n\n\n\n/**\n * Basic styles for links\n */\na,a:hover,a:focus {\n outline: none;\n text-decoration: none;\n cursor: pointer;\n}\n\n\n\n/**\n * Basic style for image element\n */\nimg {\n border: 0;\n &:focus {\n outline: none;\n }\n}\n\n/**\n * Basic style for iframe element\n */\niframe {\n border:none;\n overflow:hidden;\n}\niframe[src*=\"soundcloud\"] {\n width: 100%;\n}\n\n\n/*--------------------------------------------------------------\nBox Module\n--------------------------------------------------------------*/\n/* Body Element */\n// Greater than\n@media (min-width: 576px) {\nhtml {\n &.boxed {\n body {\n background-color: $g-white;\n margin: 0 auto;\n }\n }\n}\n}\n\n\n// Greater than\n@media (min-width: 576px) {\n html {\n &.boxed {\n body {\n max-width: 546px;\n }\n }\n }\n\n}\n\n\n// Greater than\n@media (min-width: 791px) {\n html {\n &.boxed {\n body {\n max-width: 770px;\n }\n }\n }\n}\n// Greater than\n@media (min-width: 1025px) {\n html {\n &.boxed {\n body {\n max-width: 990px;\n }\n }\n }\n}\n// Greater than\n@media (min-width: 1230px) {\n html {\n &.boxed {\n body {\n max-width: 1200px;\n }\n }\n }\n}\n/* Header with container Element */\n\n// Less than\n@media (max-width: 1024px) {\n html.boxed {\n header {\n .container {\n padding-left: 20px;\n padding-right: 20px;\n }\n }\n }\n}\n\n\n// Greater than\n@media (min-width: 1025px) {\n html.boxed {\n header {\n .container {\n padding-left: 40px;\n padding-right: 40px;\n }\n }\n }\n }\n\n/* Header & Footer Element */\n\n// Greater than\n@media (min-width: 576px) {\n html.boxed header,html.boxed footer {\n margin-right: auto;\n margin-left: auto;\n width: 100%;\n }\n}\n\n// Greater than\n@media (min-width: 576px) {\n html.boxed header,html.boxed footer {\n max-width: 456px;\n }\n}\n\n// Greater than\n@media (min-width: 791px) {\n html.boxed header,html.boxed footer {\n max-width: 770px;\n }\n}\n// Greater than\n@media (min-width: 1025px) {\n html.boxed header,html.boxed footer {\n max-width: 990px;\n }\n}\n\n// Greater than\n@media (min-width: 1230px) {\n html.boxed header,html.boxed footer {\n max-width: 1200px;\n }\n}\n\n\n/* App Content exclude Header & Footer */\n// Greater than\n@media (min-width: 576px) {\n html.boxed .app-content {\n margin: 0 auto;\n overflow: hidden;\n }\n}\n\n\n// Greater than\n@media (min-width: 576px) {\n html.boxed .app-content {\n max-width: 546px;\n }\n}\n\n\n// Greater than\n@media (min-width: 791px) {\n html.boxed .app-content {\n max-width: 770px;\n }\n}\n\n\n// Greater than\n@media (min-width: 1025px) {\n html.boxed .app-content {\n max-width: 990px;\n }\n}\n\n// Greater than\n@media (min-width: 1230px) {\n html.boxed .app-content {\n max-width: 1200px;\n }\n}\n\n/* App Content with container */\n// Less than\n@media (max-width: 1024px) {\n html.boxed .app-content .container {\n padding-left: 20px;\n padding-right: 20px;\n }\n}\n\n\n// Greater than\n@media (min-width: 1025px) {\n html.boxed .app-content .container {\n padding-left: 40px;\n padding-right: 40px;\n }\n}\n\n\n\n/* Footer with container Element */\n// Less than\n@media (max-width: 1024px) {\n html.boxed {\n footer {\n .container {\n padding-left: 20px;\n padding-right: 20px;\n }\n }\n }\n}\n\n\n// Greater than\n@media (min-width: 1025px) {\n html.boxed {\n footer {\n .container {\n padding-left: 40px;\n padding-right: 40px;\n }\n }\n }\n}"
},
{
"path": "scss/base/_pre-config.scss",
"content": "// -----------------------------------------------------------------------------\n// This file contains some pre configure styles.\n// Does our app contains preloader?\n// What should we do when user disable JavaScript?\n// Does Flash of Un-styled Content (FOUC) is occurring on your app?\n// -----------------------------------------------------------------------------\n\n/*--------------------------------------------------------------\n#{$c}\n--------------------------------------------------------------*/\n\n/**\n* JavaScript Disabled Page\n*/\n\n.no-js {\n #app {\n display: none;\n }\n}\n\n.app-setting {\n background-color: $g-white;\n display: flex;\n align-items: center;\n height: 100vh;\n position: fixed;\n z-index: 1000001;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n\n &__wrap {\n text-align: center;\n padding: rem(35);\n background-color: #fbfbfb;\n border-left: rem(3) solid $g-brand-color;\n }\n &__h1 {\n font-size: rem(33);\n font-weight: 700;\n line-height: 42px;\n color: $g-brand-secondary-color;\n }\n\n &__text {\n font-size: rem(13);\n color: #ababab;\n }\n}\n\n/**\n* Preloader\n*/\n.preloader.is-active {\n width: 100%;\n text-align: center;\n height: 100%;\n position: fixed;\n left: 0;\n top: 0;\n z-index: 1000000;\n background: white;\n display: block;\n}\n\n.preloader {\n display: none;\n\n &__wrap {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n }\n\n &__img {\n display: block;\n }\n}\n\n\n/*\n * Row modifier class\n */\n.row--center {\n justify-content: center;\n}\n\n/*\n * Fitvids plugin modifier class\n */\n.fluid-width-video-wrapper {\n background-color: $g-card-bg-color;\n}\n\n/*\n * Social media classes with property background-color & color.\n * 's' is a prefix and represents a social media class.\n */\n/* Facebook */\n.s-fb--bgcolor-hover:hover {\n background-color: #4267b2;\n}\n.s-fb--color-hover:hover {\n color: #4267b2;\n}\n.s-fb--color {\n color: #4267b2;\n}\n\n/* Twitter */\n\n.s-tw--bgcolor-hover:hover {\n background-color: #38A1F3;\n}\n\n.s-tw--color-hover:hover {\n color: #38A1F3;\n}\n\n.s-tw--color {\n color: #38A1F3;\n}\n\n/* instagram */\n.s-insta--bgcolor-hover:hover {\n background-color: #f77737;\n}\n\n.s-insta--color-hover:hover {\n color: #f77737;\n}\n\n.s-insta--color {\n color: #f77737;\n}\n\n/* youtube */\n.s-youtube--bgcolor-hover:hover {\n background-color: #ED3833;\n}\n\n.s-youtube--color-hover:hover {\n color: #ED3833;\n}\n.s-youtube--color {\n color: #ED3833;\n}\n\n/* linkedin */\n.s-linked--bgcolor-hover:hover {\n background-color: #0077B5;\n}\n\n.s-linked--color-hover:hover {\n color: #0077B5;\n}\n\n.s-linked--color {\n color: #0077B5;\n}\n\n/* googleplus */\n\n.s-gplus--bgcolor-hover:hover {\n background-color: #dd4b39;\n}\n\n.s-gplus--color-hover:hover {\n color: #dd4b39;\n}\n.s-gplus--color {\n color: #dd4b39;\n}\n\n/* Whats App */\n.s-wa--color {\n color: #25d366;\n}\n\n.s-wa--color-hover:hover {\n color: #25d366;\n}\n\n/*\n * Global classes you can use these classes on elements and components of your application.\n * Remember: Don't confuse your mind with utility classes & Global classes.\n * Utility class has a prefix 'u' that represents root namespace also has a sub-namespace\n * prefix. These are low-level utility classes that make it easy to build complex user interfaces.\n * Global class has a prefix 'gl' and these classes are ready-made styles that you could\n * use on different elements like span, div, h1, h3 and components like button, selectbox. scrollbar etc.\n */\n\n/*\n * Chrome Default Style for scrollbar\n */\n.gl-scroll {\n // Width\n &::-webkit-scrollbar {\n height: 8px;\n width: 8px;\n }\n\n\n // Track\n &::-webkit-scrollbar-track {\n background: #eee;\n }\n\n // Handle\n &::-webkit-scrollbar-thumb {\n background: #888;\n }\n\n // Handle on hover\n &::-webkit-scrollbar-thumb:hover {\n background: #555;\n }\n}\n\n\n/*\n * Global Rating Style apply on any div that has `i` element as children\n */\n.gl-rating-style {\n > i {\n margin-left: 2px;\n color: #ff9600;\n &:first-child {\n margin-left: 0;\n }\n }\n}\n\n.gl-rating-style-2 {\n > i {\n margin-left: 2px;\n color: #ff4500;\n &:first-child {\n margin-left: 0;\n }\n }\n}\n\n/*\n * Signup, Login Social Buttons\n */\n .gl-s-api {\n width: 80%;\n margin: 0 auto;\n &__btn {\n border: none;\n cursor: pointer;\n text-align: center;\n display: block;\n width: 100%;\n padding: 12px;\n color: $g-white;\n font-size: 14px;\n font-weight: 600;\n transition: background-color 0.5s linear;\n\n &:focus {\n outline: 0;\n }\n span {\n margin-left: 10px;\n }\n }\n\n &__btn--fb {\n background-color: #4267b2;\n &:hover {\n background-color: darken(#4267b2,5%);\n }\n }\n &__btn--gplus {\n background-color: #dd4b39;\n &:hover {\n background-color: darken(#dd4b39,5%);\n }\n }\n\n }\n\n /*\n * Inline Maker 1\n */\n.gl-inline {\n display: flex;\n flex-wrap: nowrap;\n align-items: center;\n div {\n flex:1;\n margin-right: 14px;\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n/*\n* Inline Maker 2\n */\n.gl-l-r {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n/**\n * DOB: Date of Birth Select Box\n */\n.gl-dob {\n display: flex;\n align-items: center;\n .select-box {\n flex: 1;// Because of this property all select boxes automatically fill space that a wrapper has.\n margin-right: 8px;\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n// Anchor Text with brand color\n.gl-link {\n font-size: 13px;\n font-weight: 600;\n color: $g-brand-color;\n transition: color 0.5s linear;\n &:hover {\n color: darken($g-brand-color,1%);\n }\n}\n\n.gl-h1 {\n color: $g-brand-secondary-color;\n font-size: 18px;\n margin-bottom: 8px;// has margin-bottom\n}\n\n.gl-text {\n display: block;\n color: #a0a0a0;\n font-size: 13px;\n}\n\n.gl-label {\n margin-bottom: 8px;// has margin-bottom\n display: block;\n color: $g-brand-secondary-color;\n font-size: 13px;\n font-weight: 600;\n}\n\n/**\n* Global Tag\n */\n.gl-tag {\n // because of flex\n margin-right: 8px;\n display: inline-block; // important tag\n margin-bottom: 10px;\n padding: 5px 13px;\n font-size: 12px;\n font-weight: 600;\n border-radius: 22px;\n &:last-child {\n margin-right: 0;\n }\n }\n\n/*\n* Global Modal Classes\n */\n\n\n.gl-modal-h1 {\n margin-bottom: 8px;\n line-height: 1;\n display: block;\n color: $g-brand-secondary-color;\n font-size: 20px;\n font-weight: 600;\n}\n\n\n.gl-modal-text {\n color: #a0a0a0;\n font-size: 13px;\n}\n\n\n\n.gl-modal-btn-group {\n display: flex;\n align-items: center;\n button {\n margin-right: 12px;\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n\n\n\n\n\n\n@media (max-width:575px) {\n .gl-inline {\n display: block;\n div {\n display: block;\n margin-right: 0;\n }\n }\n\n .gl-l-r {\n display: block;\n }\n\n\n\n // Birthday\n .gl-dob {\n display: block;\n .select-box {\n width: 100%;\n margin-bottom: 8px;\n margin-right: 0;\n &:last-child {\n margin:0;\n }\n }\n }\n}\n\n/**\n * Default Pulse Animation\n */\n\n@keyframes mypulse {\n 0% {\n box-shadow: 0 0 0 0 #bdc3c7;\n }\n 100% {\n box-shadow: 0 0 0 1.5em rgba(189, 195, 199, 0);// 24px\n }\n}\n\n\n\n"
},
{
"path": "scss/base/_typography.scss",
"content": "// -----------------------------------------------------------------------------\n// This file contains our layout Typography styles.\n// -----------------------------------------------------------------------------\n\n/*--------------------------------------------------------------\n#{$b}\n--------------------------------------------------------------*/\n/**\n * Basic typography style for copy text\n */\nbody {\n color: $g-text-color;\n font-family: $g-text-font-stack;\n}\n"
},
{
"path": "scss/base/_utilities.scss",
"content": "// -----------------------------------------------------------------------------\n// This file contains all CSS utility classes that are specific only for layout\n// design.\n// -----------------------------------------------------------------------------\n/*--------------------------------------------------------------\n#{$d}\n--------------------------------------------------------------*/\n/**\n * Utility classes for colors:\n * Convey meaning through color with a handful of color utility classes.\n * Includes support for styling links too.\n */\n.u-c-brand {\n color:$g-brand-color !important;// Remove any specificity color level\n}\n\n.u-c-secondary {\n color:$g-brand-secondary-color !important;\n}\n\n.u-c-white {\n color:$g-white !important;\n}\n\n.u-c-black {\n color:$g-black !important;\n}\n\n.u-c-grey {\n color:$g-text-color !important;\n}\n\n.u-c-silver {\n color:#a0a0a0 !important;\n}\n\n/*\n * Display Utility\n */\n.u-d-block {\n display: block;\n}\n\n/*\n * Sizing\n * Easily make an element as wide or as tall (relative to its parent) with our width and height utilities.\n */\n.u-w-100 {\n width: 100%;\n}\n\n.u-h-100 {\n height: 100%;\n}\n\n\n\n/**\n * Image Responsive utility classes\n */\n.u-img-fluid {\n width: 100%;// IE 10\n max-width: 100%;\n height: auto;\n}"
},
{
"path": "scss/components/_all.scss",
"content": "// -----------------------------------------------------------------------------\n// `all.scss` is just typical import file that contains all code base of\n// the directory.\n// -----------------------------------------------------------------------------\n\n/*--------------------------------------------------------------\n#{$e}\n--------------------------------------------------------------*/\n\n@import \"./breadcrumb/breadcrumb\";\n@import \"./button/button\";\n@import \"./countdown/countdown\";\n@import \"./input-counter/input-counter\";\n@import \"./input-text/input-text\";\n@import \"./preload-img-aspect-ratio/preload-img-aspect-ratio\";\n@import \"./product/product\";\n@import \"./checkbox-radio/checkbox-radio\";\n@import \"./select-box/select-box\";\n@import \"./textarea/textarea\";\n@import \"./modal/modal\";"
},
{
"path": "scss/components/breadcrumb/_breadcrumb.scss",
"content": "// -----------------------------------------------------------------------------\n// This file contains all styles related to the breadcrumb component.\n// -----------------------------------------------------------------------------\n\n/* Breadcrumb Component */\n\n\n.breadcrumb {\n\n &__wrap {\n background-color: #fbfbfb;\n padding: rem(18);\n border-radius: rem(3);\n }\n &__list {\n list-style: none;\n padding: 0;\n margin: 0;\n word-wrap: break-word;\n > li {\n display: inline-block;\n > a {\n color: #a0a0a0;\n font-size: 13px;\n font-weight: 700;\n transition: color 0.5s;\n &:hover {\n color: $g-brand-secondary-color;\n }\n }\n\n\n &.is-marked {\n > a {\n color: $g-brand-secondary-color;\n }\n }\n\n &.has-separator {\n &:after {\n content: '/';\n margin: 0 16px;\n }\n }\n }\n }\n}"
},
{
"path": "scss/components/button/_button.scss",
"content": "// -----------------------------------------------------------------------------\n// This file contains all styles related to the button component.\n// -----------------------------------------------------------------------------\n\n/* Button Component */\n\n.btn {\n user-select: none;\n // default it is display:inline-block\n cursor: pointer;\n font-size: 14px; // default text font size inside button\n\n &:focus {\n outline: none;\n }\n}\n\n.btn--icon {\n border: none;\n background-color: transparent;\n padding: 0;\n}\n\n// Here e stands for effect\n// Background Effects\n .btn--e-brand {\n color: $g-white;\n border: 1px solid transparent;\n background-color:$g-brand-color;\n transition: background-color .5s ease-in;\n &:hover {\n background-color: darken($g-brand-color,1%);\n }\n }\n\n // Border 2\n .btn--e-brand-b-2 {\n color: $g-white;\n background-color:$g-brand-color;\n border: 2px solid $g-brand-color;\n transition: background-color 0.5s ease-in, border-color 0.5s ease-in;\n &:hover {\n background-color: darken($g-brand-color,1%);\n border-color: darken($g-brand-color,1%);\n }\n }\n\n // Border 2\n // Grey\n .btn--e-grey-b-2 {\n color: $g-brand-secondary-color;\n background-color:#f5f5f5;\n border: 2px solid #f5f5f5;\n transition: background-color 0.5s ease-in, border-color 0.5s ease-in;\n &:hover {\n background-color: darken(#f5f5f5,1%);\n border-color: darken(#f5f5f5,1%);\n }\n }\n\n// Secondary\n .btn--e-secondary {\n color: $g-white;\n border: 1px solid transparent;\n background-color:$g-brand-secondary-color;\n transition: background-color .5s ease-in;\n &:hover {\n background-color: darken($g-brand-secondary-color,1%);\n }\n }\n\n // White background\n .btn--e-white-brand {\n border: 1px solid transparent;\n color: $g-brand-secondary-color;\n background-color: $g-white;\n transition: background-color .3s linear, color .3s linear;\n &:hover {\n background-color: $g-brand-color;\n color: $g-white;\n }\n }\n\n//-------------------------------------------------------\n\n // Transparent Outline Effects\n // Border 2\n // Brand Outline\n .btn--e-transparent-brand-b-2 {\n color: $g-brand-color;\n border:2px solid $g-brand-color;\n background-color:transparent;\n transition: border-color .5s ease-in;\n &:hover {\n border-color: darken($g-brand-color,1%);\n }\n }\n\n// Transparent Outline Effects\n// Border 2\n// Brand Outline with bg\n.btn--e-transparent-hover-brand-b-2 {\n color: $g-brand-color;\n border:2px solid $g-brand-color;\n background-color:transparent;\n transition: background-color .1s ease-in,border-color .1s ease-in;\n &:hover {\n background-color: $g-brand-color;\n color: $g-white;\n }\n}\n\n\n\n\n // Secondary Outline\n .btn--e-transparent-secondary-b-2 {\n color: $g-brand-secondary-color;\n border:2px solid $g-brand-secondary-color;\n background-color:transparent;\n transition: border-color .5s ease-in;\n &:hover {\n border-color: darken($g-brand-secondary-color,1%);\n }\n }\n\n// Platinum outline\n .btn--e-transparent-platinum-b-2 {\n color: $g-brand-secondary-color;\n border: 2px solid #e5e5e5;\n background-color:transparent;\n transition: border-color 0.5s linear;\n &:hover {\n border-color: $g-brand-color;\n }\n }\n\n\n\n// Box-Shadow Button\n// White with Secondary color\n.btn--e-white-brand-shadow {\n border: 1px solid #eee;\n box-shadow: 1px 2px 8px 0 rgba(36, 37, 38, 0.08);\n background-color: $g-white;\n color: $g-brand-secondary-color;\n transition: background-color .3s linear, border-color .3s linear,color .3s linear;\n &:hover {\n border-color: $g-brand-color;\n background-color: $g-brand-color;\n color: $g-white;\n }\n}\n\n\n// Brand with Shadow\n.btn--e-brand-shadow {\n border: 1px solid $g-brand-color;\n box-shadow: 1px 2px 8px 0 rgba(36, 37, 38, 0.08);\n background-color: $g-brand-color;\n color: $g-white;\n transition: background-color .3s linear, border-color .3s linear;\n &:hover {\n border-color: darken($g-brand-color,1%);\n background-color: darken($g-brand-color,1%);\n }\n}\n\n\n\n\n\n\n\n\n\n\n"
},
{
"path": "scss/components/checkbox-radio/_checkbox-radio.scss",
"content": "// -----------------------------------------------------------------------------\n// This file contains all styles related to the checkbox-radio component.\n// -----------------------------------------------------------------------------\n\n/* Checkbox, Radio Component */\n\n/*\n * Remember these are very important styles and make sure input checkbox always has a greater z-index from label\n * and any other div's.\n * Remember these styles make checkbox horizontal center, and when you click out of the boundary region\n * Behind the scenes checkbox has a opacity 0 but it will be checked.\n */\n\n\n// div\n.check-box {\n [type=\"checkbox\"] {\n position: absolute;\n left: 0;\n top: 0;\n min-width: 16px;// Width of the default hidden radio\n width: 100%;\n height: 100%;\n z-index: 2;\n opacity: 0;\n cursor: pointer;\n }\n}\n\n// div\n.radio-box {\n [type=\"radio\"] {\n position: absolute;\n left: 0;\n top: 0;\n min-width: 16px;// Width of the default hidden radio\n width: 100%;\n height: 100%;\n z-index: 2;\n opacity: 0;\n cursor: pointer;\n }\n}\n\n\n\n\n\n.check-box {\n position: relative;\n display: inline-block;// Very Very Important property\n white-space: nowrap;\n line-height: 1;// i.e. 16px Very important property makes square vertical center\n\n\n\n\n &__label {\n position: initial;// which is static\n display: inline-block;// Very Very Important property\n font-weight: 600;\n font-size: 13px;\n color: $g-brand-secondary-color;\n margin-left: 24px;\n // min-width: 18px;\n white-space: normal;\n &:before,&:after {\n content: '';\n width: 18px;\n height: 18px;\n display: block;\n border: 2px solid transparent;\n z-index: 0;\n transition: all .5s ease;\n position: absolute;\n left: 0;\n top: 0;\n }\n &:before {\n background-color: #f1f1f1;\n }\n\n &:after {\n transform: scale(0.6);// transition to scale(0.4) when it is checked\n }\n }\n\n}\n\n\n.check-box input:checked ~ .check-box__state label:before {\n animation: mypulse 1s;\n}\n\n.check-box input:checked ~ .check-box__state.check-box__state--primary label:before {\n border-color: $g-brand-color;\n background-color: $g-white;\n}\n\n\n\n.check-box input:checked ~ .check-box__state.check-box__state--primary label:after {\n transform: scale(0.4);\n background-color: $g-brand-color;\n}\n\n\n.radio-box {\n position: relative;\n display: inline-block;// Very Very Important property\n white-space: nowrap;\n line-height: 1;// i.e. 16px Very important property makes square vertical center\n\n\n\n\n &__label {\n position: initial;// which is static\n display: inline-block;// Very Very Important property\n font-weight: 600;\n font-size: 13px;\n color: $g-brand-secondary-color;\n white-space: normal;\n margin-left: 24px;\n // min-width: 18px;\n &:before,&:after {\n content: '';\n width: 18px;\n height: 18px;\n display: block;\n border-radius: 50%;\n border: 2px solid transparent;\n z-index: 0;\n transition: all .5s ease;\n position: absolute;\n left: 0;\n top: 0;\n }\n &:before {\n background-color: #f1f1f1;\n }\n\n &:after {\n transform: scale(0.6);// transition to scale(0.4) when it is checked\n }\n }\n\n}\n\n\n.radio-box input:checked ~ .radio-box__state label:before {\n animation: mypulse 1s;\n}\n\n.radio-box input:checked ~ .radio-box__state.radio-box__state--primary label:before {\n border-color: $g-brand-color;\n background-color: $g-white;\n}\n\n\n\n.radio-box input:checked ~ .radio-box__state.radio-box__state--primary label:after {\n transform: scale(0.4);\n background-color: $g-brand-color;\n}"
},
{
"path": "scss/components/countdown/_countdown.scss",
"content": "// -----------------------------------------------------------------------------\n// This file contains all styles related to the countdown component.\n// -----------------------------------------------------------------------------\n\n/* Countdown Component */\n\n\n\n// Used on 2 products that are on the Deal of the page\n.countdown--style-special {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n .countdown__content {\n margin: 0 6px 10px;\n text-align: center;\n // by default all children would be inline because of flex\n //display: inline-block;\n padding: 5px 24px;\n //background: transparent linear-gradient(146deg, $g-brand-color 0%, lighten($g-brand-color,10%) 100%);\n //box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06);\n background-color: rgba(255,255,255,0.98);\n\n // > div { }\n }\n\n .countdown__value {\n font-size: 35px;\n font-weight: 600;\n display: block;\n color: $g-brand-secondary-color;\n }\n\n .countdown__key {\n font-size: 12px;\n font-weight: 600;\n display: block;\n color: $g-brand-color;\n }\n}\n// Used on Banner-bg\n.countdown--style-banner {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n .countdown__content {\n // by default all children would be inline because of flex\n //display: inline-block;\n margin: 0 10px 10px;\n text-align: center;\n padding: 5px 24px;\n // box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06);\n background-color: $g-brand-secondary-color;\n // > div { }\n }\n\n .countdown__value {\n font-size: 48px;\n font-weight: 600;\n display: block;\n color: $g-white;\n }\n\n .countdown__key {\n font-size: 12px;\n font-weight: 600;\n display: block;\n color: $g-white;\n }\n}\n\n\n// Used on index-2 'countdown style section'\n.countdown--style-section {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-wrap: wrap;\n .countdown__content {\n margin: 18px 20px 20px 0;\n padding: 8px 22px;\n // by default all children would be inline because of flex\n //display: inline-block;\n // padding: 2px 6px;\n box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06);\n background-color: rgba(255,255,255,.98);\n // background: transparent linear-gradient(146deg, $g-brand-color 0%, lighten($g-brand-color,10%) 100%);\n\n\n\n }\n\n .countdown__value {\n font-size: 26px;\n font-weight: 600;\n display: block;\n color: $g-brand-secondary-color;\n }\n\n .countdown__key {\n font-size: 10px;\n font-weight: 600;\n display: block;\n color: $g-brand-color;\n }\n}\n\n\n\n\n\n"
},
{
"path": "scss/components/input-counter/_input-counter.scss",
"content": "// -----------------------------------------------------------------------------\n// This file contains all styles related to the input-counter component.\n// -----------------------------------------------------------------------------\n\n/* Input-Counter Component */\n.input-counter {\n position: relative;\n display: inline-block;\n max-width: 132px;\n min-width: 132px;\n\n &__text {\n border-radius: 25px;\n display: block;\n width: 100%;\n height: 50px;\n font-size: 14px;\n font-weight: 600;\n text-align: center;\n\n &:focus {\n outline: 0;\n }\n }\n &--text-primary-style {\n color: $g-brand-secondary-color;\n transition: all 0.6s linear;\n border: 2px solid transparent;\n background-color: #f1f1f1;\n &:focus {\n background-color: transparent;\n border-color: $g-brand-color;\n }\n }\n\n\n &__minus,&__plus {\n top: 0;\n display: inline-block;\n font-size: 10px;\n cursor: pointer;\n position: absolute;\n width: 50px;\n line-height: 50px;//Vertical Center\n height: 100%;\n text-align: center;\n color: $g-text-color;\n transition: color 0.5s;\n &:hover {\n color: $g-brand-secondary-color;\n }\n }\n\n &__minus {\n left:0;\n }\n\n &__plus {\n right: 0;\n }\n\n\n}\n"
},
{
"path": "scss/components/input-text/_input-text.scss",
"content": "// -----------------------------------------------------------------------------\n// This file contains all styles related to the input text component.\n// -----------------------------------------------------------------------------\n\n/* Input Text Component */\n\n.input-text {\n font-size: 12px;\n background-clip: padding-box;\n padding: 0 18px;\n height: 40px;// default height\n\n &--border-radius {\n border-radius: 25px;\n }\n\n &--primary-style {\n color: $g-brand-secondary-color;\n transition: all 0.6s linear;\n border: 2px solid transparent;\n background-color: #f1f1f1;\n &:focus {\n background-color: transparent;\n border-color: $g-brand-color;\n }\n }\n\n\n\n\n &--style-1 {\n color: #5c636c;\n transition: all 0.6s linear;\n border: 1px solid transparent;\n background-color: #f1f1f1;\n &:focus {\n box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);\n background-color: transparent;\n border-color: #eee;\n }\n }\n\n\n\n &--style-2 {\n color: #5c636c;\n border: 1px solid transparent;\n background-color: #f1f1f1;\n transition: all 0.6s linear;\n &:focus {\n background-color: $g-white;\n }\n }\n\n &--only-white {\n border: 1px solid transparent;\n color: $g-brand-secondary-color;\n background-color: $g-white;\n }\n\n\n &:focus {\n outline: 0;\n }\n}\n\n\n.input-text:disabled {\n background-color: #cecece;// All .input-text--primary-style will override with this\n}\n\n// IE10+\ninput::-ms-clear {\n display: none;\n}"
},
{
"path": "scss/components/modal/_modal.scss",
"content": "// -----------------------------------------------------------------------------\n// This file contains all global styles of a model component.\n// -----------------------------------------------------------------------------\n\n/* Modal Component */\n// Relative to modal-content\n.dismiss-button {\n z-index: 2;\n position: absolute;\n top: 0;\n right: -50px;\n background-color: transparent;\n padding: 8px;\n font-size: 24px;\n border: 0;\n color: $g-white;\n cursor: pointer;\n transition: color 110ms ease-in-out;\n &:hover {\n color: $g-brand-color;\n }\n}\n\n// Modal:1 Dashboard Modal Styles\n#dash-newsletter {\n .modal-dialog {\n width: 100%;\n max-width: 450px;\n }\n\n .modal-body {\n padding: rem(30);\n }\n}\n\n// Form Buttons (Subscribe - Cancel)\n.d-modal__form {\n width: 100%;\n .btn {\n padding: 14px 46px;\n font-size: 12px;\n font-weight: 600;\n }\n\n\n a {\n font-size: 15px;\n font-weight: 600;\n color: $g-brand-color;\n transition: color 110ms ease-in-out;\n &:hover {\n color: $g-text-color;\n }\n }\n}\n\n\n\n\n\n\n// Modal:2 Checkout - Edit Ship Address\n// Modal:3 Checkout - Add Ship Address\n#edit-ship-address,#add-ship-address {\n .modal-dialog {\n width: 100%;\n max-width: 750px;\n }\n .modal-body {\n padding: rem(30);\n }\n}\n\n.checkout-modal1__form,.checkout-modal2__form {\n width: 100%;\n\n .btn,.input-text,.select-box {\n border-radius: 6px;\n }\n\n .input-text,.select-box {\n width: 100%;\n }\n\n .btn {\n font-weight: 600;\n padding: 16px 46px;\n }\n}\n\n\n// Modal:4 Add to Cart Modal Styles\n#add-to-cart {\n .modal-dialog {\n width: 100%;\n max-width: 550px;\n }\n\n .row {\n align-items: center;\n }\n}\n.success {\n text-align: center;\n &__text-wrap {\n margin-bottom: 18px;\n i {\n margin-right: 8px;\n font-size: 16px;\n color: $g-brand-color;\n }\n\n span {\n font-weight: 700;\n font-size: 14px;\n color: $g-brand-secondary-color;\n }\n\n }\n\n &__img-wrap {\n display: inline-block;\n vertical-align: middle;\n background-color: $g-card-bg-color;\n width: 120px;\n height: 120px;\n img {\n min-width: 120px;\n }\n }\n\n\n &__name {\n display: block;\n margin: 4px 0;\n font-size: 14px;\n font-weight: 600;\n color: $g-brand-secondary-color;\n }\n &__quantity {\n margin-bottom: 4px;\n display: block;\n font-size: 12px;\n color: #a0a0a0;\n }\n\n &__price {\n display: block;\n font-weight: 700;\n font-size: 14px;\n color: $g-brand-color;\n }\n\n}\n.s-option {\n text-align: center;\n\n &__text {\n display: block;\n margin-bottom: 20px;\n font-size: 12px;\n color: #a0a0a0;\n }\n\n &__link-box {\n width: 85%;\n margin: 0 auto;\n }\n\n &__link {\n margin-bottom: 20px;\n display: block;\n padding: 12px 8px;\n width: 100%;\n text-align: center;\n font-weight: 600;\n font-size: 13px;\n }\n\n}\n\n\n// Modal:5 Product Quick Look\n#quick-look {\n\n .modal-dialog {\n width: 100%;\n max-width: 991px;\n }\n\n .modal-body {\n padding: rem(30);\n }\n}\n\n// Modal:6 Newsletter Modal\n\n.new-l--center {\n text-align: center;\n}\n\n#newsletter-modal {\n .modal-dialog {\n width: 100%;\n max-width: 800px;\n }\n\n .modal-body {\n padding: 0;\n }\n\n .new-l__dismiss {\n z-index: 2;\n position: absolute;\n top: 0;\n right: 10px;\n background-color: transparent;\n padding: 8px;\n font-size: 16px;\n border: 0;\n color: #515151;\n cursor: pointer;\n }\n\n .row {\n align-items: center;\n }\n}\n\n.new-l__img-wrap {\n background-color: $g-card-bg-color;\n position: relative;\n &:before {\n transition: all 0.6s linear;\n content: '';\n position: absolute;\n z-index: 1;\n left: 0;\n right: 0;\n bottom: 0;\n top: 0;\n opacity: 0;\n background-color: rgba(0, 0, 0, .4);\n }\n}\n.new-l__img-wrap:hover {\n &:before {\n opacity: 1;\n }\n}\n\n\n.new-l__h3 {\n font-size: 26px;\n line-height: 1.2;\n color: $g-brand-secondary-color;\n}\n\n.new-l__p1 {\n font-size: 14px;\n line-height: 21px;\n}\n\n.new-l__p2 {\n font-size: 12px;\n color: #a0a0a0;\n}\n\n.new-l__link {\n font-size: 13px;\n color: $g-text-color;\n transition: all .3s;\n &:hover {\n color: $g-brand-color;\n text-decoration: underline;\n }\n}\n\n// Newsletter Form Global Style\n.new-l__form {\n width: 100%;\n\n .btn {\n width: 100%;\n }\n\n .btn {\n padding: 13px 30px;\n font-size: 14px;\n font-weight: 600;\n }\n}\n\n\n.news-l__input {\n width: 100%;\n font-size: 12px;\n padding: 0 18px;\n height: 40px; // default height\n color: $g-brand-secondary-color;\n transition: all 0.6s linear;\n border: 2px solid rgba(0, 0, 0, 0.08);\n border-radius: 4px;\n background-color: $g-white;\n &:focus {\n border-color: $g-brand-color;\n }\n &:focus {\n outline: 0;\n }\n // IE10+\n &::-ms-clear {\n display: none;\n }\n}\n\n\n@media(max-width:991px) {\n .new-l__col-1 {\n display: none;\n }\n}\n\n\n"
},
{
"path": "scss/components/preload-img-aspect-ratio/_preload-img-aspect-ratio.scss",
"content": "// -----------------------------------------------------------------------------\n// This file contains all styles related to the preload aspect ratio component.\n// -----------------------------------------------------------------------------\n\n/* Preload Aspect Ratio Component */\n\n/*\n * Example 1 For Square: \n\n.i3-banner {\n position: relative;\n display: block;\n overflow: hidden;\n cursor:pointer;\n &:before {\n transition: all 0.6s linear;\n content: '';\n position: absolute;\n z-index: 1;\n left: 0;\n right: 0;\n bottom: 0;\n top: 0;\n opacity: 0;\n background-color: rgba(0, 0, 0, .4);\n }\n\n &__img {\n transform: scale(1);\n transition: all 0.6s ease-in-out;\n }\n}\n\n.i3-banner:hover {\n &:before {\n opacity: 1;\n }\n\n .i3-banner__img {\n transform: scale(1.1);\n }\n\n}\n\n.aspect--1048-334 {\n padding-bottom: nonsquare(1048, 334);\n}\n\n\n\n\n\n// Section\n.section {\n &__text-wrap {\n text-align: center;\n }\n &__content {\n position: relative;\n }\n\n &__heading {\n font-weight: 600;\n letter-spacing: -.02rem;\n font-size: 28px;\n position: relative;\n }\n\n &__span {\n //font-weight: 600;\n font-size: 13px;\n display: block;\n }\n}\n\n\n\n\n\n\n\n\n // Shop Collection\n.collection {\n position: relative;\n display: block;\n overflow: hidden;\n cursor:pointer;\n &:before {\n transition: all 0.6s linear;\n content: '';\n position: absolute;\n z-index: 1;\n left: 0;\n right: 0;\n bottom: 0;\n top: 0;\n opacity: 0;\n background-color: rgba(0, 0, 0, .4);\n }\n\n &__img {\n transform: scale(1);\n transition: all 0.6s ease-in-out;\n }\n}\n\n .collection:hover {\n &:before {\n opacity: 1;\n }\n\n .collection__img {\n transform: scale(1.1);\n }\n\n }\n\n .aspect--1286-890 {\n padding-bottom: nonsquare(1286, 890);\n }\n // End\n\n // Filter\n\n // isotope filter item container\n .filter-category-container {\n position: relative;\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n }\n\n .filter__btn--style-1 {\n position: relative;\n transition: all 0.3s ease 0s;\n display: block;\n border: none;\n padding: 18px;\n font-size: 14px;\n color: $g-brand-secondary-color;\n font-weight: 600;\n background-color: transparent;\n\n // Normal\n &:before {\n content: '';\n width: 0;\n height: 2px;\n background-color: $g-brand-color;\n position: absolute;\n top: 0; // top\n left: 50%;\n transform: translateX(-50%);\n transition: all 0.2s ease 0s;\n }\n\n &:hover {\n color: $g-brand-color;\n\n &:before {\n width: 100%;\n }\n }\n\n &.js-checked {\n color: $g-brand-color;\n\n &:before {\n width: 100%;\n }\n }\n }\n\n.filter__btn--style-2 {\n transition: all 0.3s ease 0s;\n display: block;\n padding: 15px 27px;\n margin: 0 8px 10px;\n border:2px solid #f7f7f9;\n font-size: 12px;\n color: $g-text-color;\n background-color: transparent;\n\n &:hover {\n border-color: $g-brand-color;\n color: $g-brand-secondary-color;\n }\n\n &.js-checked {\n border-color: $g-brand-color;\n color: $g-brand-secondary-color;\n }\n }\n\n\n\n\n.load-more {\n text-align: center;\n padding: 40px 0;\n > button {\n padding: 22px 56px;\n border: none;\n border-radius: 5px;\n font-size: 13px;\n }\n }\n\n // Top Sale in Week\n .banner-bg {\n padding: 7em 0;\n position: relative;\n background: #f5f5f5 url(\"../images/banners/banner-bg.jpg\") repeat fixed center center;\n //background: #f5f5f5 url(\"https://source.unsplash.com/random\") no-repeat fixed center center;\n background-size: cover;\n\n &__wrap {\n text-align: center;\n }\n\n &__text-block {\n display: block;\n }\n\n // div span\n &__text-1 {\n font-weight: 600;\n margin-bottom: 6px;\n font-size: 58px;\n }\n // div span\n &__text-2 {\n font-weight: 600;\n margin-bottom: 12px;\n font-size: 31px;\n }\n\n // span\n &__text-3 {\n margin-bottom: 18px;\n font-size: 14px;\n }\n\n &__shop-now {\n display: inline-block;\n padding: 14px 30px;\n font-weight: 600;\n border-radius: 40px;\n font-size: 13px;\n }\n }\n\n .promotion {\n display: block;\n position: relative;\n &:before {\n transition: all 0.3s linear;\n content: '';\n position: absolute;\n z-index: 1;\n top:0;\n left:0;\n right: 0;\n bottom: 0;\n background-color: rgba(0, 0, 0, 0.8);\n opacity: 0;\n }\n\n &__content {\n position: absolute;\n width: 100%;\n z-index: 2;\n transform: translateY(-50%);\n top: 50%;\n text-align: center;\n }\n\n &__text-wrap {\n display: inline-block;\n background-color: rgba(255, 255, 255, 0.9);\n padding: 30px 15px;\n transition: all 0.5s ease-in-out;\n }\n\n &__text-1 {\n font-size: 14px;\n }\n\n &__text-2 {\n font-size: 20px;\n font-weight: 600;\n }\n\n }\n\n .promotion:hover {\n\n &:before {\n opacity: 1;\n }\n\n .promotion__text-wrap {\n background-color: rgba(255, 255, 255, 1);\n // padding: 40px 25px;\n }\n }\n\n // Column Product\n .column-product {\n //border: 1px solid green;\n\n &__title {\n display: block;\n font-size: 18px;\n font-weight: 600;\n }\n\n &__list {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n &__item {\n // border: 1px solid red;\n margin-bottom: 30px;\n }\n\n &__item:last-child {\n margin-bottom: 0;\n }\n\n }\n\n // Service\n .service {\n display: flex;\n background-color: $g-white;\n padding: 23px;\n box-shadow: 0 6px 15px 0 rgba(36,37,38,.08);\n border: 2px solid #f5f5f5;\n\n\n &__icon,&__info-wrap {\n -ms-flex: 0 1 auto;// IE10+ fix\n }\n\n &__icon {\n margin-right: 20px;\n > i {\n color: $g-brand-color;\n font-size: 30px;\n }\n }\n\n &__info-wrap {\n // flex: 1;\n }\n\n &__info-text-1 {\n display: block;\n font-size: 14px;\n margin-bottom: 4px;\n color: $g-brand-secondary-color;\n font-weight: 600;\n }\n\n &__info-text-2 {\n font-size: 13px;\n display: block;\n color: $g-text-color;\n }\n\n }\n\n // Brand Slider\n .new-brand-slider {\n position: relative;\n }\n\n #brand-slider {\n position: static;\n }\n\n\n@media (max-width: 991px) {\n .block {\n display: block;// All flex properties will not work\n }\n\n .success {\n &__img-wrap,&__info-wrap {\n display: none;\n }\n }\n\n\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n"
},
{
"path": "scss/pages/_product-detail.scss",
"content": "// -----------------------------------------------------------------------------\n// This file contains styles that are specific to the product detail page.\n// -----------------------------------------------------------------------------\n/*--------------------------------------------------------------\n#{$r}\n--------------------------------------------------------------*/\n\n// Breadcrumb\n.pd-breadcrumb__list {\n list-style: none;\n padding: 0;\n margin: 0;\n word-wrap: break-word;\n > li {\n display: inline-block;\n > a {\n color: #a0a0a0;\n font-size: 12px;\n transition: color 0.5s;\n &:hover {\n color: $g-brand-secondary-color;\n }\n }\n\n\n &.is-marked {\n > a {\n color: $g-brand-secondary-color;\n font-weight: 700;\n }\n }\n\n &.has-separator {\n &:after {\n content: '-';\n margin: 0 6px;\n }\n }\n }\n}\n\n\n\n// Product Detail Simple\n\n.pd {\n cursor: pointer;\n}\n\n.pd-wrap {\n position: relative;\n}\n\n.pd-text {\n position: absolute;\n top:15px;\n padding: 8px;\n right: 15px;\n font-size: 12px;\n color: $g-brand-secondary-color;\n}\n\n\n // Product-Detail Social List\n.pd-social-list {\n margin:0;\n padding: 0;\n list-style: none;\n display: flex;\n flex-wrap: wrap;\n > li {\n margin-right: 16px;\n &:last-child {\n margin-right: 0;\n }\n > a {\n font-size: rem(18);\n transition: color 110ms ease-in-out;\n color: $g-brand-secondary-color;\n }\n }\n}\n\n\n// Product Right Slide\n\n\n.pd-detail__label {\n display: block;\n font-size: 14px;\n font-weight: 700;\n color: $g-brand-secondary-color;\n}\n\n// Span inline\n.pd-detail__inline {\n span {\n margin-right: rem(6);\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n// div inline\n.pd-detail-inline-2 {\n display: flex;\n flex-wrap: nowrap;\n align-items: center;\n div {\n margin-right: 14px;\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n\n// Product Name\n.pd-detail__name {\n display: block;\n color: $g-brand-secondary-color;\n font-size: 16px;\n font-weight: 600;\n}\n\n\n\n\n// Product Price, Discount, Del\n.pd-detail__price {\n color: $g-brand-color;\n font-size: rem(32);\n font-weight: 700;\n}\n\n.pd-detail__discount {\n color: $g-brand-color;\n font-size: 14px;\n font-weight: 600;\n transition: color 0.5s;\n}\n\n.pd-detail__del {\n color: #a0a0a0;\n font-size: 12px;\n}\n\n\n\n.pd-detail__rating {\n display: block;\n i {\n font-size: 12px;\n }\n}\n\n.pd-detail__review {\n > a {\n font-size: 12px;\n transition: color 110ms ease-in-out;\n color: $g-brand-secondary-color;\n &:hover {\n color: $g-brand-color;\n text-decoration: underline;\n }\n }\n}\n\n\n\n.pd-detail__stock,.pd-detail__left {\n font-size: 12px;\n font-weight: 600;\n padding: 8px;\n display: inline-block;\n border-radius: 30px;\n}\n\n.pd-detail__stock {\n background-color: rgba(#009444,.14);\n color: #009444;\n}\n.pd-detail__left {\n background-color: rgba(#ff4500,.14);\n color: #ff4500;\n}\n\n// Total 245 characters\n.pd-detail__preview-desc {\n font-size: 13px;\n color: $g-text-color;\n}\n\n\n.pd-detail__click-wrap {\n > a {\n font-size: 13px;\n color: #a0a0a0;\n transition: color 110ms ease-in-out;\n &:hover {\n color: #b6b6b6;\n text-decoration: underline;\n }\n }\n}\n\n.pd-detail__click-count {\n font-size: 10px;\n color: #a0a0a0;\n}\n\n// by default input-counter has fixed width and height\n.pd-detail__form {\n width: 100%;\n .btn {\n padding: rem(16) rem(48);\n border-radius: rem(6);\n }\n}\n\n\n/**\n * Variations\n */\n// Color\n.pd-detail__color,.pd-detail__size {\n display: flex;\n flex-wrap: wrap;\n}\n\n// div\n.color__radio {\n position: relative;\n line-height: 1.89;\n margin-right: 36px;// Same as before and after width\n display: inline-block;// Very Very Important property\n}\n\n.color__radio {\n [type=\"radio\"] {\n position: absolute;\n left: 0;\n top: 0;\n min-width: 30px;// Width of the default hidden radio\n width: 100%;\n height: 100%;\n z-index: 2;\n opacity: 0;\n cursor: pointer;\n }\n}\n\n\n// label\n.color__radio-label {\n position: initial;// Which is by default static\n display: inline-block;// Very Very Important property\n}\n\n\n.color__radio-label:before,.color__radio-label:after {\n content: '';\n width: 30px;\n height: 30px;\n display: block;\n border: 2px solid transparent;\n z-index: 0;\n position: absolute;\n left: 0;\n top: 0;\n}\n\n\n.color__radio-label:after {\n transform: scale(0.6);\n background-color: inherit;// Important property\n}\n\n\n.color__radio input:checked + label:before {\n border-color: #d2d2d2;\n}\n// Color End\n\n\n// Size\n// div\n.size__radio {\n position: relative;\n margin: 0 12px 12px 0;\n}\n\n\n\n.size__radio {\n [type=\"radio\"] {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n z-index: 2;\n opacity: 0;\n cursor: pointer;\n }\n}\n\n.size__radio-label {\n border: 1px solid rgba(0,0,0,0.08);\n padding: 7px 15px;\n background-color: $g-white;\n font-size: 13px;\n color: $g-brand-secondary-color;\n cursor: pointer;\n display: inline-block;\n}\n\n.size__radio input:checked + label {\n border-color: $g-brand-secondary-color;\n}\n\n\n// ul policy\n.pd-detail__policy-list {\n margin: 0;\n padding-left: 26px;\n font-size: 14px;\n list-style: none;\n > li {\n i {\n color:#009444;\n }\n span {\n color: $g-text-color;\n }\n }\n}\n\n\n// Tab\n.pd-tab__list {\n margin: 0;\n border-bottom: 2px solid #e7e7e7;\n > li {\n margin-bottom: -2px;// For border\n > a {\n padding: 10px 0;\n color: $g-brand-secondary-color;\n font-size: 14px;\n font-weight: 700;\n border-bottom: 2px solid transparent;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n letter-spacing: .01rem;\n transition: all .3s;\n span {\n margin-left: 2px;\n font-size: 12px;\n }\n\n &.active {\n color: $g-black;\n border-color: $g-black;\n }\n }\n + li {\n margin-left: 28px;\n }\n }\n}\n.pd-tab__desc,.pd-tab__tag {\n max-width: 691px;\n}\n\n.pd-tab__desc {\n\n p {\n color: $g-brand-secondary-color;\n font-size: 16px;\n line-height: 2;\n }\n\n ul {\n margin: 0;\n padding-left: 16px;\n list-style: none;\n > li {\n margin-bottom: 7px;\n color: $g-brand-secondary-color;\n font-size: 14px;\n }\n }\n\n h4 {\n color: $g-brand-secondary-color;\n font-size: 16px;\n font-weight: 700;\n line-height: 1.4;\n }\n\n .pd-table {\n overflow: auto;\n table {\n width: 100%;\n border-radius: 2px;\n border: 1px solid #eee;\n border-collapse: collapse;\n }\n tbody {\n tr {\n border-bottom: 1px solid #eee;\n }\n td {\n font-size: 14px;\n color: $g-text-color;\n padding: 12px;\n }\n\n td:first-child {\n color: $g-brand-secondary-color;\n font-weight: 600;\n }\n }\n }\n}\n\n\n\n.pd-tab__tag {\n h2 {\n font-size: 16px;\n font-weight: 700;\n color: $g-brand-secondary-color;\n line-height: 1.18;\n }\n\n form {\n width: 100%;\n .btn {\n font-size: 13px;\n font-weight: 600;\n border: 0;\n height: 48px;\n padding: 17px 18px;\n }\n .input-text {\n height: 48px;\n margin-right: 8px;\n width: 50%;\n }\n }\n\n\n\n}\n\n// Form\n.pd-tab__rev-f1 {\n width: 100%;\n}\n\n\n// Score Mark\n.pd-tab__rev-score {\n padding: 40px 0;\n text-align: center;\n background-color: #f6f6f6;\n\n h2 {\n font-size: 16px;\n font-weight: 600;\n line-height: 0.875;\n color: $g-brand-secondary-color;\n }\n\n h4 {\n font-size: 14px;\n font-weight: 700;\n line-height: 0.875;\n color: $g-brand-secondary-color;\n }\n}\n\n// Group\n.rev-f1__group {\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n h2 {\n font-size: 16px;\n font-weight: 700;\n color: $g-brand-secondary-color;\n line-height: 1.18;\n }\n\n .select-box {\n border-radius: rem(6);\n }\n}\n\n// Review Wrap\n.rev-f1__review {\n max-width: 691px;\n}\n\n.review-o {\n padding: rem(16) 0;\n border-bottom: 1px solid #f0f0f0;\n}\n\n.review-o__name {\n font-size: 14px;\n font-weight: 600;\n color: $g-brand-secondary-color;\n}\n.review-o__date {\n margin-left: 6px;\n font-size: 11px;\n font-weight: 600;\n color: $g-text-color;\n}\n\n.review-o__rating {\n span {\n margin-left: 2px;\n font-size: 11px;\n font-weight: 600;\n color: $g-text-color;\n }\n}\n\n.review-o__text {\n font-size: 13px;\n color: $g-text-color;\n}\n\n\n// Form-2\n.pd-tab__rev-f2 {\n width: 100%;\n\n h2 {\n font-size: 32px;\n color: $g-brand-secondary-color;\n line-height: 0.90;\n }\n\n .input-text,.text-area {\n width: 100%;\n }\n\n .text-area {\n height: rem(250);\n }\n\n .btn {\n font-weight: 600;\n padding: 16px 46px;\n }\n}\n\n.rev-f2__table-wrap {\n overflow: auto;\n}\n\n\n.rev-f2__table {\n width: 100%;\n table-layout: fixed;\n text-align: center;\n border-collapse: collapse;\n border: 1px solid #dee2e6;\n\n th,td {\n padding: 16px 4px;\n border: 1px solid #d6d6d6;\n }\n th {\n width: 120px;\n color: $g-brand-secondary-color;\n background-color: #f0f0f0;\n font-size: 13px;\n span {\n margin-top: 2px;\n display: block;\n font-size: 11px;\n color: $g-brand-secondary-color;\n }\n }\n}\n\n\n.rev-f2__group {\n display: flex;\n flex-wrap: nowrap;\n div {\n flex:1;\n margin-right: 14px;\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n\n\n\n\n@media (max-width:991px) {\n .pd-text {\n display: none;\n }\n .zoomContainer {\n display: none;\n }\n\n .rev-f2__group {\n display: block;\n div {\n display: block;\n margin-right: 0;\n }\n }\n\n}\n@media (max-width:575px) {\n .pd-detail-inline-2 {\n display: block;\n div {\n display: block;\n margin-right: 0;\n }\n }\n\n .rev-f1__group {\n display: block;\n }\n\n }\n\n"
},
{
"path": "scss/pages/_shop.scss",
"content": "// -----------------------------------------------------------------------------\n// This file contains styles that are specific to the shop pages.\n// -----------------------------------------------------------------------------\n/*--------------------------------------------------------------\n#{$s}\n--------------------------------------------------------------*/\n\n// Widget Master\n.shop-w-master {\n\n\n &__heading {\n font-size: 18px;\n color: $g-brand-secondary-color;\n font-weight: 700;\n line-height: 20px;\n }\n\n\n\n}\n\n\n.sidebar--bg-snow {\n background-color: #f9f9f9;\n}\n\n\n\n.shop-w {\n &--style {\n border: 1px solid #f1f1f1;\n background-color: $g-white;\n box-shadow: 0 6px 15px 0 rgba(36, 37, 38, 0.08);\n }\n\n &__intro-wrap {\n position: relative;\n }\n\n &__h {\n font-size: 14px;\n padding: 14px 18px;\n border-bottom: 1px solid #efefef;\n color: $g-brand-secondary-color;\n font-weight: 700;\n line-height: 20px;\n }\n\n &__wrap {\n padding: 14px;\n }\n}\n\n.shop-w__toggle.collapsed {\n &:before {\n content: \"\\F067\";\n }\n}\n\n\n.shop-w__toggle {\n position: absolute;\n top: 50%;\n padding: 8px 12px;\n background-color: transparent;\n transform: translateY(-50%);\n right: 10px;\n font-size: 12px;\n cursor: pointer;\n color: #444;\n}\n\n\n\n\n\n\n\n\n// Shop widget Global Recursive List\n.shop-w {\n ul {\n margin: 0;\n padding-left: 0;\n list-style: none;\n }\n}\n\n// Shop widget Official List\n.shop-w__list {\n overflow: auto;\n max-height: 290px;\n > li {\n position: relative;// Important property because of span (.shop-w__total-text)\n padding: 8px 16px;\n }\n}\n\n\n// Shop widget Official List with Hidden checkboxes\n.shop-w__list-2 {\n overflow: auto;\n max-height: 290px;\n > li {\n padding: rem(4) 0;\n position: relative;// Important property because of span (.shop-w__total-text)\n }\n}\n\n.list__content {\n position: relative;\n [type=\"checkbox\"] {\n position: absolute;\n left: 0;\n top: 0;\n min-width: 16px;\n width: 100%;\n height: 100%;\n z-index: 2;\n opacity: 0;\n cursor: pointer;\n }\n\n span {\n padding: 8px 16px;\n display: block;\n font-size: 14px;\n transition: background-color 110ms ease-in-out,color 110ms ease-in-out;\n color: $g-text-color;\n }\n}\n\n.list__content:hover {\n span {\n color: $g-brand-secondary-color;\n background-color: #ececec;\n border-radius: .5rem;\n }\n}\n\n.list__content input:checked + span {\n background-color: #ececec;\n color: $g-brand-secondary-color;\n border-radius: .5rem;\n}\n\n\n\n.shop-w__total-text {\n font-size: 11px;\n position: absolute;\n cursor: pointer;\n top: 50%;\n transform: translateY(-50%);\n color: $g-brand-secondary-color;\n right: 13px;\n}\n\n// Category list\n.shop-w__category-list {\n overflow: auto;\n max-height: 290px;\n > li {\n padding: 4px 14px;\n > a {\n font-size: 14px;\n color: $g-brand-secondary-color;\n transition: color 110ms ease-in-out;\n &:hover {\n color: $g-brand-color;\n }\n }\n // Recursive only : Apply to only list item that has '.has-list' class\n ul {\n .has-list {\n > a {\n font-size: 13px;\n font-weight: 700;\n color: $g-brand-secondary-color;\n }\n }\n }\n\n ul {\n display: none;\n padding-left: 8px;\n li {\n // padding: 4px 0;\n a {\n font-size: 13px;\n color: $g-text-color;\n transition: color 110ms ease-in-out;\n &:hover {\n color: $g-brand-color;\n }\n }\n }\n }\n\n }\n}\n\n.has-list {\n position: relative;\n}\n\n.category-list__text {\n font-size: 10px;\n color: #a0a0a0;\n}\n\n.js-shop-category-span {\n cursor: pointer;\n font-size: 13px;\n color: #444;\n transition: color 110ms ease-in-out;\n &:hover {\n color: $g-black;\n }\n}\n\n.js-shop-category-span.is-expanded {\n &:before {\n content: '\\f068';\n }\n}\n\n\n\n// Price\n.shop-w__form-p-wrap {\n display: flex;\n flex-wrap: wrap;\n padding: 8px 0;\n\n div {\n margin-right: 8px;\n margin-bottom: 12px;\n &:last-child {\n margin-right: 0;\n }\n }\n\n .input-text,.btn {\n height: 40px;\n padding: 8px;\n border-radius: 2px;\n }\n\n .input-text {\n width: 80px;\n }\n\n .btn {\n width: 40px;\n }\n\n }\n\n// Color Checkbox\n// div\n.color__check {\n position: relative;\n line-height: 1.89;\n margin-right: 36px;// Same as before and after width\n display: inline-block;// Very Very Important property\n}\n\n.color__check {\n [type=\"checkbox\"] {\n position: absolute;\n left: 0;\n top: 0;\n min-width: 30px;// Width of the default hidden radio\n width: 100%;\n height: 100%;\n z-index: 2;\n opacity: 0;\n cursor: pointer;\n }\n}\n// label\n.color__check-label {\n position: initial;// Which is by default static\n display: inline-block;// Very Very Important property\n}\n\n.color__check-label:before,.color__check-label:after {\n content: '';\n width: 30px;\n height: 30px;\n display: block;\n border: 2px solid transparent;\n z-index: 0;\n position: absolute;\n left: 0;\n top: 0;\n}\n\n.color__check-label:after {\n transform: scale(0.6);\n background-color: inherit;// Important property\n}\n\n.color__check input:checked + label:before {\n border-color: #d2d2d2;\n}\n// Color End\n\n\n// Div Rating Radio\n.rating__check {\n position: relative;\n cursor: pointer;\n [type=\"checkbox\"] {\n position: absolute;\n left: 0;\n top: 0;\n min-width: 16px;// Width of the default hidden radio\n width: 100%;\n height: 100%;\n z-index: 2;\n opacity: 0;\n cursor: pointer;\n }\n}\n\n// div with 'i' icons\n.rating__check-star-wrap {\n > i {\n margin-left: 2px;\n color: #ff4500;\n transition: color .4s ease-in-out;\n &:first-child {\n margin-left: 0;\n }\n }\n\n span {\n font-size: 12px;\n color: $g-brand-secondary-color;\n margin-right: 2px;\n }\n}\n\n.rating__check:hover {\n .rating__check-star-wrap {\n > i {\n color: #ff9600;\n }\n }\n}\n\n// Checked\n.rating__check input:checked {\n + .rating__check-star-wrap {\n > i {\n color: #ff9600;\n }\n }\n}\n\n\n\n// Shop Option\n\n.shop-p__meta-wrap {\n box-shadow: 0 8px 16px rgba(0,0,0,.15);\n padding: 20px;\n border-radius: rem(10);\n}\n\n\n.shop-p__meta-text-1 {\n display: block;\n font-size: 14px;\n margin-bottom: 6px;\n font-weight: 700;\n color: $g-brand-secondary-color;\n}\n//div\n.shop-p__meta-text-2 {\n font-size: 14px;\n font-weight: 700;\n color: $g-text-color;\n}\n\n\n\n.shop-p__tool-style {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n\n\n.tool-style__group {\n display: flex;\n flex-wrap: wrap;// Multi-line\n span {\n position: relative;\n display: inline-block;\n height: 40px;\n cursor: pointer;\n border: 2px solid #e5e5e5;\n font-size: 13px;\n padding: 8px 18px;\n font-weight: 700;\n color: $g-brand-secondary-color;\n &:hover {\n background-color: rgba($g-brand-color,.12);\n color: $g-brand-color;\n border-color: $g-brand-color;\n z-index: 2;\n }\n }\n\n // Apply only on those spans which are not last-child\n span:not(:last-child) {\n margin-right: -2px;\n }\n\n span.is-active {\n background-color: rgba($g-brand-color,.12);\n color: $g-brand-color;\n border-color: $g-brand-color;\n z-index: 2;\n }\n}\n\n\n.tool-style__form-wrap {\n display: flex;\n align-items: center;\n\n div + div {\n margin-left: 15px;\n }\n\n select {\n border-radius: .25rem;\n }\n}\n\n\n\n// Product Grid Styles\n.is-grid-active {\n .product-m {\n position: relative; // For hover div\n margin-bottom: 30px;\n transition: 0.3s;\n\n //\n &__thumb {\n position: relative; // For Cart Button/ Quick Look\n }\n\n // Add Cart\n &__add-cart {\n position: absolute;\n bottom: 15px;\n left: 15px;\n right: 15px;\n opacity: 0;\n visibility: hidden;\n transition: 0.3s;\n > a {\n padding: 12px;\n border-radius: rem(2);\n font-size: 13px;\n width: 100%;\n text-align: center;\n display: block;\n }\n }\n\n &__quick-look {\n position: absolute;\n top: 8px;\n right: 22px;\n opacity: 0;\n visibility: hidden;\n transition: 0.3s;\n > a {\n font-size: 16px;\n color: $g-brand-color;\n transition: color 110ms ease-in-out;\n &:hover {\n color: #a0a0a0;\n }\n }\n }\n\n &__content {\n padding: 4px 16px 6px;\n }\n\n &__category {\n margin-bottom: 2px;\n line-height: 1.2;\n > a {\n color: #a0a0a0;\n transition: color 0.5s;\n font-size: 12px;\n &:hover {\n color: $g-brand-color;\n }\n }\n }\n\n &__name {\n > a {\n color: $g-brand-secondary-color;\n font-size: 14px;\n font-weight: 600;\n transition: color 0.5s;\n &:hover {\n color: $g-brand-color;\n }\n }\n }\n\n &__price {\n line-height: 1.2;\n color: $g-brand-secondary-color;\n font-size: 14px;\n font-weight: 600;\n }\n\n &__discount {\n font-weight: 600;\n margin-left: 30px;\n color: $g-brand-color;\n font-size: 14px;\n text-decoration: line-through;\n }\n\n &__rating {\n margin-bottom: 6px;\n i {\n font-size: 12px;\n }\n }\n\n &__review {\n margin-left: 4px;\n font-size: 11px;\n color: #a0a0a0;\n }\n\n &__hover {\n position: absolute;\n top: 96%;\n width: 100%;\n z-index: 9;\n padding: 4px 16px 14px;\n left: 0;\n background: $g-white;\n box-shadow: 0 6px 7px 0 rgba(0, 0, 0, 0.2); // x-offset y-offset blur spread\n transition: all 300ms ease-in-out;\n opacity: 0;\n visibility: hidden;\n }\n\n // Span inline\n &__wishlist {\n text-align: right;\n a {\n font-size: 16px;\n color: #a0a0a0;\n transition: color 110ms ease-in-out;\n &:hover {\n color: $g-brand-color;\n }\n }\n }\n\n &__preview-description {\n margin-bottom: 8px;\n font-size: 12px;\n color: $g-text-color;\n }\n\n }\n}\n\n.is-grid-active {\n .product-m:hover {\n box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);\n .product-m__add-cart {\n opacity: 1;\n visibility: visible;\n }\n\n .product-m__quick-look {\n opacity: 1;\n visibility: visible;\n }\n\n .product-m__hover {\n top: 99%;\n opacity: 1;\n visibility: visible;\n }\n }\n}\n\n// Product List Styles\n// default has flex\n.is-list-active {\n display: block;\n [class*=\"col-\"] {\n // default has position relative property\n display: block;// default has flex with hard coded max-width\n max-width: 100%;\n width: 100%;\n}\n}\n\n.is-list-active {\n .product-m {\n padding: 15px 0;\n transition: 0.3s;\n display: flex;\n flex-wrap: wrap;\n\n &__thumb {\n position: relative; // For Cart /Quick Look Button\n flex: 0 0 33.33333%;// col-4\n max-width: 33.33333%;// col-4\n padding-right: 15px;\n padding-left: 15px;\n }\n\n // Add Cart\n &__add-cart {\n position: absolute;\n bottom: 15px;\n left: 15px;\n right: 15px;\n opacity: 0;\n visibility: hidden;\n transition: 0.3s;\n > a {\n padding: 12px;\n border-radius: rem(2);\n font-size: 13px;\n width: 100%;\n text-align: center;\n display: block;\n }\n }\n\n &__quick-look {\n position: absolute;\n top: 8px;\n right: 22px;\n opacity: 0;\n visibility: hidden;\n transition: 0.3s;\n > a {\n font-size: 16px;\n color: $g-brand-color;\n transition: color 110ms ease-in-out;\n &:hover {\n color:darken($g-brand-color,1%);\n }\n }\n }\n\n\n &__content {\n position: relative;// For add to wishlist\n flex: 0 0 66.66667%;// col-8\n max-width: 66.66667%;// col-8\n padding-right: 15px;\n padding-left: 15px;\n }\n\n\n\n &__category {\n margin-bottom: 2px;\n line-height: 1.2;\n > a {\n color: #a0a0a0;\n transition: color 0.5s;\n font-size: 12px;\n &:hover {\n color: $g-brand-color;\n }\n }\n }\n\n &__name {\n > a {\n color: $g-brand-secondary-color;\n font-size: 14px;\n font-weight: 600;\n transition: color 0.5s;\n &:hover {\n color: $g-brand-color;\n }\n }\n }\n\n &__price {\n margin-bottom: 8px;\n line-height: 1.2;\n color: $g-brand-secondary-color;\n font-size: 14px;\n font-weight: 600;\n }\n\n &__discount {\n font-weight: 600;\n margin-left: 30px;\n color: $g-brand-color;\n font-size: 14px;\n text-decoration: line-through;\n }\n\n &__rating {\n margin-bottom: 6px;\n i {\n font-size: 12px;\n }\n }\n\n &__review {\n margin-left: 4px;\n font-size: 11px;\n color: #a0a0a0;\n }\n\n\n &__preview-description {\n font-size: 12px;\n color: $g-text-color;\n }\n\n // Span inline\n &__wishlist {\n position: absolute;\n right: 12px;\n bottom:13px;\n a {\n font-size: 16px;\n color: #a0a0a0;\n transition: color 110ms ease-in-out;\n &:hover {\n color: $g-brand-color;\n }\n }\n }\n\n }\n}\n\n.is-list-active {\n .product-m:hover {\n background: $g-white;\n border-radius: rem(3);\n box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);\n .product-m__add-cart {\n opacity: 1;\n visibility: visible;\n }\n\n .product-m__quick-look {\n opacity: 1;\n visibility: visible;\n }\n }\n}\n\n\n// Shop Pagination\n.shop-p__pagination {\n margin: 0;\n padding: 0;\n list-style: none;\n justify-content: center;\n display: flex;\n align-items: center;\n > li {\n margin-right: 14px;\n &:last-child {\n margin-right: 0;\n }\n > a {\n width: 42px;\n text-align: center;\n height: 42px;\n line-height: 42px;\n font-size: 12px;\n display: block;\n // border: 1px solid #;\n font-weight: 600;\n border-radius: 50%;\n background-color: transparent;\n color: $g-brand-secondary-color;\n }\n }\n\n > li.is-active {\n > a {\n background-color: #f7f7f7;\n }\n }\n\n > li:not(.is-active) {\n > a:hover {\n color: $g-brand-color;\n text-decoration: underline;\n }\n }\n}\n\n\n// Shop Side Filters and overlay\n\n.shop-a {\n &__wrap {\n position: fixed;\n top: 0;\n width: 350px;\n min-height: 100vh;\n bottom: 0;\n z-index: 9999;\n right: 0;\n transition: all 400ms ease-out;\n transform: translate(200px, 0);\n box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.09);\n background-color: $g-white;\n visibility: hidden;\n opacity: 0;\n }\n\n &__inner {\n overflow: auto;\n height: 100%;\n padding: rem(20) rem(18);\n }\n}\n.shop-a.is-open {\n .shop-a__wrap {\n transform: translate(0, 0);\n visibility: visible;\n opacity: 1;\n }\n}\n\n@media(max-width:575px) {\n .is-list-active {\n .product-m {\n &__thumb {\n margin-bottom: 30px;\n flex: 0 0 100%;\n max-width: 100%;\n }\n\n &__content {\n flex: 0 0 100%;\n max-width: 100%;\n }\n\n // Span inline\n &__wishlist {\n position: static;\n text-align: right;\n }\n }\n\n }\n\n .shop-p__tool-style {\n display: block;\n }\n .tool-style__form-wrap {\n display: block;\n div + div {\n margin-left: 0;\n }\n }\n}\n"
},
{
"path": "scss/pages/_sign-in-up-lost.scss",
"content": "// -----------------------------------------------------------------------------\n// This file contains styles that are specific to the sign-in-up page.\n// -----------------------------------------------------------------------------\n/*--------------------------------------------------------------\n#{$n}\n--------------------------------------------------------------*/\n\n\n\n// Sign-up\n.l-f-o {\n border: 1px solid #eee;\n\n &__pad-box {\n padding: 20px;\n }\n\n // Apply to these components\n &__form {\n width: 100%;\n }\n\n .input-text,.btn,.select-box {\n border-radius: 6px;\n }\n\n .input-text {\n width: 100%;\n }\n\n .btn {\n font-weight: 600;\n padding: 12px 18px;// Noted\n }\n\n &__create-link {\n font-size: 13px;\n text-align: center;\n padding: 12px;\n display: block;\n font-weight: 600;\n border-radius: 6px;\n }\n\n\n\n\n\n}"
},
{
"path": "scss/utility.scss",
"content": "// -----------------------------------------------------------------------------\n// This file contains all CSS utility classes for spacing.\n// -----------------------------------------------------------------------------\n@import 'abstracts/mixins';\n\n/**\n * Utility classes for spacing:\n * A wide range of shorthand margin and padding utility classes to modify an\n * an element appearance.\n * Prefix understanding: u means utility which is a prefix for root namespace,\n * s means spacing which is a prefix for sub namespace, m means margin,\n * p means padding. e.g. `u-s-m-t-22` means apply top margin 22 pixels that by default converted to rem unit.\n */\n@include utility-margin-padding($g-attribute, $g-sides);"
},
{
"path": "scss/vendors-extensions/_all.scss",
"content": "// -----------------------------------------------------------------------------\n// `all.scss` is just typical import file that contains all code base of\n// the directory.\n// -----------------------------------------------------------------------------\n\n/*--------------------------------------------------------------\n#{$t}\n--------------------------------------------------------------*/\n/*--------------------------------------------------------------\n#{$t-1}\n--------------------------------------------------------------*/\n@import 'bootstrap';\n/*--------------------------------------------------------------\n#{$t-2}\n--------------------------------------------------------------*/\n@import 'jquery.shopNav/dropdown';\n@import 'jquery.shopNav/extensions/mega';\n@import 'jquery.shopNav/extensions/mini-cart';\n/*--------------------------------------------------------------\n#{$t-3}\n--------------------------------------------------------------*/\n@import 'owl-carousel';\n/*--------------------------------------------------------------\n#{$t-4}\n--------------------------------------------------------------*/\n@import 'jquery.scrollup';\n/*--------------------------------------------------------------\n#{$t-5}\n--------------------------------------------------------------*/\n@import 'slick';\n\n"
},
{
"path": "scss/vendors-extensions/_bootstrap.scss",
"content": "// -----------------------------------------------------------------------------\n// This file contains all Bootstrap override styles.\n// -----------------------------------------------------------------------------\n\n/* Modal styles */\n.modal {\n z-index: 999999;\n}\n // Every Modal has custom width\n\n.modal-content {\n display: block !important;\n border: none;\n border-radius: 0;\n}\n\n.modal--radius {\n border-radius: 8px;\n}\n\n.modal--shadow {\n box-shadow: 0 2px 10px rgba(0,0,0,0.45);\n}\n\n/* Tootip styles */\n.tooltip {\n font-family: $g-text-font-stack;\n// font-weight: 400; Regular\n // Default font-size is 14px\n font-size: 12px;\n font-weight: 600;\n}\n\n.tooltip.show {\n opacity: 1;\n}\n\n\n.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=\"top\"] .arrow::before {\n border-top-color: #f5f5f5;\n}\n\n.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=\"right\"] .arrow::before {\n border-right-color: #f5f5f5;\n}\n\n.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=\"bottom\"] .arrow::before {\n border-bottom-color: #f5f5f5;\n}\n\n.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=\"left\"] .arrow::before {\n border-left-color: #f5f5f5;\n}\n\n.tooltip-inner {\n color: $g-brand-secondary-color;\n background-color: #f5f5f5;\n border-radius: 2px;\n}\n\n\n\n@media (max-width:991px) {\n .tooltip.show {\n opacity: 0;\n }\n}\n"
},
{
"path": "scss/vendors-extensions/_jquery.scrollup.scss",
"content": "// -----------------------------------------------------------------------------\n// This file contains all JqueryScrollUp override styles.\n// -----------------------------------------------------------------------------\n\n/* ScrollUp Custom */\n#topScroll {\n right: 24px;\n bottom: 60px;\n width: 50px;\n height: 50px;\n line-height: 50px;\n box-shadow: 2px 2px 4px 4px rgba(36, 37, 38, 0.08);\n background-color: $g-white;\n color: $g-brand-secondary-color;\n font-size: 18px;\n text-align: center;\n}\n\n"
},
{
"path": "scss/vendors-extensions/_owl-carousel.scss",
"content": "// -----------------------------------------------------------------------------\n// This file contains all owl-carousel override styles.\n// -----------------------------------------------------------------------------\n\n.slider-fouc {\n display: none;\n}\n\n.s-skeleton {\n position: relative;\n\n\n &--h-600 {\n min-height: 600px;\n }\n &--h-640 {\n min-height: 640px;\n }\n\n &--bg-grey {\n background-color: $g-card-bg-color;\n }\n\n &--bg-black {\n background-color: $g-black;\n }\n .owl-carousel {\n position: static;// All dots or prev/next now relative to s-skeleton\n }\n}\n\n\n\n// Slider 1\n.primary-style-1 {\n .hero-slide {\n height: 600px;\n display: flex;\n align-items: center; // Vertical Center slider-content\n //justify-content: center; // Horizontal center\n }\n}\n\n// Slider 2\n.primary-style-2 {\n .hero-slide {\n height: 600px;\n display: flex;\n align-items: center; // Vertical Center slider-content\n }\n}\n\n// Slider 3\n.primary-style-3 {\n .hero-slide {\n height: 640px;\n }\n}\n\n.primary-style-3-wrap {\n position: absolute;\n bottom: 120px;\n z-index: 1;\n width: 100%;\n}\n\n\n\n// Global\n.hero-slide {\n // These below styles apply to all sliders\n background: center center/cover no-repeat;// position size repeat\n\n &--1 {\n background-image: url('../images/slider/slide-1.jpg');\n }\n &--2 {\n background-image: url('../images/slider/slide-2.jpg');\n }\n &--3 {\n background-image: url('../images/slider/slide-3.jpg');\n }\n\n &--4 {\n background-image: url('../images/slider/slide-4.jpg');\n }\n\n &--5 {\n background-image: url('../images/slider/slide-5.jpg');\n }\n\n &--6 {\n background-image: url('../images/slider/slide-6.jpg');\n }\n\n &--7 {\n background-image: url('../images/slider/slide-7.jpg');\n }\n &--8 {\n background-image: url('../images/slider/slide-8.jpg');\n }\n &--9 {\n background-image: url('../images/slider/slide-9.jpg');\n }\n\n}\n\n\n\n\n\n\n\n\n\n// Owl-dots global\n.owl-carousel {\n .owl-dots {\n position: absolute;\n }\n\n // button\n button.owl-dot {\n &:focus {\n outline:0;\n }\n }\n}\n\n\n// Owl-dots\n.owl-carousel.primary-style-1 {\n .owl-dots {\n top: 50%;\n transform: translateY(-50%);\n right:40px;\n }\n // button\n button.owl-dot {\n width:14px;\n height:14px;\n border-radius: 50%;\n display:block;\n margin-bottom:6px;\n background: #e1e1e1;\n transition: background 0.8s ease-out;\n &:last-child {\n margin-bottom:0;\n }\n &.active,&:hover {\n background: transparent linear-gradient(-180deg, $g-brand-color 0%, lighten($g-brand-color,10%) 100%);\n }\n }\n}\n\n// Owl-dots\n.owl-carousel.primary-style-2 {\n .owl-dots {\n width:100%;\n text-align:center;\n bottom:20px;\n }\n // button\n button.owl-dot {\n width:11px;\n height:11px;\n display:inline-block;\n margin-right:4px;\n border-radius:50%;\n background-color: #7f7f7f;\n transition: background 0.8s ease-out;\n &:last-child {\n margin-right:0;\n }\n &.active,&:hover {\n background-color: $g-white;\n }\n }\n}\n\n\n.primary-style-2-container {\n width: 100%;\n padding-right: 15px;\n padding-left: 15px;\n margin-right: auto;\n margin-left: auto;\n}\n\n@media (min-width: 576px) {\n .primary-style-2-container {\n max-width: 540px;\n }\n}\n\n@media (min-width: 768px) {\n .primary-style-2-container {\n max-width: 720px;\n }\n}\n\n@media (min-width: 992px) {\n .primary-style-2-container {\n max-width: 960px;\n }\n}\n\n\n\n// Owl-dots\n.owl-carousel.primary-style-3 {\n .owl-dots {\n top: 50%;\n transform: translateY(-50%);\n right:40px;\n }\n // button\n button.owl-dot {\n width: 5px;\n height: 32px;\n display:block;\n margin-bottom:6px;\n background-color: #f3f3f3;\n transition: background 0.8s ease-out;\n &:last-child {\n margin-bottom:0;\n }\n &.active,&:hover {\n background-color: $g-brand-color;\n }\n }\n}\n\n.owl-carousel#testimonial-slider {\n\n .owl-dots {\n width:100%;\n text-align:center;\n bottom:-30px;\n }\n\n button.owl-dot {\n width:11px;\n height:11px;\n display:inline-block;\n border: 1px solid $g-brand-secondary-color;\n margin-right:4px;\n border-radius:50%;\n background-color: transparent;\n transition: background 0.8s ease-out;\n &:last-child {\n margin-right:0;\n }\n &.active,&:hover {\n background-color: $g-brand-secondary-color;\n }\n }\n}\n\n\n\n\n\n\n\n\n\n.content-span-1 {\n font-size: rem(20); // line-height golden ration 20 * 1.5 = 30\n font-weight: 700;\n display: block; // Animation only apply on block elements\n }\n\n.content-span-2 {\n font-weight: 700;\n font-size: rem(52); // line-height golden ration 52 * 1.5 = 78\n display: block;\n }\n\n.content-span-3 {\n display: block;\n font-size: rem(14); // 14 * 1.5 = 21\n margin-bottom: 8px;\n }\n\n.content-span-4 {\n display: block;\n font-weight: 600;\n font-size: rem(14);\n margin-bottom: 20px;\n span {\n font-weight: 700;\n margin-left: 4px;\n font-size: rem(22);\n }\n}\n\n.shop-now-link {\n padding: 18px 53px;\n font-size: rem(12);\n position: relative;\n transition: background 0.3s;\n text-align: center;\n border-radius: 6px;\n display: inline-block;\n }\n\n\n\n\n\n\n\n// Animation styles\n.owl-item {\n .slider-content--animation * {\n animation-duration: 1s;\n animation-fill-mode: both;\n }\n\n &.active {\n .content-span-1 {\n animation-delay: 0.5s;\n animation-name: fadeInLeft;\n }\n\n .content-span-2 {\n animation-delay: 1s;\n animation-name: fadeInLeft;\n }\n\n .content-span-3 {\n animation-delay: 1.5s;\n animation-name: fadeInLeft;\n }\n\n .content-span-4 {\n animation-delay: 1.5s;\n animation-name: fadeInLeft;\n }\n\n .shop-now-link {\n animation-delay: 2s;\n animation-name: fadeInLeft;\n }\n }\n}\n\n\n\n// Product Slider\n.product-slider,.tab-slider {\n position: static;\n .owl-item:hover {\n z-index: 2;\n }\n}\n\n\n\n/* Products-Slider (Previous & Next Buttons) */\n.section__content:hover {\n .p-prev,.t-prev,.p-next,.t-next {\n opacity: 1;\n }\n}\n\n// Half Circle 72/2 = 36\n// Global\n.p-prev,.p-next {\n text-align: center;\n box-shadow: 0 6px 15px 5px rgba(36, 37, 38, 0.08);\n z-index: 1;\n cursor: pointer;\n display: inline-block;\n position: absolute;\n top: 0;\n bottom: 0;\n height: 72px;\n line-height: 72px;\n width: 36px;\n background-color: $g-white;\n margin: auto 0;\n transition: opacity .6s ease-in,background-color .6s ease-in;\n opacity: 0;\n > i {\n font-size: 14px;\n color: $g-brand-secondary-color;\n display: block;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n }\n\n}\n\n.p-prev {\n left: 0;\n border-bottom-right-radius: 90px;\n border-top-right-radius: 90px;\n > i {\n left: 6px;\n }\n}\n\n.p-next {\n right: 0;\n border-bottom-left-radius: 90px;\n border-top-left-radius: 90px;\n > i {\n right: 6px;\n }\n}\n\n\n\n// Tab Slider\n.t-prev,.t-next {\n text-align: center;\n z-index: 1;\n display: inline-block;\n box-shadow: 0 6px 15px 5px rgba(36, 37, 38, 0.08);\n background-color: $g-white;\n position: absolute; // Makes relative\n top: 0;\n bottom: 0;\n cursor: pointer;\n height: 36px;\n line-height: 36px;\n width: 36px;\n margin: auto 0;\n transition: opacity .6s ease-in;\n opacity: 0;\n > i {\n font-size: 14px;\n color: $g-brand-secondary-color;\n display: block;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n }\n\n}\n\n.t-prev {\n left: 0;\n border-bottom-right-radius: 90px;\n border-top-right-radius: 90px;\n > i {\n left: 10px;\n }\n}\n\n.t-next {\n right: 0;\n border-bottom-left-radius: 90px;\n border-top-left-radius: 90px;\n > i {\n right: 10px;\n }\n}\n\n\n\n\n\n\n// Brand Slider\n#brand-slider {\n .owl-stage {\n margin: rem(20) 0;\n }\n}\n\n// div\n.brand-slide {\n width: 155px;\n height: 60px;\n margin: 0 auto;\n a {\n display: block;\n background-color: $g-white;\n transition: all .3s;\n &:hover {\n box-shadow: 2px 3px 8px 0 rgba(0,0,0,0.2);\n }\n }\n}\n\n\n\n.b-prev,.b-next {\n text-align: center;\n z-index: 1;\n display: inline-block;\n position: absolute; // Makes relative to container\n top: 0;\n cursor: pointer;\n bottom: 0;\n height: 36px;\n line-height: 36px;\n width: 36px;\n box-shadow: 0 6px 15px 5px rgba(36, 37, 38, 0.08);\n background-color: $g-white;\n margin: auto 0;\n transition: opacity .6s ease-in;\n opacity: 0;\n > i {\n font-size: 14px;\n color: $g-brand-secondary-color;\n }\n\n}\n\n.b-prev {\n left: 0;\n}\n\n.b-next {\n right: 0;\n}\n\n/* Brand-Slider (Previous & Next Buttons) */\n.section__content:hover {\n .b-prev,.b-next {\n opacity: 1;\n }\n}\n\n\n\n\n"
},
{
"path": "scss/vendors-extensions/_slick.scss",
"content": "// -----------------------------------------------------------------------------\n// This file contains all slick override styles.\n// -----------------------------------------------------------------------------\n\n\n\n.slick-slide, .slick-slide * {\n outline: none;\n}\n\n\n\n#pd-o-thumbnail {\n .slick-slide:not(.slick-current) {\n opacity: .4;\n }\n}\n\n\n#js-product-detail-modal-thumbnail {\n .slick-slide:not(.slick-current) {\n opacity: .4;\n }\n}\n\n\n// Product-Detail thumbnail slider\n.pt-prev,.pt-next {\n text-align: center;\n z-index: 1;\n display: inline-block;\n position: absolute; // Makes relative to container\n top: 0;\n cursor: pointer;\n bottom: 0;\n border-radius: 50%;\n height: 36px;\n line-height: 36px;\n width: 36px;\n margin: auto 0;\n transition: opacity ease-in-out .5s, background-color ease-in 0.3s;\n background-color: $g-white;\n opacity: 0;\n i {\n font-size: 12px;\n color: $g-black;\n }\n}\n\n.pt-prev {\n left:20px;\n}\n\n.pt-next {\n right: 20px;\n}\n\n#pd-o-thumbnail:hover {\n .pt-prev,.pt-next {\n opacity: .8;\n }\n}\n\n#js-product-detail-modal-thumbnail:hover {\n .pt-prev,.pt-next {\n opacity: .8;\n }\n}"
},
{
"path": "scss/vendors-extensions/jquery.shopNav/_dropdown.scss",
"content": "// Recursive\n.ah-list {\n margin: 0;\n padding: 0;\n li {\n list-style: none;\n }\n // Recursive\n ul {\n margin: 0;\n padding: 0;\n }\n}\n\n\n\n// Design Default Template 1 .ah-list--design1 > li > a\n .ah-list--design1 {\n > li {\n display: inline-block;\n > a {\n display: inline-block;\n font-size: 16px;// icon\n padding: 28px 18px; // padding top bottom height 80/2 =40 / 2 = 20 so + 4 = 24\n}\n}\n }\n\n\n // For Index 1\n.ah-list--link-color-secondary {\n > li {\n > a {\n color:$g-brand-secondary-color;\n }\n }\n}\n\n\n// For Index 2 / Index 3, but on tablet devices it would become secondary color\n.ah-list--link-color-white {\n > li {\n > a {\n color: $g-white;\n }\n }\n}\n\n\n\n\n// Custom Design Default Template 2 .ah-list--design1 > li > a\n.ah-list--design2 {\n > li {\n display: inline-block;\n > a {\n font-weight: 700;\n font-size: 12px;\n display: inline-block;\n padding: 31px 14px;\n }\n }\n}\n\n// Level 1 , 2 and so on recursive\n.has-dropdown > ul .has-dropdown {\n position: relative;\n}\n\n\n// Level 0\n.has-dropdown > ul {\n background-color: $g-white;\n box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.13);\n position: absolute;\n text-align: left;\n padding: 20px 0 20px; // only top bottom\n z-index: 999;\n white-space: nowrap;\n transition: all 0.3s ease;\n top:120%; // increment increase distance from item (means bottom)\n opacity: 0;\n visibility: hidden;\n > li {\n > a {\n display: block;\n padding: 8px 20px;\n color: $g-brand-secondary-color;\n font-size: 12px;\n font-weight: 600;\n }\n }\n }\n\n\n// This class should apply on list item with class has-dropdown\n// Modifier 1: For Left Side\n.has-dropdown--ul-left-100 > ul {\n left: 100%;\n }\n\n// Modifier 2: For Right Side\n.has-dropdown--ul-right-100 > ul {\n right: 100%;\n}\n\n// Global Styles end\n\n\n// Less than\n@media (max-width: $g-mobileBreakpoint * 1px) {\n\n\t// Recursive style\n .menu-init {\n // Remove all angle downs on mobile menu\n .fa-angle-down {\n &:before {\n content: none;\n }\n }\n }\n\n\n .menu-init.js-open {\n .ah-lg-mode {\n left:0;\n transition: all .4s ease-in-out;\n }\n &:after {\n content: \"\";\n width: 100%;\n height: 100%;\n position: fixed;\n top: 0;\n left: 0;\n display: block;\n background-color: rgba(0,0,0,.7);\n z-index: 19999;\n }\n }\n\n\n\n .ah-lg-mode {\n position: fixed; // Relative to the .container\n left: -315px;// iphone 5 has total width 320px\n width: 315px;\n height: 100%;\n top: 0;\n background-color: $g-white;\n z-index: 20000;\n overflow-y: auto;\n }\n\n\n .ah-close {\n color: $g-brand-secondary-color;\n padding: 20px;\n font-size: 13px;\n font-weight: 600;\n cursor: pointer;\n display: block;\n }\n\n // For Dropdown\n .ah-list {\n > li {\n position: relative;\n display: block;\n // padding:0;\n border-top: 1px solid $g-border-color;\n > a {\n display: block;\n padding:8px 18px;\n }\n }\n > li:last-child {\n border-bottom: 1px solid $g-border-color;\n }\n\n\n\n\n // Default\n &--design1,&--design2 {\n > li {\n > a {\n font-weight: normal;\n font-size: 14px;\n }\n }\n }\n\n }\n\n\n\n .ah-list--link-color-white {\n > li {\n > a {\n color: $g-brand-secondary-color;\n }\n }\n }\n\n\n\n\n .js-menu-toggle {\n width: 21px;\n display: block;\n height: 21px;\n border-radius: 50%;\n background-color: $g-white;\n box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.13);\n position: absolute;// position relative to list item\n right: 15px;\n top:6px;// same as top-bottom padding of link\n transition: all .3s;\n cursor: pointer;\n &:after {\n font-family: 'Font Awesome 5 Free';\n content: \"\\F067\";\n position: absolute;// position relative to span\n top: 50%;\n width: 100%;\n font-weight: 900;\n color: $g-brand-secondary-color;\n display: block;\n transform: translateY(-50%);\n text-align: center;\n font-size: 8px;\n }\n\n &.js-toggle-mark {\n &:after {\n content: \"\\F068\";\n }\n }\n\n }\n\n\n // Dropdown style Level 0\n .has-dropdown > ul {\n width: 100% !important;\n box-shadow: none;\n transition: none;\n position: static;\n padding: 0 0 10px;\n opacity: 1;\n visibility: visible;\n // through jquery\n display: none;// This property is very important helps to remove transition flash of dropdown when window\n // is resize\n\n > li {\n padding: 0;\n > a {\n display: block;\n }\n }\n }\n\n\n\n\n\n\n\n // Hard coded settings for level0 mobile language , currency\n // Level 0\n .ah-list > li > ul > li > a {\n padding: 8px 36px;// 18*2 = 36px\n }\n\n .ah-list > li > ul > li > ul > li > a {\n padding: 8px 54px;//18 * 3 = 54\n }\n\n // Level 2\n .ah-list > li > ul > li > ul > li > ul > li > a {\n padding: 8px 72px;//18 * 4 = 72\n }\n\n\n\n\n}\n\n\n\n\n// Greater than\n@media (min-width: ($g-mobileBreakpoint + 1) * 1px) {\n\n .toggle-button {\n display: none;\n }\n\n .ah-close {\n display: none;\n }\n\n // Hover effect for level 0 list\n .ah-list {\n > li {\n > a:hover {\n color: $g-brand-color;\n }\n }\n }\n\n // Hover only works on desktop mode\n // Level 0\n .has-dropdown > ul {\n > li:hover {\n background-color: #fbfbfb;\n }\n }\n\n\n .has-dropdown:hover > ul {\n opacity: 1;\n visibility: visible;\n }\n\n // Level 0\n .ah-list > .has-dropdown:hover > ul {\n top: 100%; // increment increase distance from item (means bottom)\n }\n\n // after Level 0, apply on all nested dropdowns\n .has-dropdown .has-dropdown:hover > ul {\n top: 0;\n }\n\n\n\n\n\n\n // Apply only to first list items which has drop down\n .ah-list {\n // li\n > .has-dropdown:hover > a {\n color: $g-brand-color;\n }\n }\n\n // Icon settings\n .has-dropdown {\n > a {\n // It is place inside anchor element. By default computed line-height of anchor is 18px\n .fa-angle-down {\n // So anchor has line-height 18px for vertical center we also need to set the icon line-height 18px\n font-size: 10px;\n line-height: 18px;\n float: right;\n }\n }\n\n &:hover {\n > a {\n // Right\n .i-state-right:before {\n content: \"\\F105\";\n }\n }\n }\n\n }\n\n}"
},
{
"path": "scss/vendors-extensions/jquery.shopNav/extensions/_mega.scss",
"content": "/* Extension Mega Menu */\n\n// Global Styles\n\n.mega-text {\n width: 34px;\n height: 34px;\n display: inline-block;\n user-select: none;\n background-color: $g-brand-color;\n font-size: 12px;\n font-weight: 600;\n line-height: 34px;\n text-align: center;\n cursor: pointer;\n color: $g-white;\n}\n\n\n.mega-menu-list {\n > ul {\n > li {\n > a {\n display: block;\n padding: 10px 22px;\n color: $g-black;\n text-transform: uppercase;\n font-weight: 600;\n font-size: 12px;\n }\n &.js-active {\n background: linear-gradient(225deg, $g-brand-color,$g-brand-color);\n > a {\n color: $g-white;\n }\n }\n }\n }\n}\n.mega-menu-content {\n display: none;// Add class js-active through jQuery\n}\n.mega-menu-content.js-active {\n display: block;\n}\n.mega-menu-content {\n [class*=\"col-\"] {\n > ul {\n > li {\n > a {\n padding: 4px 0;\n display: block;\n color: $g-brand-secondary-color;\n font-size: 13px;\n transition: color 0.5s;\n &:hover {\n color: darken($g-brand-color, 1%);\n }\n }\n }\n }\n\n > ul {\n > .mega-list-title {\n > a {\n font-weight: 700;\n }\n }\n }\n\n }\n}\n.mega-menu-content {\n > h5 {\n font-weight: 600;\n margin: 6px 0 0;\n font-size: 12px;\n color: $g-black;\n }\n}\n\n\n\n\n\n\n\n// Less than\n@media (max-width: $g-mobileBreakpoint * 1px) {\n// Same styles that we created for portrait mode\n .toggle-mega-text {\n width: 34px;\n display: inline-block;\n height: 34px;\n user-select: none;\n background-color: $g-brand-color;\n font-size: 12px;\n font-weight: 600;\n line-height: 34px;\n text-align: center;\n cursor: pointer;\n color: $g-white;\n }\n\n\n\n// Through jQuery display:block is added\n .mega-menu {\n display: none;\n }\n\n // by default .mega-menu-wrap in portrait mode doesn't have any properties and display:block\n // behavior will apply\n\n\n .mega-menu-list {\n padding: 20px;\n border: 1px solid #f6f6f6;\n > ul {\n > li {\n position: relative;// Relative for just span toggle\n }\n }\n }\n\n\n .mega-menu-content {\n padding:20px;\n }\n\n\n\n .mega-menu-content {\n .row {\n display: block;\n }\n [class*=\"col-\"] {\n margin-bottom: 15px; // margin bottom\n max-width: 100%; // Apply to all columns\n }\n }\n\n\n .mega-image {\n display:none;\n }\n\n}\n\n// Desktop Styles Greater than\n@media (min-width: ($g-mobileBreakpoint + 1) * 1px) {\n .js-open.mega-text {\n animation: mypulse 1s;\n }\n .js-open.mega-text ~ .mega-menu {\n display: block;\n }\n\n .mega-menu {\n display: none;\n padding: 30px;\n width: 100%; // Because There are some categories which has no sub categories\n background-color: $g-white;\n box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.13);\n position: absolute;\n z-index: 998;\n top: 100%;\n }\n\n .mega-menu-wrap {\n display: flex;\n flex-wrap: nowrap;\n }\n\n .mega-menu-list {\n flex: 0 0 20%;\n max-width: 20%;\n }\n\n\n\n .mega-menu-content {\n flex: 0 0 80%;\n max-width: 80%;\n overflow-y:auto;\n padding: 0 17px;\n height: 370px;\n transition: opacity 0.5s;\n display: none;\n // Added through jQuery when hover, opacity: 0;\n // Width\n &::-webkit-scrollbar {\n width: 8px;\n }\n\n\n // Track\n &::-webkit-scrollbar-track {\n background: #eee;\n }\n\n // Handle\n &::-webkit-scrollbar-thumb {\n background: #888;\n }\n\n // Handle on hover\n &::-webkit-scrollbar-thumb:hover {\n background: #555;\n }\n\n }\n\n\n\n\n\n // Mega-Banner Hover effect\n .mega-banner {\n position: relative;\n overflow: hidden;\n img {\n transform: scale(1);\n transition: all 0.6s ease-in-out;\n }\n\n &:hover {\n img {\n transform: scale(1.1);\n }\n }\n }\n\n .mega-image {\n margin: auto 0;\n }\n\n}\n"
},
{
"path": "scss/vendors-extensions/jquery.shopNav/extensions/_mini-cart.scss",
"content": "/* Extension Mini Cart */\n.mini-cart-shop-link {\n position: relative;\n > .total-item-round {\n top: 16px;\n left: 32px;\n }\n}\n\n\n.total-item-round {\n width: 24px;\n position: absolute;\n height: 24px;\n line-height: 24px;\n border-radius: 50%;\n text-align: center;\n font-size: 11px;\n background-color: $g-brand-color;\n color: $g-white;\n}\n\n\n.mini-cart {\n //background-color: #f3f3f3;\n background-color: $g-white;\n box-shadow: -2px 0px 5px 1px rgba(0, 0, 0, 0.06);\n width: 478px;\n padding: 14px;\n position: absolute;\n transition: all 0.3s ease;\n // border-radius: 5px;\n z-index: 998;\n top: 120%; // increment increase distance from item (means bottom)\n opacity: 0;\n right: 0;\n visibility: hidden;\n}\n\n\n\n.mini-product-container {\n // place only 2 products on slot (height of 1 product is 112) so 112 + 112 + (margin-bottom of 1:22) + (padding-top:17) + (padding-top:17)\n // 112 + 112 + 22 + 17 + 17 = 280px\n max-height: 280px;\n padding: 17px;\n overflow-y: auto;\n}\n\n\n\n\n.card-mini-product {\n display: flex;\n flex-wrap: nowrap;\n align-items: center;\n justify-content: space-between;\n background-color: $g-white;\n border: 1px solid rgba(0, 0, 0, 0.08);\n padding: 15px;\n margin-bottom: 22px;\n &:last-child {\n margin-bottom: 0;\n }\n}\n\n.mini-product {\n display: flex;\n align-items: center;\n &__image-wrapper {\n margin-right: 20px;\n }\n &__link {\n background-color: $g-card-bg-color;\n display: inline-block;\n vertical-align: middle;\n width: 80px;\n height: 80px;\n img {\n display: block;\n min-width: 80px;\n }\n }\n\n &__category {\n display: block;\n > a {\n color: #a0a0a0;\n transition: color 0.5s;\n font-size: 12px;\n &:hover {\n color:$g-brand-color;\n }\n }\n }\n &__name {\n display: block;\n > a {\n color: $g-brand-secondary-color;\n font-size: 14px;\n font-weight: 600;\n transition: color 0.5s;\n &:hover {\n color:$g-brand-color;\n }\n }\n }\n\n &__quantity {\n font-size: 12px;\n margin-right: 4px;\n color: $g-brand-secondary-color;\n }\n\n &__price {\n font-size: 14px;\n font-weight: 600;\n color: $g-brand-secondary-color;\n }\n\n\n &__delete-link {\n padding: 10px;\n font-size: 16px;\n display: inline-block;\n color: $g-brand-secondary-color;\n transition: color 0.5s;\n &:hover {\n color: $g-brand-color;\n }\n }\n}\n\n\n\n\n.mini-total {\n margin-bottom: 16px;\n display: flex;\n flex-wrap: nowrap;\n justify-content: space-between;\n align-items: center;\n\n}\n.subtotal-text {\n display: block;\n font-size: 14px;\n font-weight: 600;\n color: $g-brand-secondary-color;\n}\n\n.subtotal-value {\n display: block;\n font-size: 14px;\n font-weight: 700;\n color: $g-brand-secondary-color;\n}\n\n\n.mini-link {\n display: block;\n text-align: center;\n padding: 12px 42px;\n border-radius: 6px;\n margin-bottom: 20px;\n font-weight: 700;\n font-size: 10px;\n}\n\n.mini-action {\n width: 65%;\n margin: 0 auto;\n}\n\n\n\n\n// Less than Large devices (desktops, 992px and up)\n@media (max-width: $g-mobileBreakpoint * 1px) {\n\n\n\n .mini-cart-shop-link {\n > .total-item-round {\n top: 5px;\n left:38px;\n }\n }\n\n\n\n .toggle-button-shop {\n + .total-item-round {\n top: 5px;\n right: 10px;\n }\n }\n\n\n\n\n\n\n // Dropdown style Level 0\n .has-dropdown > .mini-cart {\n width: 100% !important;\n box-shadow:none;\n // border-radius: 0;\n transition: none;\n padding: 14px;\n position: static;\n opacity: 1;\n visibility: visible;\n // through jquery\n display: none;// This property is very important helps to remove transition flash of dropdown when window\n // is resize\n }\n\n\n .mini-product-container {\n // Height calculated with product name which has long text\n // place only 2 products on slot (height of 1 product is 390) so 390 + 390 + (margin-bottom of 1:22) + (padding-top:17) + (padding-top:17)\n // 390 + 390 + 22 + 17 + 17 = 836\n max-height: 836px;\n }\n\n .card-mini-product {\n display: block;// Flex would be remove\n text-align: center;\n }\n\n .mini-product {\n display: block;\n\n &__image-wrapper {\n margin-right: 0;\n margin-bottom: 10px;\n }\n\n\n &__info-wrapper {\n padding: 0;\n display: block;\n margin-bottom: 10px;\n }\n\n\n }\n\n\n\n .mini-total {\n margin-bottom: 22px;\n }\n\n\n\n}\n\n\n// Greater than important 992\n@media (min-width: ($g-mobileBreakpoint + 1) * 1px) {\n\n .toggle-button-shop {\n + .total-item-round {\n display: none;\n }\n }\n\n .has-dropdown:hover > .mini-cart {\n top: 100%; // increment increase distance from item (means bottom)\n opacity: 1;\n visibility: visible;\n }\n\n}"
},
{
"path": "shop-grid-full.html",
"content": "\n\n\n Ludus - Electronics, Apparel, Computers, Books, DVDs & more \n\n \n \n
\n\n
\n
\n\n \n \n \n\n\n \n
\n\n \n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00\n\n $22.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00\n\n $22.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00\n\n $22.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00\n\n $22.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00\n\n $22.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n\n \n \n \n
\n
\n
\n
\n
\n
\n \n
\n \n\n\n \n
\n\n \n
\n
\n
\n
\n
FILTERS \n
\n
\n
\n \n\n\n \n\n\n \n
\n
\n
\n\n
\n
\n
\n
\n\n \n
\n \n\n\n \n
\n
\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n
\n
\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n
\n
\n \n
\n
\n\n \n
\n
\n\n Nikon Camera 4k Lens Zoom Pro
\n
\n
\n\n $6.99 \n\n (76% OFF) $28.97
\n
\n
\n
\n
\n\n 200 in stock \n\n Only 2 left
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n \n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n
\n
\n
\n\n
Product Policy: \n
\n Buyer Protection. Full Refund if you don't receive your order. Returns accepted if product not as described. \n
\n
\n \n
\n
\n
\n
\n
\n
\n \n\n\n \n
\n
\n
\n\n
\n
\n
\n
\n
\n
Item is added successfully!
\n
\n\n
\n
\n\n Beats Bomb Wireless Headphone \n\n Quantity: 1 \n\n $170.00
\n
\n
\n
\n
\n\n
1 item (s) in your cart \n
\n
\n
\n
\n
\n
\n
\n
\n \n \n
\n \n
\n
\n
\n
\n
JavaScript is disabled in your browser. \n\n Please enable JavaScript in your browser or upgrade to a JavaScript-capable browser. \n \n
\n
\n
\n
\n\n"
},
{
"path": "shop-grid-left.html",
"content": "\n\n\n Ludus - Electronics, Apparel, Computers, Books, DVDs & more \n\n \n \n
\n\n
\n
\n\n \n \n \n\n\n \n
\n\n \n
\n
\n
\n
\n
\n
FILTERS \n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00\n\n $22.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00\n\n $22.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00\n\n $22.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00\n\n $22.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00\n\n $22.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n\n \n \n \n
\n
\n
\n
\n
\n
\n \n
\n \n\n\n \n
\n\n \n\n\n \n
\n
\n
\n\n
\n
\n
\n
\n\n \n
\n \n\n\n \n
\n
\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n
\n
\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n
\n
\n \n
\n
\n\n \n
\n
\n\n Nikon Camera 4k Lens Zoom Pro
\n
\n
\n\n $6.99 \n\n (76% OFF) $28.97
\n
\n
\n
\n
\n\n 200 in stock \n\n Only 2 left
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n \n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n
\n
\n
\n\n
Product Policy: \n
\n Buyer Protection. Full Refund if you don't receive your order. Returns accepted if product not as described. \n
\n
\n \n
\n
\n
\n
\n
\n
\n \n\n\n \n
\n
\n
\n\n
\n
\n
\n
\n
\n
Item is added successfully!
\n
\n\n
\n
\n\n Beats Bomb Wireless Headphone \n\n Quantity: 1 \n\n $170.00
\n
\n
\n
\n
\n\n
1 item (s) in your cart \n
\n
\n
\n
\n
\n
\n
\n
\n \n \n
\n \n
\n
\n
\n
\n
JavaScript is disabled in your browser. \n\n Please enable JavaScript in your browser or upgrade to a JavaScript-capable browser. \n \n
\n
\n
\n
\n\n"
},
{
"path": "shop-grid-right.html",
"content": "\n\n\n Ludus - Electronics, Apparel, Computers, Books, DVDs & more \n\n \n \n
\n\n
\n
\n\n \n \n \n\n\n \n
\n\n \n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00\n\n $22.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00\n\n $22.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00\n\n $22.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00\n\n $22.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00\n\n $22.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n\n \n \n \n
\n
\n
\n
\n
\n
FILTERS \n
\n
\n
\n
\n \n
\n \n\n\n \n
\n\n \n\n\n \n
\n
\n
\n\n
\n
\n
\n
\n\n \n
\n \n\n\n \n
\n
\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n
\n
\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n
\n
\n \n
\n
\n\n \n
\n
\n\n Nikon Camera 4k Lens Zoom Pro
\n
\n
\n\n $6.99 \n\n (76% OFF) $28.97
\n
\n
\n
\n
\n\n 200 in stock \n\n Only 2 left
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n \n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n
\n
\n
\n\n
Product Policy: \n
\n Buyer Protection. Full Refund if you don't receive your order. Returns accepted if product not as described. \n
\n
\n \n
\n
\n
\n
\n
\n
\n \n\n\n \n
\n
\n
\n\n
\n
\n
\n
\n
\n
Item is added successfully!
\n
\n\n
\n
\n\n Beats Bomb Wireless Headphone \n\n Quantity: 1 \n\n $170.00
\n
\n
\n
\n
\n\n
1 item (s) in your cart \n
\n
\n
\n
\n
\n
\n
\n
\n \n \n
\n \n
\n
\n
\n
\n
JavaScript is disabled in your browser. \n\n Please enable JavaScript in your browser or upgrade to a JavaScript-capable browser. \n \n
\n
\n
\n
\n\n"
},
{
"path": "shop-list-full.html",
"content": "\n\n\n Ludus - Electronics, Apparel, Computers, Books, DVDs & more \n\n \n \n
\n\n
\n
\n\n \n \n \n\n\n \n
\n\n \n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00\n\n $22.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00\n\n $22.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00\n\n $22.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00\n\n $22.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00\n\n $22.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n\n \n \n \n
\n
\n
\n
\n
\n
\n \n
\n \n\n\n \n
\n\n \n
\n
\n
\n
\n
FILTERS \n
\n
\n
\n \n\n\n \n\n\n \n
\n
\n
\n\n
\n
\n
\n
\n\n \n
\n \n\n\n \n
\n
\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n
\n
\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n
\n
\n \n
\n
\n\n \n
\n
\n\n Nikon Camera 4k Lens Zoom Pro
\n
\n
\n\n $6.99 \n\n (76% OFF) $28.97
\n
\n
\n
\n
\n\n 200 in stock \n\n Only 2 left
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n \n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n
\n
\n
\n\n
Product Policy: \n
\n Buyer Protection. Full Refund if you don't receive your order. Returns accepted if product not as described. \n
\n
\n \n
\n
\n
\n
\n
\n
\n \n\n\n \n
\n
\n
\n\n
\n
\n
\n
\n
\n
Item is added successfully!
\n
\n\n
\n
\n\n Beats Bomb Wireless Headphone \n\n Quantity: 1 \n\n $170.00
\n
\n
\n
\n
\n\n
1 item (s) in your cart \n
\n
\n
\n
\n
\n
\n
\n
\n \n \n
\n \n
\n
\n
\n
\n
JavaScript is disabled in your browser. \n\n Please enable JavaScript in your browser or upgrade to a JavaScript-capable browser. \n \n
\n
\n
\n
\n\n"
},
{
"path": "shop-list-left.html",
"content": "\n\n\n Ludus - Electronics, Apparel, Computers, Books, DVDs & more \n\n \n \n
\n\n
\n
\n\n \n \n \n\n\n \n
\n\n \n
\n
\n
\n
\n
\n
FILTERS \n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00\n\n $22.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00\n\n $22.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00\n\n $22.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00\n\n $22.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00\n\n $22.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n\n \n \n \n
\n
\n
\n
\n
\n
\n \n
\n \n\n\n \n
\n\n \n\n\n \n
\n
\n
\n\n
\n
\n
\n
\n\n \n
\n \n\n\n \n
\n
\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n
\n
\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n
\n
\n \n
\n
\n\n \n
\n
\n\n Nikon Camera 4k Lens Zoom Pro
\n
\n
\n\n $6.99 \n\n (76% OFF) $28.97
\n
\n
\n
\n
\n\n 200 in stock \n\n Only 2 left
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n \n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n
\n
\n
\n\n
Product Policy: \n
\n Buyer Protection. Full Refund if you don't receive your order. Returns accepted if product not as described. \n
\n
\n \n
\n
\n
\n
\n
\n
\n \n\n\n \n
\n
\n
\n\n
\n
\n
\n
\n
\n
Item is added successfully!
\n
\n\n
\n
\n\n Beats Bomb Wireless Headphone \n\n Quantity: 1 \n\n $170.00
\n
\n
\n
\n
\n\n
1 item (s) in your cart \n
\n
\n
\n
\n
\n
\n
\n
\n \n \n
\n \n
\n
\n
\n
\n
JavaScript is disabled in your browser. \n\n Please enable JavaScript in your browser or upgrade to a JavaScript-capable browser. \n \n
\n
\n
\n
\n\n"
},
{
"path": "shop-list-right.html",
"content": "\n\n\n Ludus - Electronics, Apparel, Computers, Books, DVDs & more \n\n \n \n
\n\n
\n
\n\n \n \n \n\n\n \n
\n\n \n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00\n\n $22.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00\n\n $22.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00\n\n $22.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00\n\n $22.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00\n\n $22.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n\n \n \n \n
\n
\n
\n
\n
\n
FILTERS \n
\n
\n
\n
\n \n
\n \n\n\n \n
\n\n \n\n\n \n
\n
\n
\n\n
\n
\n
\n
\n\n \n
\n \n\n\n \n
\n
\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n
\n
\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n
\n
\n \n
\n
\n\n \n
\n
\n\n Nikon Camera 4k Lens Zoom Pro
\n
\n
\n\n $6.99 \n\n (76% OFF) $28.97
\n
\n
\n
\n
\n\n 200 in stock \n\n Only 2 left
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n \n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n
\n
\n
\n\n
Product Policy: \n
\n Buyer Protection. Full Refund if you don't receive your order. Returns accepted if product not as described. \n
\n
\n \n
\n
\n
\n
\n
\n
\n \n\n\n \n
\n
\n
\n\n
\n
\n
\n
\n
\n
Item is added successfully!
\n
\n\n
\n
\n\n Beats Bomb Wireless Headphone \n\n Quantity: 1 \n\n $170.00
\n
\n
\n
\n
\n\n
1 item (s) in your cart \n
\n
\n
\n
\n
\n
\n
\n
\n \n \n
\n \n
\n
\n
\n
\n
JavaScript is disabled in your browser. \n\n Please enable JavaScript in your browser or upgrade to a JavaScript-capable browser. \n \n
\n
\n
\n
\n\n"
},
{
"path": "shop-side-version-2.html",
"content": "\n\n\n Ludus - Electronics, Apparel, Computers, Books, DVDs & more \n\n \n \n
\n\n
\n
\n\n \n \n \n\n\n \n
\n\n \n
\n
\n
\n
\n
\n
FILTERS \n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00\n\n $22.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00\n\n $22.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00\n\n $22.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00\n\n $22.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
(23)
\n
$125.00\n\n $22.00
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n
\n
\n
\n
\n\n \n \n \n
\n
\n
\n
\n
\n
\n \n
\n \n\n\n \n
\n\n \n\n\n \n
\n
\n
\n\n
\n
\n
\n
\n\n \n
\n \n\n\n \n
\n
\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n
\n
\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n\n
\n
\n
\n
\n \n
\n
\n\n \n
\n
\n\n Nikon Camera 4k Lens Zoom Pro
\n
\n
\n\n $6.99 \n\n (76% OFF) $28.97
\n
\n
\n
\n
\n\n 200 in stock \n\n Only 2 left
\n
\n
\n\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n
\n
\n
\n
\n \n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n
\n
\n
\n\n
Product Policy: \n
\n Buyer Protection. Full Refund if you don't receive your order. Returns accepted if product not as described. \n
\n
\n \n
\n
\n
\n
\n
\n
\n \n\n\n \n
\n
\n
\n\n
\n
\n
\n
\n
\n
Item is added successfully!
\n
\n\n
\n
\n\n Beats Bomb Wireless Headphone \n\n Quantity: 1 \n\n $170.00
\n
\n
\n
\n
\n\n
1 item (s) in your cart \n
\n
\n
\n
\n
\n
\n
\n
\n \n \n
\n \n
\n
\n
\n
\n
JavaScript is disabled in your browser. \n\n Please enable JavaScript in your browser or upgrade to a JavaScript-capable browser. \n \n
\n
\n
\n
\n\n"
},
{
"path": "signin.html",
"content": "\n\n\n Ludus - Electronics, Apparel, Computers, Books, DVDs & more \n\n \n \n
\n\n
\n
\n\n \n \n \n\n\n \n
\n\n \n
\n \n\n\n \n
\n\n \n
\n
\n
\n
\n
\n
ALREADY REGISTERED? \n \n
\n
\n
\n
\n \n\n\n \n
\n
\n
\n
\n
\n
\n
I'M NEW CUSTOMER \n\n
By creating an account with our store, you will be able to move through the checkout process faster, store shipping addresses, view and track your orders in your account and more. \n
\n
SIGNIN \n\n
If you have an account with us, please log in. \n
\n
\n
\n
\n
\n
\n
\n \n
\n \n
\n \n\n\n \n
\n
\n \n
\n
\n
\n
\n
JavaScript is disabled in your browser. \n\n Please enable JavaScript in your browser or upgrade to a JavaScript-capable browser. \n \n
\n
\n
\n
\n\n"
},
{
"path": "signup.html",
"content": "\n\n\n Ludus - Electronics, Apparel, Computers, Books, DVDs & more \n\n \n \n
\n\n
\n
\n\n \n \n \n\n\n \n
\n\n \n
\n \n\n\n \n
\n\n \n
\n
\n
\n
\n
\n
CREATE AN ACCOUNT \n \n
\n
\n
\n
\n \n\n\n \n
\n
\n
\n
\n
\n
\n
PERSONAL INFORMATION \n
\n
\n
\n
\n
\n
\n
\n \n
\n \n
\n \n\n\n \n
\n
\n \n
\n
\n
\n
\n
JavaScript is disabled in your browser. \n\n Please enable JavaScript in your browser or upgrade to a JavaScript-capable browser. \n \n
\n
\n
\n
\n\n"
},
{
"path": "wishlist.html",
"content": "\n\n\n Ludus - Electronics, Apparel, Computers, Books, DVDs & more \n\n \n \n
\n\n
\n
\n\n \n \n \n\n\n \n
\n\n \n
\n \n\n\n \n
\n\n \n
\n \n\n\n \n
\n
\n
\n
\n\n \n
\n
\n
\n
\n\n
\n
\n
\n
\n
\n
\n \n\n\n \n
\n
\n
\n
\n\n
\n
\n
\n
\n
\n
\n \n\n\n \n
\n
\n
\n
\n\n
\n
\n
\n
\n
\n
\n \n
\n
\n
\n
\n
\n \n
\n \n
\n \n\n\n \n
\n\n \n\n\n \n
\n
\n
\n\n
\n
\n
\n
\n
\n
Item is added successfully!
\n
\n\n
\n
\n\n Beats Bomb Wireless Headphone \n\n Quantity: 1 \n\n $170.00
\n
\n
\n
\n
\n\n
1 item (s) in your cart \n
\n
\n
\n
\n
\n
\n
\n
\n \n \n
\n \n
\n
\n
\n
\n
JavaScript is disabled in your browser. \n\n Please enable JavaScript in your browser or upgrade to a JavaScript-capable browser. \n \n
\n
\n
\n
\n\n"
}
] ![\"\"](\"images/preloader.png\")
![\"\"](\"image.jpg\")
\n\n\n\n![\"\"](\"images/about/member-1.jpg\")
![\"\"](\"images/about/member-2.jpg\")
![\"\"](\"images/about/member-3.jpg\")
![\"\"](\"images/about/member-4.jpg\")
![\"\"](\"images/about/test-1.jpg\")
![\"\"](\"images/about/test-2.jpg\")
![\"\"](\"images/about/test-3.jpg\")
![\"\"](\"images/about/test-4.jpg\")
![\"\"](\"images/blog/post-12.jpg\")
![\"\"](\"images/blog/post-2.jpg\")
\n \n ![\"\"](\"images/blog/post-4.jpg\")
\n \n ![\"\"](\"images/blog/post-5.jpg\")
\n \n ![\"\"](\"images/blog/post-6.jpg\")
\n \n ![\"\"](\"images/blog/post-7.jpg\")
\n \n ![\"\"](\"images/blog/post-8.jpg\")
\n \n ![\"\"](\"images/blog/post-9.jpg\")
\n \n ![\"\"](\"images/blog/post-10.jpg\")
\n \n ![\"\"](\"images/blog/post-11.jpg\")
\n \n ![\"\"](\"images/product/electronic/product3.jpg\")
![\"\"](\"images/product/women/product8.jpg\")
![\"\"](\"images/product/men/product8.jpg\")
![\"\"](\"a.jpg\")
\n * Example 2 For Non Square: ![\"\"](\"images/product/electronic/product14.jpg\")
![\"\"](\"images/product/women/product10.jpg\")
![\"\"](\"images/product/electronic/product23.jpg\")
![\"\"](\"images/product/electronic/product35.jpg\")
![\"\"](\"images/product/electronic/product32.jpg\")
![\"\"](\"images/product/electronic/product2.jpg\")
\n \n ![\"\"](\"images/product/electronic/product1.jpg\")
\n \n ![\"\"](\"images/product/women/product1.jpg\")
![\"\"](\"images/product/women/product2.jpg\")
![\"\"](\"images/product/women/product3.jpg\")
![\"\"](\"images/product/women/product4.jpg\")
![\"\"](\"images/product/women/product5.jpg\")
\n \n ![\"\"](\"images/product/women/product6.jpg\")
\n \n ![\"\"](\"images/product/women/product7.jpg\")
\n \n ![\"\"](\"images/product/women/product9.jpg\")
\n \n ![\"\"](\"images/product/men/product1.jpg\")
![\"\"](\"images/product/men/product2.jpg\")
![\"\"](\"images/product/men/product3.jpg\")
![\"\"](\"images/product/men/product4.jpg\")
![\"\"](\"images/product/men/product5.jpg\")
\n \n ![\"\"](\"images/product/men/product6.jpg\")
\n \n ![\"\"](\"images/product/men/product7.jpg\")
\n \n ![\"\"](\"images/product/men/product9.jpg\")
\n \n ![\"\"](\"images/product/men/product10.jpg\")
\n \n ![\"\"](\"images/product/men/product11.jpg\")
![\"\"](\"images/product/women/product20.jpg\")
![\"\"](\"images/product/product-d-1.jpg\")
![\"\"](\"images/product/product-d-2.jpg\")
![\"\"](\"images/product/product-d-3.jpg\")
![\"\"](\"images/product/product-d-4.jpg\")
![\"\"](\"images/product/product-d-5.jpg\")
![\"\"](\"images/promo/promo-img-4.jpg\")
![\"\"](\"images/promo/promo-img-5.jpg\")
![\"\"](\"images/promo/promo-img-6.jpg\")
![\"\"](\"images/banners/i3-banner-1.jpg\")
![\"\"](\"images/product/women/product15.jpg\")
\n \n ![\"\"](\"images/product/men/product13.jpg\")
\n \n ![\"\"](\"images/product/men/product14.jpg\")
\n \n ![\"\"](\"images/product/electronic/product4.jpg\")
\n \n ![\"\"](\"images/product/electronic/product5.jpg\")
\n \n ![\"\"](\"images/product/electronic/product8.jpg\")
\n \n ![\"\"](\"images/product/electronic/product9.jpg\")
\n \n ![\"\"](\"images/product/electronic/product10.jpg\")
\n \n ![\"\"](\"images/product/electronic/product21.jpg\")
\n \n ![\"\"](\"images/product/electronic/product22.jpg\")
\n \n ![\"\"](\"images/product/electronic/product26.jpg\")
\n \n ![\"\"](\"images/product/electronic/product30.jpg\")
\n \n ![\"\"](\"images/blog/post-1.jpg\")
![\"\"](\"images/blog/post-3.jpg\")
![\"\"](\"images/product/electronic/product18.jpg\")
![\"\"](\"images/product/electronic/product33.jpg\")
![\"\"](\"images/product/electronic/product34.jpg\")
![\"\"](\"images/product/electronic/product6.jpg\")
![\"\"](\"images/product/electronic/product7.jpg\")
![\"\"](\"images/product/women/product11.jpg\")
![\"\"](\"images/product/women/product12.jpg\")
![\"\"](\"images/product/women/product13.jpg\")
![\"\"](\"images/newsletter/newsletter.jpg\")
![\"\"](\"images/product/women/product14.jpg\")
![\"\"](\"images/product/men/product12.jpg\")
![\"\"](\"images/banners/i3-banner-2.jpg\")
![\"\"](\"images/product/women/product16.jpg\")
![\"\"](\"images/product/women/product17.jpg\")
![\"\"](\"images/product/women/product18.jpg\")
![\"\"](\"images/product/women/product19.jpg\")
![\"\"](\"images/brand/b1.png\")
![\"\"](\"images/brand/b2.png\")
![\"\"](\"images/brand/b3.png\")
![\"\"](\"images/brand/b4.png\")
![\"\"](\"images/brand/b5.png\")
![\"\"](\"images/brand/b6.png\")
![\"\"](\"images/collection/coll-1.jpg\")
![\"\"](\"images/collection/coll-2.jpg\")
![\"\"](\"images/collection/coll-3.jpg\")
![\"\"](\"images/collection/coll-4.jpg\")
![\"\"](\"images/product/electronic/product11.jpg\")
![\"\"](\"images/product/electronic/product12.jpg\")
![\"\"](\"images/product/electronic/product13.jpg\")
![\"\"](\"images/product/electronic/product15.jpg\")
![\"\"](\"images/product/electronic/product16.jpg\")
![\"\"](\"images/product/electronic/product17.jpg\")
![\"\"](\"images/product/electronic/product19.jpg\")
![\"\"](\"images/product/electronic/product20.jpg\")
![\"\"](\"images/promo/promo-img-1.jpg\")
![\"\"](\"images/promo/promo-img-2.jpg\")
![\"\"](\"images/promo/promo-img-3.jpg\")
![\"\"](\"images/product/electronic/product24.jpg\")
![\"\"](\"images/product/electronic/product25.jpg\")
![\"\"](\"images/product/electronic/product27.jpg\")
![\"\"](\"images/product/electronic/product28.jpg\")
![\"\"](\"images/product/electronic/product29.jpg\")
![\"\"](\"images/product/electronic/product31.jpg\")
\n- \n\n \n
\n \n \n\n ![\"\"](\"images/blog/avatar.jpg\")
\n \n \n\n Dayle\n\n \n\n \n\n 25 March 2015 at 3:55pm\n \n \n \n \n
\nLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n\n Reply\n\n- \n\n \n
\n \n \n\n ![\"\"](\"images/blog/avatar-2.jpg\")
\n \n \n\n Dayle\n\n \n\n \n\n 25 March 2015 at 3:55pm\n \n \n \n \n
\nLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n\n Reply\n\n- \n\n \n
\n \n \n\n ![\"\"](\"images/blog/avatar-3.jpg\")
\n \n \n\n Dayle\n\n \n\n \n\n 25 March 2015 at 3:55pm\n \n \n \n \n
\nLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n\n Reply\n\n- \n\n \n
\n \n \n\n ![\"\"](\"images/blog/avatar-4.jpg\")
\n \n \n\n Dayle\n\n \n\n \n\n 25 March 2015 at 3:55pm\n \n \n \n \n
\nLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n\n Reply\n\n- \n\n \n
\n \n \n\n ![\"\"](\"images/blog/avatar-5.jpg\")
\n \n \n\n Dayle\n\n \n\n \n\n 25 March 2015 at 3:55pm\n \n \n \n \n - \n\n \n
\n \n \n\n ![\"\"](\"images/blog/avatar.jpg\")
\n \n \n\n Dayle\n\n \n\n \n\n 25 March 2015 at 3:55pm\n \n \n \n \n
\nLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n\n Reply\nLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\n\n Reply\n