(function(a,b){function c(a,c){var d=" to exec \u300C"+a+"\u300D command"+(c?" with value: "+c:"");try{b.execCommand(a,!1,c)}catch(a){return P.log("fail"+d,!0)}P.log("success"+d)}function d(a,b,d){var e=B(a);if(e)return a._range.selectNode(e),a._range.collapse(!1),"insertimage"===b&&a._menu&&L(a._menu,!0),c(b,d)}function e(a,b){var d=C(a),e=d.map(function(a){return a.nodeName.toLowerCase()});return-1!==e.indexOf(b)&&(b="p"),c("formatblock",b)}function f(a,b,d){return d="<"+b+">"+(d||O.toString())+"",c("insertHTML",d)}function g(a,b,d){return a.config.linksInNewWindow&&"unlink"!==b?(d=""+O.toString()+"",c("insertHTML",d)):c(b,d)}function h(a,b,c,d){var e=a.config.titles[b]||"",f=document.createElement("div");f.classList.add("pen-icon"),f.setAttribute("title",e),"parent"===c?(f.classList.add("pen-group-icon"),f.setAttribute("data-group-toggle",b)):f.setAttribute("data-action",b),"child"===c&&f.setAttribute("data-group",d);var g=a.config.toolbarIconsDictionary[b];if(g&&g.text)f.textContent=g.text;else{var h;h=g&&g.className?g.className:a.config.toolbarIconsPrefix+b,f.innerHTML+=""}return f.outerHTML}function i(a){return Q.call(a._menu.children)}function j(a,b){var c=i(a);c.forEach(function(a){L(a,a.getAttribute("data-group")!==b)}),o(a,!b),a.refreshMenuPosition()}function k(a){j(a,null),m(a,!0),n(a,!a._urlInput||""===a._urlInput.value)}function l(a){var b=i(a);b.forEach(function(a){L(a,!0)}),m(a),o(a)}function m(a,b){var c=a._menu.querySelector(".pen-input-wrapper");c&&L(c,b)}function n(a,b){var c=a._menu.querySelector("[data-action=\"unlink\"]");c&&(L(c,b),a.refreshMenuPosition())}function o(a,b){var c=a._menu.querySelector("[data-action=\"close\"]");L(c,b),a.refreshMenuPosition()}function p(a){var c=b.createElement("div"),d=b.createElement("input"),e=b.createElement("label"),f=b.createElement("input"),g=b.createElement("i");return c.className="pen-input-wrapper",d.className="pen-url-input",d.type="url",d.placeholder="http://",e.className="pen-icon pen-input-label",f.className="pen-external-url-checkbox",f.type="checkbox",g.className=a.config.toolbarIconsDictionary.externalLink.className,e.appendChild(f),e.appendChild(g),c.appendChild(d),c.appendChild(e),c}function q(a,b,c){a.execCommand(b,c),a._range=a.getRange(),a.highlight().menu()}function r(a,b){for(var c,d=a._toolbar||a._menu;!(c=b.getAttribute("data-action"))&&b.parentNode!==d;)b=b.parentNode;var e=b.getAttribute("data-group-toggle");if(e&&j(a,e),!!c){if("close"===c)return void k(a);if(!/(?:createlink)|(?:insertimage)/.test(c))return q(a,c);if(a._urlInput){var f=a._urlInput;if(d===a._menu?l(a):(a._inputActive=!0,a.menu()),"none"!==a._menu.style.display){setTimeout(function(){f.focus()},10);var g=function(){var b=f.value;b?(a.config.linksInNewWindow=a._externalUrlCheckbox.checked,b=f.value.replace(U.whiteSpace,"").replace(U.mailTo,"mailto:$1").replace(U.http,"http://$1")):c="unlink",q(a,c,b)};f.onkeypress=function(a){13===a.which&&(a.preventDefault(),g())},a._externalUrlCheckbox.onchange=g}}}}function s(a){var c="",d=p(a).outerHTML;if(a._toolbar=a.config.toolbar,!a._toolbar){var e=a.config.list;if(!Object.values(e).length)return;P.forEach(e,function(b,d){if(Array.isArray(b)){var e=b;b=d,c+=h(a,b,"parent"),P.forEach(e,function(d){c+=h(a,d,"child",b)},!0)}else c+=h(a,b)});var f=Object.values(e);(0<=f.indexOf("createlink")||0<=f.indexOf("insertimage"))&&(c+=d),c+=h(a,"close")}else(a._toolbar.querySelectorAll("[data-action=createlink]").length||a._toolbar.querySelectorAll("[data-action=insertimage]").length)&&(c+=d);c&&(a._menu=b.createElement("div"),a._menu.setAttribute("class",a.config.class+"-menu pen-menu"),a._menu.innerHTML=c,a._urlInput=a._menu.querySelector(".pen-url-input"),a._externalUrlCheckbox=a._menu.querySelector(".pen-external-url-checkbox"),L(a._menu,!0),b.body.appendChild(a._menu))}function t(d){function f(a){d._range=d.getRange(),i(a)}var g=d._toolbar||d._menu,h=d.config.editor,i=P.delayExec(function(){g&&d.highlight().menu()}),j=function(){};if(d._menu){var k=function(){"flex"===d._menu.style.display&&d.menu()};u(d,a,"resize",k),u(d,a,"scroll",k);var l=!1;u(d,h,"mousedown",function(){l=!0}),u(d,h,"mouseleave",function(){l&&f(800),l=!1}),u(d,h,"mouseup",function(){l&&f(200),l=!1}),j=function(a){!d._menu||A(h,a.target)||A(d._menu,a.target)||(w(d,b,"click",j),i(100))}}else u(d,h,"click",function(){f(0)});u(d,h,"keyup",function(a){if(y(d),d.isEmpty())return void("advanced"===d.config.mode&&E(d));if(G(d)&&!H(d)&&"advanced"!==d.config.mode&&(h.innerHTML=h.innerHTML.replace(/\u200b/,""),F(d)),13!==a.which||a.shiftKey)return f(400);var c=B(d,!0);c&&c.nextSibling&&S.test(c.nodeName)&&c.nodeName===c.nextSibling.nodeName&&("BR"!==c.lastChild.nodeName&&c.appendChild(b.createElement("br")),P.forEach(c.nextSibling.childNodes,function(a){a&&c.appendChild(a)},!0),c.parentNode.removeChild(c.nextSibling),I(d,c.lastChild,d.getRange()))}),u(d,h,"keydown",function(a){if(h.classList.remove(d.config.placeholderClass),!(13!==a.which||a.shiftKey)){if(d.config.ignoreLineBreak)return void a.preventDefault();var e=B(d,!0);if(!e||!S.test(e.nodeName))return void("basic"===d.config.mode&&(a.preventDefault(),c("insertHTML","
")));if(e){var f=e.lastChild;if(f&&f.previousSibling&&!(f.previousSibling.textContent||f.textContent)){a.preventDefault();var g=b.createElement("p");g.innerHTML="
",e.removeChild(f),e.nextSibling?e.parentNode.insertBefore(g,e.nextSibling):e.parentNode.appendChild(g),I(d,g,d.getRange())}}}}),g&&u(d,g,"click",function(a){r(d,a.target)}),u(d,h,"focus",function(){d.isEmpty()&&"advanced"===d.config.mode&&E(d),u(d,b,"click",j)}),u(d,h,"blur",function(){y(d),d.checkContentChange()}),u(d,h,"paste",function(){setTimeout(function(){d.cleanContent()})})}function u(a,b,c,d){if(a._events.hasOwnProperty(c))a._events[c].push(d);else{a._eventTargets=a._eventTargets||[],a._eventsCache=a._eventsCache||[];var e=a._eventTargets.indexOf(b);0>e&&(e=a._eventTargets.push(b)-1),a._eventsCache[e]=a._eventsCache[e]||{},a._eventsCache[e][c]=a._eventsCache[e][c]||[],a._eventsCache[e][c].push(d),b.addEventListener(c,d,!1)}return a}function v(a,b){if(a._events.hasOwnProperty(b)){var c=Q.call(arguments,2);P.forEach(a._events[b],function(b){b.apply(a,c)})}}function w(a,b,c,d){var e=a._events[c];if(!e){var f=a._eventTargets.indexOf(b);0<=f&&(e=a._eventsCache[f][c])}if(!e)return a;var g=e.indexOf(d);return 0<=g&&e.splice(g,1),b.removeEventListener(c,d,!1),a}function x(a){return(P.forEach(this._events,function(a){a.length=0},!1),!a._eventsCache)?a:(P.forEach(a._eventsCache,function(b,c){var d=a._eventTargets[c];P.forEach(b,function(a,b){P.forEach(a,function(a){d.removeEventListener(b,a,!1)},!0)},!1)},!0),a._eventTargets=[],a._eventsCache=[],a)}function y(a){a.config.editor.classList[a.isEmpty()?"add":"remove"](a.config.placeholderClass)}function z(a){return(a||"").trim().replace(/\u200b/g,"")}function A(a,b){if(a===b)return!0;for(b=b.parentNode;b;){if(b===a)return!0;b=b.parentNode}return!1}function B(a,b){var c,d=a.config.editor;if(a._range=a._range||a.getRange(),c=a._range.commonAncestorContainer,c.hasChildNodes()&&a._range.startOffset+1===a._range.endOffset&&(c=c.childNodes[a._range.startOffset]),!c||c===d)return null;for(;c&&1!==c.nodeType&&c.parentNode!==d;)c=c.parentNode;for(;c&&b&&c.parentNode!==d;)c=c.parentNode;return A(d,c)?c:null}function C(a){return D(a).filter(function(a){return a.nodeName.match(T)})}function D(a){for(var b=[],c=B(a);c&&c!==a.config.editor;)c.nodeType===Node.ELEMENT_NODE&&b.push(c),c=c.parentNode;return b}function E(a){var c=a._range=a.getRange();a.config.editor.innerHTML="";var d=b.createElement("p");d.innerHTML="
",c.insertNode(d),I(a,d.childNodes[0],c)}function F(a){var c=a.getRange(),d=b.createTextNode("\u200B");c.selectNodeContents(a.config.editor),c.collapse(!1),c.insertNode(d),I(a,d,c)}function G(a){var b=a.getRange(),c=b.cloneRange();return c.selectNodeContents(a.config.editor),c.setStart(b.endContainer,b.endOffset),""===c.toString()}function H(a){var b=a.getRange(),c=b.cloneRange();return c.selectNodeContents(a.config.editor),c.setEnd(b.startContainer,b.startOffset),""===c.toString()}function I(a,b,c){c.setStartAfter(b),c.setEndBefore(b),c.collapse(!1),a.setRange(c)}function J(a){if(1===a.nodeType){if(V.notLink.test(a.tagName))return;P.forEach(a.childNodes,function(a){J(a)},!0)}else if(3===a.nodeType){var c=K(a.nodeValue||"");if(!c.links)return;var d=b.createDocumentFragment(),e=b.createElement("div");for(e.innerHTML=c.text;e.childNodes.length;)d.appendChild(e.childNodes[0]);a.parentNode.replaceChild(d,a)}}function K(a){var b=0;return a=a.replace(V.url,function(a){var c=a,d=a;return b++,a.length>V.maxLength&&(d=a.slice(0,V.maxLength)+"..."),V.prefix.test(c)||(c="http://"+c),""+d+""}),{links:b,text:a}}function L(a,b){a.style.display=b?"none":"flex"}var M,N,O,P={},Q=Array.prototype.slice,R={block:/^(?:p|h[1-6]|blockquote|pre)$/,inline:/^(?:justify(center|full|left|right)|strikethrough|insert(un)?orderedlist|(in|out)dent)$/,biu:/^(bold|italic|underline)$/,source:/^(?:createlink|unlink)$/,insert:/^(?:inserthorizontalrule|insertimage|insert)$/,wrap:/^(?:code)$/},S=/^(?:blockquote|pre|div)$/i,T=/(?:[pubia]|strong|em|h[1-6]|blockquote|code|[uo]l|li)/i,U={whiteSpace:/(^\s+)|(\s+$)/g,mailTo:/^(?!mailto:|.+\/|.+#|.+\?)(.*@.*\..+)$/,http:/^(?!\w+?:\/\/|mailto:|\/|\.\/|\?|#)(.*)$/},V={url:/((https?|ftp):\/\/|www\.)[^\s<]{3,}/gi,prefix:/^(?:https?|ftp):\/\//i,notLink:/^(?:img|a|input|audio|video|source|code|pre|script|head|title|style)$/i,maxLength:100},W={bold:{styleKey:"font-weight",correctValue:"normal"},italic:{styleKey:"font-style",correctValue:"normal"},underline:{styleKey:"text-decoration",correctValue:"none"}};P.is=function(a,b){return Object.prototype.toString.call(a).slice(8,-1)===b},P.forEach=function(a,b,c){if(a)if(null==c&&(c=P.is(a,"Array")),c)for(var d=0,e=a.length;d",list:["blockquote","h2","h3","p","code","insertOrderedList","insertUnorderedList","inserthorizontalrule","indent","outdent","bold","italic","underline","createlink","insertimage"],titles:{},cleanAttrs:["id","class","style","name"],cleanTags:["script"],linksInNewWindow:!1};return 1===a.nodeType?c.editor=a:a.match&&a.match(/^#[\S]+$/)?c.editor=b.getElementById(a.slice(1)):c=P.copy(c,a),c},M=function(a){if(!a)throw new Error("Can't find config");N=a.debug;var b=P.merge(a),c=b.editor;if(!c||1!==c.nodeType)throw new Error("Can't find editor");c.classList.add.apply(c.classList,b.class.split(" ")),c.setAttribute("contenteditable","true"),this.config=b,b.placeholder&&c.setAttribute(this.config.placeholderAttr,b.placeholder),y(this),this.selection=O,this._events={change:[]},s(this),t(this),this._prevContent=this.getContent(),this.markdown&&this.markdown.init(this),this.config.stay&&this.stay(this.config),this.config.input&&this.addOnSubmitListener(this.config.input),"advanced"===this.config.mode?(this.getRange().selectNodeContents(c),this.setRange()):F(this)},M.prototype.on=function(a,b){return u(this,this.config.editor,a,b),this},M.prototype.addOnSubmitListener=function(a){var b=a.form,c=this;b.addEventListener("submit",function(){a.value=c.config.saveAsMarkdown?c.toMd(c.config.editor.innerHTML):c.config.editor.innerHTML})},M.prototype.isEmpty=function(a){return a=a||this.config.editor,!a.querySelector("img")&&!a.querySelector("blockquote")&&!a.querySelector("li")&&!z(a.textContent)},M.prototype.getContent=function(){return this.isEmpty()?"":z(this.config.editor.innerHTML)},M.prototype.setContent=function(a){return this.config.editor.innerHTML=a,this.cleanContent(),this},M.prototype.checkContentChange=function(){var a=this._prevContent,b=this.getContent();a===b||(this._prevContent=b,v(this,"change",b,a))},M.prototype.getRange=function(){var a=this.config.editor,c=O.rangeCount&&O.getRangeAt(0);return c||(c=b.createRange()),A(a,c.commonAncestorContainer)||(c.selectNodeContents(a),c.collapse(!1)),c},M.prototype.setRange=function(a){a=a||this._range,a||(a=this.getRange(),a.collapse(!1));try{O.removeAllRanges(),O.addRange(a)}catch(a){}return this},M.prototype.focus=function(a){return a||this.setRange(),this.config.editor.focus(),this},M.prototype.execCommand=function(a,b){if(a=a.toLowerCase(),this.setRange(),R.block.test(a))e(this,a);else if(R.inline.test(a))c(a,b);else if(R.biu.test(a)){var h=W[a];h.backupValue=this.config.editor.style[h.styleKey],this.config.editor.style[h.styleKey]=h.correctValue,c(a,b),this.config.editor.style[h.styleKey]=h.backupValue}else R.source.test(a)?g(this,a,b):R.insert.test(a)?d(this,a,b):R.wrap.test(a)?f(this,a,b):P.log("can not find command function for name: "+a+(b?", value: "+b:""),!0);"indent"===a&&this.checkContentChange()},M.prototype.cleanContent=function(a){var b=this.config.editor;return a||(a=this.config),P.forEach(a.cleanAttrs,function(a){P.forEach(b.querySelectorAll("["+a+"]"),function(b){b.removeAttribute(a)},!0)},!0),P.forEach(a.cleanTags,function(a){P.forEach(b.querySelectorAll(a),function(a){a.parentNode.removeChild(a)},!0)},!0),y(this),this.checkContentChange(),this},M.prototype.autoLink=function(){return J(this.config.editor),this.getContent()},M.prototype.highlight=function(){var a=this._toolbar||this._menu,b=B(this);if(P.forEach(a.querySelectorAll(".active"),function(a){a.classList.remove("active")},!0),!b)return this;var c,d=D(this),e=this._urlInput,f=this._externalUrlCheckbox;return e&&a===this._menu&&(e.value="",this._externalUrlCheckbox.checked=!1),c=function(b){if(b){var c=a.querySelector("[data-action="+b+"]");return c&&c.classList.add("active")}},P.forEach(d,function(a){var b=a.nodeName.toLowerCase(),d=a.style.textAlign,g=a.style.textDecoration;(d&&("justify"===d&&(d="full"),c("justify"+d[0].toUpperCase()+d.slice(1))),"underline"===g&&c("underline"),!!b.match(T))&&("a"===b?(e.value=a.getAttribute("href"),f.checked="_blank"===a.getAttribute("target"),b="createlink"):"img"===b?(e.value=a.getAttribute("src"),b="insertimage"):"i"===b||"em"===b?b="italic":"u"===b?b="underline":"b"===b||"strong"===b?b="bold":"strike"===b?b="strikethrough":"ul"===b?b="insertUnorderedList":"ol"===b?b="insertOrderedList":"li"===b?b="indent":void 0,c(b))},!0),this},M.prototype.menu=function(){return this._menu?O.isCollapsed?(this._menu.style.display="none",this._inputActive=!1,this):!this._toolbar||this._urlInput&&this._inputActive?void k(this):this:this},M.prototype.refreshMenuPosition=function(){var a=this._range.getBoundingClientRect(),b=a.top-10,c=a.left+a.width/2,d=this._menu,e={x:0,y:0},f=this._stylesheet;if(0===a.width&&0===a.height)return this;if(void 0===this._stylesheet){var g=document.createElement("style");document.head.appendChild(g),this._stylesheet=f=g.sheet}return d.style.display="flex",e.x=c-d.clientWidth/2,e.y=b-d.clientHeight,0e.x?(e.x=0,f.insertRule(".pen-menu:after {left: "+c+"px;}",0)):f.insertRule(".pen-menu:after {left: 50%; }",0),0>e.y?(d.classList.add("pen-menu-below"),e.y=a.top+a.height+10):d.classList.remove("pen-menu-below"),d.style.top=e.y+"px",d.style.left=e.x+"px",this},M.prototype.stay=function(a){var b=this;window.onbeforeunload||(window.onbeforeunload=function(){if(!b._isDestroyed)return a.stayMsg})},M.prototype.destroy=function(){var a=this.config;x(this),a.editor.classList.remove.apply(a.editor.classList,a.class.split(" ").concat(a.placeholderClass)),a.editor.removeAttribute("contenteditable"),a.editor.removeAttribute(a.placeholderAttr);try{O.removeAllRanges(),this._menu&&this._menu.parentNode.removeChild(this._menu)}catch(a){}return this._isDestroyed=!0,this},M.prototype.rebuild=function(){return s(this),t(this),this},a.ElementorInlineEditor=function(a){if(!a)return P.log("can't find config",!0);var b=P.merge(a),c=b.editor.getAttribute("class");return c=c?c.replace(/\bpen\b/g,"")+" pen-textarea "+b.class:"pen pen-textarea",b.editor.setAttribute("class",c),b.editor.innerHTML=b.textarea,b.editor};var X={a:[/]*href=["']([^"]+|[^']+)\b[^>]*>(.*?)<\/a>/ig,"[$2]($1)"],img:[/]*src=["']([^\"+|[^']+)[^>]*>/ig,"![]($1)"],b:[/]*>(.*?)<\/b>/ig,"**$1**"],i:[/]*>(.*?)<\/i>/ig,"***$1***"],h:[/]*>(.*?)<\/h\1>/ig,function(d,a,b){return"\n"+"######".slice(0,a)+" "+b+"\n"}],li:[/<(li)\b[^>]*>(.*?)<\/\1>/ig,"* $2\n"],blockquote:[/<(blockquote)\b[^>]*>(.*?)<\/\1>/ig,"\n> $2\n"],pre:[/]*>(.*?)<\/pre>/ig,"\n```\n$1\n```\n"],code:[/]*>(.*?)<\/code>/ig,"\n`\n$1\n`\n"],p:[/]*>(.*?)<\/p>/ig,"\n$1\n"],hr:[/]*>/ig,"\n---\n"]};M.prototype.toMd=function(){var a=this.getContent().replace(/\n+/g,"").replace(/<([uo])l\b[^>]*>(.*?)<\/\1l>/ig,"$2");for(var b in X)X.hasOwnProperty(b)&&(a=a.replace.apply(a,X[b]));return a.replace(/\*{5}/g,"**")},b.getSelection&&(O=b.getSelection(),a.ElementorInlineEditor=M)})(window,document); /*------------------------------------------------------*/ /*---------------------- 51 .MENU -------------------*/ .header_top_bg { position: relative; z-index: 2000; background-color: #ffffff; } .header_top_bg.fixed-header { position: fixed; top: 0; width: 100%; z-index: 100; } header { position: relative; width: 100%; z-index: 999; text-align: center; } header.absolute { position: absolute; margin-bottom: 0; } header a.logo { text-decoration: none; display: block; } header.zindex, footer.zindex { z-index: 1 !important; } .header_top_bg.enable_fixed.fixed { position: fixed; z-index: 1000; width: 100%; top: 0; } .header_trans-fixed.header_top_bg { background-color: transparent; position: fixed; z-index: 1000; top: 0; width: 100%; } .header_trans-fixed.header_top_bg.open header .logo span, .header_trans-fixed.header_top_bg.open header .mob-nav i { color: #1b1b1b; } .single-post .header_trans-fixed.bg-fixed-color { margin-left: 0; width: 100%; } .top-menu { padding-bottom: 10px; } .top-menu .logo { display: inline-block; } .top-menu .logo span { font-family: "ArcaMajora3 Bold", sans-serif; font-size: 22px; line-height: 24px; font-weight: 400; letter-spacing: 3px; min-width: 170px; text-align: center; background-color: transparent; color: #1b1b1b; display: inline-block; } .right-menu .logo span { vertical-align: middle; text-align: left; text-transform: uppercase; font-family: "ArcaMajora3 Bold", sans-serif; font-size: 22px; line-height: 24px; font-weight: 400; letter-spacing: 3px; margin: 0; color: #1b1b1b; } .header_trans-fixed.header_top_bg .logo span { color: #fff; } #topmenu { width: 100%; text-align: center; background: #ffffff; } #topmenu ul { list-style: none; margin: 0; padding: 0; display: inline-block; } #topmenu ul li { display: inline-block; position: relative; } #topmenu ul li a { font-size: 12px; font-family: "ArcaMajora3 Bold", sans-serif; color: #1b1b1b; font-weight: 400; display: block; text-align: left; text-transform: uppercase; text-decoration: none; padding: 0 20px 5px; line-height: 45px; letter-spacing: 0.96px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-font-smoothing: antialiased; } .header_trans-fixed.header_top_bg #topmenu ul li a { color: #fff; } .header_trans-fixed.header_top_bg.open #topmenu ul li a { color: #1b1b1b; } .top-menu #topmenu > ul > li > a, .top-menu #topmenu ul.social > li > a { padding: 0; } #topmenu .social .fa { font-size: 15px; } .top-menu .logo:hover { opacity: 1 !important; } .top-menu .logo img { max-height: 100px; } #topmenu ul ul { position: absolute; z-index: 999; left: 0; top: 50px; min-width: 250px; display: none; box-sizing: border-box; } #topmenu ul ul li::before { content: ''; display: table; clear: both; } #topmenu ul ul li a { font-size: 12px; line-height: 26px; padding: 3px 30px; font-family: "ArcaMajora3 Bold", sans-serif; letter-spacing: 0.72px; display: block; width: 100%; position: relative; -webkit-font-smoothing: antialiased; } #topmenu > ul > li > ul > li:hover ul { display: block; } #topmenu > ul > li > ul > li > ul { left: 101%; top: -15px; } .mob-nav { display: none; width: 20px; height: 20px; margin: 0 auto 12px; font-size: 14px; color: #1b1b1b; opacity: 1; } .mob-nav:hover { opacity: 0.7; } .header_trans-fixed .mob-nav i { color: #fff; } .header_trans-fixed.header_top_bg { -webkit-transition: background-color 300ms ease; -moz-transition: background-color 300ms ease; -ms-transition: background-color 300ms ease; -o-transition: background-color 300ms ease; transition: background-color 300ms ease; } .header_trans-fixed.header_top_bg.bg-fixed-color { background-color: #1B1B1B; } header:not(.aside-menu) #topmenu ul ul li a { text-transform: uppercase !important; } header:not(.aside-menu) #topmenu ul ul ul li a { text-transform: uppercase !important; } .whizz-top-social { display: inline-block; margin-left: 0px; position: relative; vertical-align: middle; } .whizz-top-social .social-icon { display: none; font-size: 14px; color: #1b1b1b; opacity: 1; padding: 0 20px; cursor: pointer; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; -ms-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity 0.3s ease; position: relative; z-index: 30; } .header_trans-fixed .whizz-top-social .social-icon { color: #fff; } .whizz-top-social .social-icon:hover { opacity: 0.7; } #topmenu .whizz-top-social .social { margin-left: 0; } #topmenu .social li { display: inline-block; margin-left: 12px; } #topmenu .whizz-top-social .social li a { margin-left: 0; color: #1b1b1b; opacity: 1; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; -ms-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity 0.3s ease; } .header_trans-fixed .right-menu #topmenu .whizz-top-social .social li a { color: #fff; } #topmenu .whizz-top-social .social:hover a { opacity: 0.7; } #topmenu .whizz-top-social .social li a:hover { opacity: 1; } .header_trans-fixed .right-menu #topmenu .whizz-top-social .social { background-color: transparent; } #topmenu .whizz-top-social .social li { margin-left: 10px; } #topmenu .whizz-top-social .social.active { visibility: visible; opacity: 1; } #topmenu .whizz-top-social .social li a { line-height: 45px; } #topmenu ul > li > ul > li > ul { display: none; } #topmenu .whizz_mini_cart .product_list_widget .mini_cart_item .mini-cart-data .mini_cart_item_price { color: #fff; } .mini-cart-wrapper { display: inline-block; position: relative; vertical-align: middle; } .mini-cart-wrapper .whizz-shop-icon { text-decoration: none; padding: 0 10px 3px 25px; font-size: 14px; } .header_trans-fixed .mini-cart-wrapper .whizz-shop-icon::before { color: #fff; } .mini-cart-wrapper .whizz-shop-icon:before { display: inline-block; line-height: 33px; color: #1b1b1b; } .mini-cart-wrapper .whizz-shop-icon .cart-contents { display: inline-block; } .mini-cart-wrapper .whizz-shop-icon .cart-contents-count { display: inline-block; line-height: 33px; font-family: "ArcaMajora3 Bold"; font-size: 12px; font-weight: 400; letter-spacing: 1.12px; color: #1b1b1b; padding-left: 3px; } .whizz_mini_cart { position: absolute; right: 0; top: 50px; display: block; background-color: #1b1b1b; opacity: 0; visibility: hidden; min-width: 330px; padding: 23px 30px; text-align: center; -webkit-transition: opacity .5s ease, visibility 0.5s ease; -moz-transition: opacity .5s ease, visibility 0.5s ease; -ms-transition: opacity .5s ease, visibility 0.5s ease; -o-transition: opacity .5s ease, visibility 0.5s ease; transition: opacity 0.5s ease, visibility 0.5s ease; } .mini-cart-wrapper:hover .whizz_mini_cart { opacity: 1; visibility: visible; } #topmenu .whizz_mini_cart .product_list_widget { display: block; } #topmenu .whizz_mini_cart .product_list_widget .empty { font-family: "ArcaMajora3 Bold", sans-serif; font-size: 18px; line-height: 28px; letter-spacing: 1.4px; font-weight: 400; color: #fff; } #topmenu .whizz_mini_cart .product_list_widget .mini_cart_item { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 0; margin-bottom: 23px; } #topmenu .whizz_mini_cart .product_list_widget .mini_cart_item .mini_cart_item_thumbnail { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 40%; max-width: 70px; margin-top: 7px; } #topmenu .whizz_mini_cart .product_list_widget .mini_cart_item .mini_cart_item_thumbnail a { padding: 0; display: block; } #topmenu .whizz_mini_cart .product_list_widget .mini_cart_item .mini_cart_item_thumbnail img { float: none; max-width: 70px; width: 100%; margin-left: 0; } #topmenu .whizz_mini_cart .product_list_widget .mini_cart_item .mini-cart-data { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; width: 60%; padding-left: 20px; } #topmenu .whizz_mini_cart .product_list_widget .mini_cart_item .mini-cart-data .mini_cart_item_name { font-family: "ArcaMajora3 Bold", sans-serif; font-size: 14px; line-height: 28px; letter-spacing: 1px; font-weight: 400; color: #fff; text-align: left; padding: 0; } #topmenu .whizz_mini_cart .product_list_widget .mini_cart_item .mini-cart-data .mini_cart_item_quantity { font-family: "ArcaMajora3 Bold", sans-serif; font-size: 12px; line-height: 20px; letter-spacing: 2.88px; font-weight: 400; color: #b2b2b2; margin-bottom: 3px; } #topmenu .whizz_mini_cart a.button { margin-bottom: 0; letter-spacing: 1.2px; line-height: 20px; position: relative; display: inline-block; font-family: "ArcaMajora3 Bold", sans-serif; font-weight: bold; box-sizing: border-box; padding: 10px 46px 6px 30px; font-size: 12px; text-decoration: none; text-transform: uppercase; -webkit-font-smoothing: antialiased; color: #fff; background-color: #1B1B1B; width: auto; border-radius: 0; border: 1px solid #fff; } #topmenu .whizz_mini_cart a.button::after { content: '\f0da'; font-family: "FontAwesome"; position: absolute; top: 50%; right: 30px; color: #fff; font-size: 12px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: right 300ms ease; -moz-transition: right 300ms ease; -ms-transition: right 300ms ease; -o-transition: right 300ms ease; transition: right 300ms ease; } #topmenu .whizz_mini_cart a.button:hover::after { right: 20px; } .header_trans-fixed.none { display: none; } .header_trans-fixed.header_top_bg .mini-cart-wrapper .whizz-shop-icon .cart-contents-count { color: #fff; } .whizz_mini_cart .product_list_widget .mini_cart_item .mini_cart_item_thumbnail img { height: auto; } .socials-mob-but { display: none; } .socials-mob-but:active, .socials-mob-but:visited { opacity: 1; } .header_top_bg:not(.header_trans-fixed) { padding-bottom: 10px; } #topmenu .whizz_mini_cart .product_list_widget .mini_cart_item .mini-cart-data .mini_cart_item_price { font-size: 12px; } .unit .mini-cart-wrapper .whizz-shop-icon { font-size: 25px; } header .logo img { max-width: none; max-height: 75px; } header .logo:hover { opacity: 1; } .header_trans-fixed .f-right > div:first-child::before { background: #fff !important; } @media only screen and (max-width: 1199px) { .whizz-top-social { margin-left: 5px; } } @media (min-width: 992px) { .aside-menu .mini-cart-wrapper:hover .whizz_mini_cart { opacity: 0; visibility: hidden; } .header_trans-fixed #topmenu { background-color: transparent; } #topmenu ul ul { background-color: #1B1B1B; padding: 10px 0px; } .right-menu .logo, .right-menu #top-menu { display: table-cell; vertical-align: middle; } .top-menu #topmenu ul ul { left: -20px; } .top-menu .whizz-top-social { margin-left: 10px; } #topmenu ul ul li { display: block; margin-bottom: 5px; } #topmenu ul ul li:last-child { margin-bottom: 0; } .top-menu #topmenu > ul:not(.social) > li { margin: 0 10px 5px 10px; padding: 0; } #topmenu ul ul li a { color: #ffffff; text-transform: none !important; opacity: .7; } #topmenu ul ul li a { opacity: .7; } #topmenu ul ul li a:hover { opacity: 1; } #topmenu ul ul li.current-menu-item > a { color: #fff; opacity: 1; } .header_trans-fixed.header_top_bg #topmenu ul ul li.current-menu-item > a { opacity: 1; } #topmenu ul li:hover > ul { display: block; } #topmenu { display: block !important; } #topmenu .f-right > div { position: relative; } #topmenu .f-right > div:first-child::before { content: ''; width: 1px; height: 15px; opacity: .3; background-color: #1b1b1b; position: absolute; right: -15px; top: 47%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } #topmenu .f-right > div:last-child::before { content: none; } #topmenu > ul > li > ul > li > ul { left: -100%; top: -15px; } #topmenu ul li a { opacity: .7; } .sub-menu li a { z-index: 1999; } .pl30md { padding-left: 30px !important; padding-right: 0 !important; } .pr30md { padding-right: 30px !important; padding-left: 0 !important; } .right-menu { width: 100%; margin: auto; display: table; padding: 22px 0 13px; } .right-menu .f-right { float: right; } .right-menu .f-right > div { position: relative; } .right-menu .f-right > div:first-child::before { content: ''; width: 1px; height: 15px; background-color: #B2B2B2; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .right-menu .f-right > div:last-child::before { content: none; } .right-menu #topmenu { text-align: center; display: table-cell !important; margin-top: 0; vertical-align: middle; } .header_trans-fixed.header_top_bg .right-menu { padding: 0; } .header_trans-fixed.header_top_bg .right-menu #topmenu > ul > li > a { padding: 13px 0 13px; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .header_trans-fixed.header_top_bg .right-menu #topmenu > ul ul { top: 60px; } .header_trans-fixed.header_top_bg .right-menu #topmenu > ul ul ul { top: -10px; } .right-menu #topmenu ul ul { left: 10px; top: 44px; } .top-menu #topmenu ul ul { left: -20px; top: 100%; } .right-menu #topmenu > ul > li > ul > li > ul { left: 100%; top: -10px; } .top-menu #topmenu > ul > li > ul > li > ul { left: 100%; top: -10px; } .right-menu #topmenu .social { text-align: right; vertical-align: top; } .right-menu #topmenu .social li a { padding: 0; margin-left: 0; } .right-menu #topmenu .social li a:hover { opacity: 0.5; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .right-menu #topmenu .social li a::after, .right-menu #topmenu .social li a::before { content: none; } .right-menu #topmenu > ul > li > a { position: relative; padding: 0; margin: 0 23px; opacity: .7; } .right-menu #topmenu > ul > li > a:hover, .top-menu #topmenu > ul > li > a:hover { opacity: 1; } .right-menu #topmenu > ul > li.current-menu-item > a, .top-menu #topmenu > ul > li.current-menu-item > a, .right-menu #topmenu > ul > li.current-menu-parent > a, .top-menu #topmenu > ul > li.current-menu-parent > a { opacity: 1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .right-menu .logo img { max-height: 75px; margin: 5px auto; } .top-menu #topmenu > ul > li:last-child > ul > li > ul { left: -webkit-calc(-100% - 30px); left: calc(-100% - 30px); } #topmenu .whizz-top-social .social { z-index: 25; text-align: left; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .aside-nav { display: none; } .aside-menu { position: fixed; top: 0; left: 0; } .aside-menu .topmenu { position: fixed; top: 0; left: -100%; height: 100%; width: 294px !important; padding: 50px 0; margin-left: 58px; text-align: center; background-color: #fff; box-sizing: border-box; outline: 0; z-index: 101; backface-visibility: hidden; -webkit-transition: left 0.5s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: left 0.5s cubic-bezier(0.77, 0, 0.175, 1); -ms-transition: left 0.5s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: left 0.5s cubic-bezier(0.77, 0, 0.175, 1); transition: left 0.5s cubic-bezier(0.77, 0, 0.175, 1); } .aside-menu .topmenu.active-menu { left: 0; } .aside-menu.active-menu { left: 0; } .aside-menu.active-menu .aside-nav .aside-nav-line.line-1 { display: none; } .aside-menu.active-menu .aside-nav .aside-nav-line.line-2 { top: 50%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .aside-menu.active-menu .aside-nav .aside-nav-line.line-3 { top: 50%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(-45deg); } .aside-menu .logo { position: absolute; z-index: 9999; top: 20px; left: 31px; padding: 20px 0; } .aside-menu .aside-nav { position: fixed; display: block; left: 0; top: 0; width: 58px; background-color: #f2f2f2; height: 100%; z-index: 1000; } .aside-menu .aside-nav .aside-nav-line { position: absolute; top: 50%; left: 18px; display: block; width: 22px; height: 1px; background-color: #212121; -webkit-transition:transform .3s ease; -moz-transition: transform .3s ease; -ms-transition: transform .3s ease; -o-transition:transform .3s ease; transition: transform .3s ease; } .aside-menu .aside-nav .aside-nav-line.line-1 { -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px); -o-transform: translateY(-6px); transform: translateY(-6px); } .aside-menu .aside-nav .aside-nav-line.line-3 { -webkit-transform: translateY(6px); -moz-transform: translateY(6px); -ms-transform: translateY(6px); -o-transform: translateY(6px); transform: translateY(6px); } .aside-menu .aside-nav:hover { opacity: 1; } .aside-menu .aside-nav:focus { opacity: 1; } .aside-menu .aside-nav:hover .aside-nav-line { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .aside-menu #topmenu { display: table !important; border-right: 1px solid #f2f2f2; } .aside-menu #topmenu ul.menu { display: inline-block; padding-bottom: 50px; vertical-align: middle; overflow-y: auto; width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .aside-menu #topmenu ul.menu li { display: block; } .aside-menu #topmenu ul.menu li a { text-align: center; } .aside-menu #topmenu .f-right { float: none; position: absolute; left: 50%; width: -webkit-calc(100% - 35px); width: -moz-calc(100% - 35px); width: calc(100% - 35px); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: 40px; z-index: 2; } .aside-menu #topmenu .f-right .whizz-top-social { margin-left: 0; } .aside-menu #topmenu .f-right .whizz-top-social li { margin-right: 5px; margin-left: 5px; } .aside-menu #topmenu .sub-menu { width: 293px !important; position: static; } .aside-menu #topmenu::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 80px; background: #fff; z-index: 1; } .aside-menu #topmenu > ul > li:hover ul, .aside-menu #topmenu > ul > li > ul > li:hover ul { display: none; } .aside-menu #topmenu ul > li > ul > li > ul { border-top: 1px solid #eee; border-bottom: 1px solid #eee; } header:not(.aside-menu) #topmenu ul li.mega-menu { position: static; } header:not(.aside-menu).right-menu #topmenu ul .mega-menu > ul { width: 100%; left: 0; top: 60px; } header:not(.aside-menu) #topmenu ul li.mega-menu:hover > ul { padding-top: 25px; overflow: hidden; } header:not(.aside-menu) #topmenu ul li.mega-menu:hover > ul::before { content: ""; position: absolute; width: 100%; bottom: 0; left: 0; height: 30px; background-color: #1B1B1B; z-index: 10; } header:not(.aside-menu) #topmenu ul li.mega-menu:hover > ul > li { float: left; width: 25%; } header:not(.aside-menu) #topmenu ul li.mega-menu > ul > li::before { content: ""; position: absolute; width: 1px; left: 100%; top: 30px; height: 100vh; background-color: #353535; } header:not(.aside-menu) #topmenu ul li.mega-menu > ul > li:nth-child(1)::before { left: 25%; } header:not(.aside-menu) #topmenu ul li.mega-menu > ul > li:nth-child(2)::before { left: 50%; } header:not(.aside-menu) #topmenu ul li.mega-menu > ul > li:nth-child(3)::before { left: 75%; } header:not(.aside-menu) #topmenu ul li.mega-menu:hover > ul > li > a { text-transform: uppercase !important; } header:not(.aside-menu) #topmenu ul > li.mega-menu:hover > ul > li > ul { display: block; position: static; text-align: left; min-width: 100%; } header:not(.aside-menu) #topmenu ul > li.mega-menu:hover > ul > li > ul > li { display: block; } header:not(.aside-menu).right-menu #topmenu ul .mega-menu ul li { display: inline-block; position: static; } header.top-menu #topmenu ul li.mega-menu > ul { top: -webkit-calc(100% - 25px); top: calc(100% - 25px); } header.top-menu #topmenu ul li.mega-menu > ul > li::before { display: none; } header.top-menu #topmenu ul ul { left: 0; } header.top-menu #topmenu ul li.mega-menu > ul > li:nth-child(1)::before, header.top-menu #topmenu ul li.mega-menu > ul > li:nth-child(2)::before, header.top-menu #topmenu ul li.mega-menu > ul > li:nth-child(3)::before { left: 100%; display: block; top: 0; } .top-menu .logo span { padding: 24px 10px; } header.top-menu .logo span { padding: 15px 10px; } #topmenu { margin-top: 13px; } .right-menu { max-width: -webkit-calc(100% - 30px); max-width: calc(100% - 30px); } .right-menu .logo span { float: left; } .top-menu #topmenu > ul:not(.social) > li { margin: 0 0 5px; padding: 0 23px; } .top-menu #topmenu > ul > li:last-child > ul > li > ul { left: -webkit-calc(-100%); left: calc(-100%); } .top-menu #topmenu > ul > li > ul > li > ul { left: -webkit-calc(100% + 23px); left: calc(100% + 23px); } } @media (min-width: 992px) and (max-width: 1199px) { .right-menu #topmenu > ul > li > a { margin: 0 10px; } } @media (min-width: 991px) { .top-menu { padding-top: 20px; padding-bottom: 20px; } .main-wrapper.unit .right-menu #topmenu > ul > li > a { margin: 0 10x; } } @media (max-width: 991px) { .header_top_bg > .container { width: 100%; } #topmenu { overflow-x: hidden; } .header_trans-fixed.header_top_bg .mini-cart-wrapper .whizz-shop-icon .cart-contents-count { color: #1b1b1b; } .main-wrapper header .logo img { max-height: 75px; } header { padding: 20px 45px; } #topmenu ul li ul { box-shadow: none; font-style: normal; } #topmenu ul { box-shadow: none; font-style: normal; } .header_top_bg > .container > .row > .col-xs-12 { padding: 0; } .top-menu .logo { margin-bottom: 0; margin-top: 0; } .no-padd-mob { padding: 0 !important; } .right-menu #topmenu .menu li.menu-item-has-children > a, #topmenu .menu li.menu-item-has-children > a { position: relative; } #topmenu ul li a:hover { opacity: 1; } .mob-nav { display: block; margin: 0; position: absolute; top: -webkit-calc(50% - 4px); top: calc(50% - 4px); left: 20px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .mob-nav i::before { font-size: 24px; } #topmenu { display: inline-block; overflow-y: auto; height: 100vh !important; position: absolute; padding-bottom: 84px; margin-bottom: 50px; text-align: left; padding-top: 0px; top: 100%; width: auto; background-color: transparent; } #topmenu ul ul { display: block; position: static; } #topmenu ul.menu > li > ul > li > ul { display: block !important; } #topmenu ul.menu { width: auto; display: inline-block; padding-bottom: 30px; background-color: #fff; } #topmenu ul.menu li { display: block !important; float: none; margin-bottom: 0px; } #topmenu ul.menu li a { padding: 5px 10px; line-height: 25px; display: block; width: 100% !important; float: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #topmenu ul.menu li a:hover { opacity: 0.7; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } /*1 level menu*/ #topmenu > ul.menu > li { margin-bottom: 15px; } #topmenu > ul.menu > li > a { font-size: 14px; } /*2 level menu*/ #topmenu > ul.menu > li > ul > li, #topmenu > ul.menu > li > ul > li > ul > li { margin: -1px 15px 0; border: 1px solid #f1f2f3; } #topmenu > ul.menu > li > ul > li > ul > li:last-child { margin-bottom: 20px; } #topmenu .social li a { padding: 0 10px !important; line-height: 25px !important; } .right-menu #topmenu .social { display: block; } .right-menu #topmenu .social li { display: inline-block; } .right-menu #topmenu .social li a { padding: 0 10px 5px; } .header_trans-fixed.header_top_bg #topmenu { top: 100%; } .whizz-top-social .social-icon { display: none; } .right-menu #topmenu .whizz-top-social .social { position: static; visibility: visible; opacity: 1; } .right-menu #topmenu .whizz-top-social .social li { margin-left: 7px; } .header_trans-fixed.open .right-menu #topmenu .whizz-top-social .social li a { color: #1b1b1b; } .mini-cart-wrapper { display: block; margin: 20px 10px 30px 10px; } .whizz_mini_cart { opacity: 1; visibility: visible; position: relative; right: auto; left: 0; top: 10px; width: 100%; min-width: 0; } #topmenu ul li.mega-menu:hover > ul > li { width: 100%; } header a.logo { display: inline-block; } #topmenu { -webkit-transform: translateX(-150%); -moz-transform: translateX(-150%); -ms-transform: translateX(-150%); -o-transform: translateX(-150%); transform: translateX(-150%); left: 0; opacity: .7; -webkit-transition: all 950ms ease; -moz-transition: all 950ms ease; -ms-transition: all 950ms ease; -o-transition: all 950ms ease; transition: all 950ms ease; } #topmenu.open { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); -webkit-transition: all 650ms ease; -moz-transition: all 650ms ease; -ms-transition: all 650ms ease; -o-transition: all 650ms ease; transition: all 650ms ease; } #topmenu ul li.mega-menu:hover > ul > li { width: auto; } #topmenu.active-socials { overflow: visible; opacity: 1; width: 100%; } #topmenu .f-right { opacity: 0; visibility: hidden; position: absolute; background: #fff; padding: 15px; padding-top: -webkit-calc(100vh / 2 - 100px); padding-top: calc(100vh / 2 - 100px); top: 0; left: 150%; text-align: center; z-index: 9999; width: 100%; height: 100vh; -webkit-transition: all 350ms ease; -moz-transition: all 350ms ease; -ms-transition: all 350ms ease; -o-transition: all 350ms ease; transition: all 350ms ease; } #topmenu .f-right a { visibility: hidden; } #topmenu .f-right.active-socials { opacity: 1; visibility: visible; } #topmenu .f-right.active-socials a { visibility: visible; } #topmenu .f-right .header_trans-fixed.open .right-menu #topmenu .whizz-top-social .social li a { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .socials-mob-but { display: block; margin: 0; position: absolute; top: -webkit-calc(50% + 2px); top: calc(50% + 2px); right: 20px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .socials-mob-but i::before { font-size: 24px; } #topmenu .social .fa, .mini-cart-wrapper .whizz-shop-icon { font-size: 35px; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .mini-cart-wrapper .whizz-shop-icon { padding: 4px 10px; } .mini-cart-wrapper { margin: 0; margin-top: -3px; } .header_trans-fixed .socials-mob-but i { color: #fff; } .header_trans-fixed.header_top_bg.open header .socials-mob-but i, .header_trans-fixed #topmenu .whizz-top-social .social li a, .header_trans-fixed .mini-cart-wrapper .whizz-shop-icon::before { color: #1b1b1b !important; } .header_trans-fixed.header_top_bg { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .mini-cart-wrapper { display: inline-block; vertical-align: middle; } #topmenu .whizz-top-social .social:hover a { opacity: 1 !important; } .whizz_mini_cart { display: none; } .whizz-top-social { vertical-align: middle; margin-left: 0; } #topmenu .whizz-top-social .social li { margin-left: 0; } .mini-cart-wrapper .whizz-shop-icon:before { margin-top: -3px; } .header_trans-fixed.header_top_bg.open { background-color: #fff; position: fixed; z-index: 1000; top: 0; width: 100%; } } /*------------------------------------------------------*/ /*---------------------- 54 .STATIC ASIDE MENU ----------------------*/ .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden, .mCSB_inside > .mCSB_container { margin-right: 0; } @media only screen and (min-width: 992px) { body.static-menu .header_top_bg{ z-index: 2000; position: fixed; height: 0; } .static-menu .aside-menu{ height: 100vh; } .static-menu { padding-left: 293px; position: relative; } .static-menu .right-menu .logo span { float: none; } .static-menu.woocommerce > .main-wrapper > .container { padding: 0 15px !important; } .static-menu.woocommerce.woocommerce-page ul.products { margin-top: 20px; } .static-menu.woocommerce div.product { margin-top: 20px; } .static-menu .whizz-woocommerce-pagination .nav-links { padding: 30px 30px 70px; } .static-menu .main-header-testimonial { margin-left: auto; margin-right: auto; } .static-menu .single-pagination { padding: 15px; } .static-menu .top-banner { height: 500px; } .static-menu .row.single-share { margin-right: 0; margin-left: 0; } .static-menu .portfolio-single-content .izotope-container { margin-top: 20px; } .static-menu .pixproof-data, .static-menu .pixproof-data .grid__item:last-child { margin-top: 20px; } .static-menu .portfolio-single-content .single-pagination { padding: 50px 15px; } .static-menu .banner-slider .page-view { max-width: 100%; } .static-menu .portfolio-single-content p, .static-menu .portfolio-single-content h1, .static-menu .portfolio-single-content h2, .static-menu .portfolio-single-content h3, .static-menu .portfolio-single-content h4, .static-menu .portfolio-single-content h5, .static-menu .portfolio-single-content h6 { padding: 0 15px; } .static-menu .portfolio-single-content .row.gallery-single { margin-right: 0; margin-left: 0; } .static-menu .swiper-container-split .swiper-slide .slide-item.slide-text-left .wrap-slide-text { padding-left: 190px; } .static-menu .vc_row:not([data-vc-stretch-content="true"]) { padding-left: 0 !important; padding-right: 0 !important; } .static-menu .vc_row[data-vc-full-width] { max-width: -webkit-calc(100% + 30px) !important; max-width: calc(100% + 30px) !important; left: 0 !important; } .static-menu .top-banner .content { padding: 0 15px; } .static-menu .flow-slider .swiper-container { width: 120vw; } .static-menu .exhibition-wrap .container-wrap { max-width: 100%; } .static-menu .exhibition-wrap .slide { max-width: -webkit-calc(70vw - 90px); max-width: calc(70vw - 90px); } .static-menu #footer { max-width: -webkit-calc(100% - 294px); max-width: calc(100% - 294px); left: 294px; } .static-menu .container { max-width: 100%; } .static-menu .header_top_bg { padding-bottom: 0; } .aside-menu.static { max-width: 290px; left: 0; } .aside-menu.static .aside-nav { display: none; } .aside-menu.static #topmenu ul.menu { overflow-y: hidden; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .aside-menu.static #topmenu { left: 0 !important; margin-left: 0; vertical-align: top; border-right: none; } .aside-menu.static #topmenu .sub-menu { margin-left: 20px; width: -webkit-calc(100% - 40px) !important; width: calc(100% - 40px) !important; } .aside-menu.static #topmenu li:hover > .sub-menu { display: none; } .aside-menu.static #topmenu .menu li a { text-align: left; font-size: 14px; line-height: 2; padding: 0 20px 5px 45px; } .aside-menu.static #topmenu .menu li a:hover { opacity: 1; } .aside-menu.static #topmenu .current-menu-parent a, .aside-menu.static #topmenu .current-menu-item a { opacity: 1; } .aside-menu.static #topmenu .f-right { text-align: left; padding-left: 28px; } .aside-menu.static .logo { left: 0; width: 100%; top: 0; padding-top: 40px; text-align: left; opacity: 1; padding-left: 45px; } .aside-menu.static .logo span { font-size: 30px; line-height: 1; } .aside-menu.static .logo img { max-width: 100%; } .aside-menu.static .logo:hover { opacity: 1; } } @media only screen and (min-width: 1650px) { .static-menu .vc_row:not([data-vc-stretch-content="true"]) { padding-left: 7% !important; padding-right: 7% !important; } } @media only screen and (min-width: 1199px) and (max-width: 1375px) { .static-menu .pricing-item { padding: 60px 40px; } .static-menu .pricing-item .mask-image { min-width: 150px; width: 150px; } } @media only screen and (min-width: 1200px) and (max-width: 1275px) { .static-menu .pricing-item .mask-image { min-width: 130px; width: 130px; } } @media only screen and (min-width: 992px) and (max-width: 1375px) { .static-menu .outer-album-swiper .album-text-block, .static-menu .outer-album-swiper .right-content { max-width: 260px; } } @media only screen and (min-width: 992px) and (max-width: 1350px) { .static-menu .contacts-info-wrap.style3 .content { padding: 100px 20px; } .static-menu .swiper3-container.carousel-albums .swiper3-button-prev { left: 30px; } .static-menu .swiper3-container.carousel-albums .swiper3-button-prev:hover { left: 20px; } .static-menu .swiper3-container.carousel-albums .swiper3-button-next { right: 30px; } .static-menu .swiper3-container.carousel-albums .swiper3-button-next:hover { right: 20px; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .static-menu.single-product .product .woocommerce-Reviews #comments, .static-menu.whizz_product_detail .product .woocommerce-Reviews #comments { width: 60%; } .static-menu.single-product .product .woocommerce-Reviews #review_form_wrapper, .static-menu.whizz_product_detail .product .woocommerce-Reviews #review_form_wrapper { width: 40%; } .static-menu .coming-soon .svg .count { font-size: 115px; } .static-menu .client-wrap { width: 50%; } .static-menu .info-block-parallax-wrap .content-wrap { padding: 70px 20px 70px; } } @media only screen and (min-width: 992px) and (max-width: 1100px) { .static-menu .top-banner { height: 300px; } .static-menu .top-banner.center_content { min-height: 300px; } .static-menu .fragment-wrapper .fragment-block .fragment-text .wrap-frag-text .title { font-size: 50px; line-height: 55px; } .static-menu .swiper-container-vert-slider .swiper-slide .container .wrap-text { max-width: -webkit-calc(100% - 40px); max-width: calc(100% - 40px); } .static-menu .swiper-container-vert-slider .swiper-slide .container .wrap-text .title { font-size: 60px; letter-spacing: 8px; } .static-menu .portfolio-slider-wrapper.slider_classic .content-wrap .portfolio-title { font-size: 50px; letter-spacing: 7px; } .static-menu .portfolio-single-content .gallery-single.infinite_full_gallery .item-single { width: 33.33%; } .static-menu .portfolio.grid .item { width: 50% !important; } .static-menu .flow-slider .flow-title { font-size: 60px; } } /*------------------------------------------------------*/ /*---------------------- 54 .STATIC ASIDE MENU ----------------------*/ .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden, .mCSB_inside > .mCSB_container { margin-right: 0; } @media only screen and (min-width: 992px) { .static-menu { padding-left: 293px; position: relative; } .static-menu .right-menu .logo span { float: none; } .static-menu.woocommerce > .main-wrapper > .container { padding: 0 15px !important; } .static-menu.woocommerce.woocommerce-page ul.products { margin-top: 20px; } .static-menu.woocommerce div.product { margin-top: 20px; } .static-menu .whizz-woocommerce-pagination .nav-links { padding: 30px 30px 70px; } .static-menu .main-header-testimonial { margin-left: auto; margin-right: auto; } .static-menu .single-pagination { padding: 15px; } .static-menu .top-banner { height: 500px; } .static-menu .row.single-share { margin-right: 0; margin-left: 0; } .static-menu .portfolio-single-content .izotope-container { margin-top: 20px; } .static-menu .pixproof-data, .static-menu .pixproof-data .grid__item:last-child { margin-top: 20px; } .static-menu .portfolio-single-content .single-pagination { padding: 50px 15px; } .static-menu .banner-slider .page-view { max-width: 100%; } .static-menu .portfolio-single-content p, .static-menu .portfolio-single-content h1, .static-menu .portfolio-single-content h2, .static-menu .portfolio-single-content h3, .static-menu .portfolio-single-content h4, .static-menu .portfolio-single-content h5, .static-menu .portfolio-single-content h6 { padding: 0 15px; } .static-menu .portfolio-single-content .row.gallery-single { margin-right: 0; margin-left: 0; } .static-menu .swiper-container-split .swiper-slide .slide-item.slide-text-left .wrap-slide-text { padding-left: 190px; } .static-menu .vc_row:not([data-vc-stretch-content="true"]) { padding-left: 0 !important; padding-right: 0 !important; } .static-menu .vc_row[data-vc-full-width] { max-width: -webkit-calc(100% + 30px) !important; max-width: calc(100% + 30px) !important; left: 0 !important; } .static-menu .top-banner .content { padding: 0 15px; } .static-menu .flow-slider .swiper-container { width: 120vw; } .static-menu .exhibition-wrap .container-wrap { max-width: 100%; } .static-menu .exhibition-wrap .slide { max-width: -webkit-calc(70vw - 90px); max-width: calc(70vw - 90px); } .static-menu #footer { max-width: -webkit-calc(100% - 294px); max-width: calc(100% - 294px); left: 294px; } .static-menu .container { max-width: 100%; } .static-menu .header_top_bg { padding-bottom: 0; } .aside-menu.static { max-width: 290px; left: 0; } .aside-menu.static .aside-nav { display: none; } .aside-menu.static #topmenu ul.menu { overflow-y: hidden; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .aside-menu.static #topmenu { left: 0 !important; margin-left: 0; vertical-align: top; border-right: none; } .aside-menu.static #topmenu .sub-menu { margin-left: 20px; width: -webkit-calc(100% - 40px) !important; width: calc(100% - 40px) !important; } .aside-menu.static #topmenu li:hover > .sub-menu { display: none; } .aside-menu.static #topmenu .menu li a { text-align: left; font-size: 14px; line-height: 2; padding: 0 20px 5px 45px; } .aside-menu.static #topmenu .menu li a:hover { opacity: 1; } .aside-menu.static #topmenu .current-menu-parent a, .aside-menu.static #topmenu .current-menu-item a { opacity: 1; } .aside-menu.static #topmenu .f-right { text-align: left; padding-left: 28px; } .aside-menu.static .logo { left: 0; width: 100%; top: 0; padding-top: 40px; text-align: left; opacity: 1; padding-left: 45px; } .aside-menu.static .logo span { font-size: 30px; line-height: 1; } .aside-menu.static .logo img { max-width: 100%; } .aside-menu.static .logo:hover { opacity: 1; } } @media only screen and (min-width: 1650px) { .static-menu .vc_row:not([data-vc-stretch-content="true"]) { padding-left: 7% !important; padding-right: 7% !important; } } @media only screen and (min-width: 1199px) and (max-width: 1375px) { .static-menu .pricing-item { padding: 60px 40px; } .static-menu .pricing-item .mask-image { min-width: 150px; width: 150px; } } @media only screen and (min-width: 1200px) and (max-width: 1275px) { .static-menu .pricing-item .mask-image { min-width: 130px; width: 130px; } } @media only screen and (min-width: 992px) and (max-width: 1375px) { .static-menu .outer-album-swiper .album-text-block, .static-menu .outer-album-swiper .right-content { max-width: 260px; } } @media only screen and (min-width: 992px) and (max-width: 1350px) { .static-menu .contacts-info-wrap.style3 .content { padding: 100px 20px; } .static-menu .swiper3-container.carousel-albums .swiper3-button-prev { left: 30px; } .static-menu .swiper3-container.carousel-albums .swiper3-button-prev:hover { left: 20px; } .static-menu .swiper3-container.carousel-albums .swiper3-button-next { right: 30px; } .static-menu .swiper3-container.carousel-albums .swiper3-button-next:hover { right: 20px; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .static-menu.single-product .product .woocommerce-Reviews #comments, .static-menu.whizz_product_detail .product .woocommerce-Reviews #comments { width: 60%; } .static-menu.single-product .product .woocommerce-Reviews #review_form_wrapper, .static-menu.whizz_product_detail .product .woocommerce-Reviews #review_form_wrapper { width: 40%; } .static-menu .coming-soon .svg .count { font-size: 115px; } .static-menu .client-wrap { width: 50%; } .static-menu .info-block-parallax-wrap .content-wrap { padding: 70px 20px 70px; } } @media only screen and (min-width: 992px) and (max-width: 1100px) { .static-menu .top-banner { height: 300px; } .static-menu .top-banner.center_content { min-height: 300px; } .static-menu .fragment-wrapper .fragment-block .fragment-text .wrap-frag-text .title { font-size: 50px; line-height: 55px; } .static-menu .swiper-container-vert-slider .swiper-slide .container .wrap-text { max-width: -webkit-calc(100% - 40px); max-width: calc(100% - 40px); } .static-menu .swiper-container-vert-slider .swiper-slide .container .wrap-text .title { font-size: 60px; letter-spacing: 8px; } .static-menu .portfolio-slider-wrapper.slider_classic .content-wrap .portfolio-title { font-size: 50px; letter-spacing: 7px; } .static-menu .portfolio-single-content .gallery-single.infinite_full_gallery .item-single { width: 33.33%; } .static-menu .portfolio.grid .item { width: 50% !important; } .static-menu .flow-slider .flow-title { font-size: 60px; } } /*------------------------------------------------------*/ /*---------------------- 03 .ASIDE MENU VERTICAL LOGO ----------------------*/ @media only screen and (min-width: 992px){ header.aside-menu{ padding: 0; } .aside-menu.vertical .logo { position: fixed; top: auto; bottom: 15px; left: 0; -webkit-transform-origin: left top 0; -moz-transform-origin: left top 0; -ms-transform-origin: left top 0; -o-transform-origin: left top 0; transform-origin: left top 0; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); padding: 0; height: 58px; } .aside-menu.vertical .logo span, .aside-menu.vertical .logo img{ max-height: 58px; margin: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } } /*------------------------------------------------------*/ /*---------------------- 05 .LEFT ALIGN MENU ----------------------*/ @media only screen and (min-width: 992px) { .right-menu.left .logo span { margin-top: 2px; } .right-menu.left #topmenu { padding-left: 23px; text-align: left; } .right-menu.left #topmenu > ul > li > a { margin: 0 18px 0 0; } } @media only screen and (max-width: 991px) { #topmenu ul.menu { max-height: 300000px !important; } #topmenu ul.menu{ min-width: 200px; } .header_trans-fixed.header_top_bg.open #topmenu ul li a{ color: #1b1b1b; } } /*------------------------------------------------------*/ /*---------------------- 09 .COMPACT MENU ----------------------*/ @media only screen and (min-width: 992px) { .right-menu.compact .mob-nav { display: table-cell; vertical-align: middle; padding: 30px; width: 12px; font-size: 20px; } .right-menu.compact .mob-nav .fa-times { font-size: 22px; } .right-menu.compact #topmenu { opacity: 0; visibility: hidden; -webkit-transition: all 350ms ease; -moz-transition: all 350ms ease; -ms-transition: all 350ms ease; -o-transition: all 350ms ease; transition: all 350ms ease; } .right-menu.compact #topmenu.open { opacity: 1; visibility: visible; } .header_trans-fixed.header_top_bg.open .right-menu.compact #topmenu ul li a, .header_trans-fixed.header_top_bg.open .right-menu.compact .logo span, .header_trans-fixed.header_top_bg.open .right-menu.compact .mob-nav i { color: #fff; } } /*------------------------------------------------------*/ /*---------------------- XX .FULL SCREEN MENU ----------------------*/ @media only screen and (min-width: 992px) { .right-menu.full #topmenu .full-menu-wrap{ position: absolute; top: 50%; left: 0; width: 100%; padding: 30px 0; } .right-menu.full #topmenu{ position: fixed; top: 0; left: 0; width: 100%; height: 100vh; overflow-y: auto; z-index: 90; } .right-menu.full #topmenu ul.menu li a{ text-align: center; line-height: 1.5; padding: 15px; } .right-menu.full #topmenu ul ul li a{ padding: 10px 15px; } .right-menu.full #topmenu ul{ display: block; } header.full #topmenu ul li.mega-menu:hover > ul{ padding-top: 10px; } .right-menu.full #topmenu ul li::before, .right-menu.full #topmenu ul ul, .right-menu.full #topmenu ul ul li{ display: none; } .right-menu.full #topmenu ul ul li{ display: block!important; float: none!important; width: 100%!important; } .right-menu.full #topmenu .f-right li{ display: inline-block; } .right-menu.full #topmenu .f-right{ display: block; float: none; margin-top: 30px!important; } .right-menu.full #topmenu ul li{ display: block; } .right-menu.full #topmenu .mob-nav{ position: relative; z-index: 9000; } .right-menu.full .sub-menu{ position: static!important; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .right-menu.full .whizz_mini_cart{ display: none; } .right-menu.full .mob-nav{ position: relative; z-index: 1000; } } @media only screen and (max-width: 991px) { .right-menu.full #topmenu .full-menu-wrap{ position: static; padding: 0; } } .animsition-loading{ background-image: none !important; background-repeat: no-repeat !important; background-position: center center !important; background-color: white; -webkit-animation: scaleout-image 100ms infinite ease-in-out; animation: scaleout-image 100ms infinite ease-in-out; } .animsition-loading:after { display: none !important; } .animsition-loading:before { content: ""; position: absolute; width: 40px; height: 40px; left: 50%; top: 50%; margin-left: -20px; margin-right: -20px; background-color: #333; border-radius: 100%; -webkit-animation: scaleout 100ms infinite ease-in-out; animation: scaleout 100ms infinite ease-in-out; display: none; } @-webkit-keyframes scaleout { 0% { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes scaleout { 0% { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 0; } } .preloader-svg svg{ height: 100px!important; } @media only screen and (max-width:991px){ .preloader-svg svg{ height:50px!important; } } @media only screen and (max-width: 767px){ .preloader-svg svg{ height:30px!important; } } /**** WHITE VERSION ****/ @media only screen and (min-width: 992px){ #topmenu ul ul, header:not(.aside-menu) #topmenu ul li.mega-menu:hover > ul::before{ background-color: #1B1B1B;; } } .header_trans-fixed.header_top_bg.bg-fixed-color{ background-color: #1B1B1B!important; } /* ======= FRONT COLOR 1 ======= */ /*END FRONT COLOR 1*/ /* ======= FRONT COLOR 2 ======= */ .woocommerce #review_form #respond textarea::-moz-placeholder { color: #000000; } .woocommerce #review_form #respond textarea::-webkit-input-placeholder { color: #000000; } .woocommerce #review_form #respond textarea:-moz-placeholder { color: #000000; } .woocommerce #review_form #respond textarea:-ms-input-placeholder { color: #000000; } .woocommerce #review_form #respond input::-moz-placeholder { color: #000000; } .woocommerce #review_form #respond input::-webkit-input-placeholder { color: #000000; } .woocommerce #review_form #respond input:-moz-placeholder { color: #000000; } .woocommerce #review_form #respond input:-ms-input-placeholder { color: #000000; } form.wpcf7-form input::-moz-placeholder { color: #000000; } .wpcf7 form input::-moz-placeholder { color: #000000; } form.wpcf7-form input::-webkit-input-placeholder { color: #000000; } .wpcf7 form input::-webkit-input-placeholder { color: #000000; } form.wpcf7-form input:-moz-placeholder { color: #000000; } .wpcf7 form input:-moz-placeholder { color: #000000; } form.wpcf7-form input:-ms-input-placeholder { color: #000000; } .wpcf7 form input:-ms-input-placeholder { color: #000000; } form.wpcf7-form textarea::-moz-placeholder { color: #000000; } .wpcf7 form textarea::-moz-placeholder { color: #000000; } form.wpcf7-form textarea::-webkit-input-placeholder { color: #000000; } .wpcf7 form textarea::-webkit-input-placeholder { color: #000000; } form.wpcf7-form textarea:-moz-placeholder { color: #000000; } .wpcf7 form textarea:-moz-placeholder { color: #000000; } form.wpcf7-form textarea:-ms-input-placeholder { color: #000000; } .wpcf7 form textarea:-ms-input-placeholder { color: #000000; } .protected-page input[type="password"]::-webkit-input-placeholder { color: #000000; } .protected-page input[type="password"]::-moz-placeholder { color: #000000; } .protected-page input[type="password"]:-ms-input-placeholder { color: #000000; } .protected-page input[type="password"]:-moz-placeholder { color: #000000; } #contactform textarea::-moz-placeholder, #contactform input::-moz-placeholder, .comments-form textarea::-moz-placeholder, .comments-form input::-moz-placeholder { color: #000000; } #contactform textarea::-webkit-input-placeholder, #contactform input::-webkit-input-placeholder, .comments-form textarea::-webkit-input-placeholder, .comments-form input::-webkit-input-placeholder { color: #000000; } #contactform textarea:-moz-placeholder, #contactform input:-moz-placeholder, .comments-form textarea:-moz-placeholder, .comments-form input:-moz-placeholder { color: #000000; } #contactform textarea:-ms-input-placeholder, #contactform input:-ms-input-placeholder, .comments-form textarea:-ms-input-placeholder, .comments-form input:-ms-input-placeholder { color: #000000; } .about-section .descr, .banner-gallery .content-wrap .description, .top-banner.left_content .subtitle, .category, .contact-info .details a, .contact-info .details h6, .portfolio.grid .post-wrapper .item-portfolio-content .date, .lg .lg-sub-html .dgwt-jg-item-desc, .filter ul li, .team-member-wrap.default .info .position, .team-member .info .position, .simple .post-box .text .post-box-date, .simple .post-box .text .post-box-desc, .simple .post-box .text .post-box-desc p, .services .content .text, .single-post p, .sm-wrap-post .content .excerpt, .sm-wrap-post .content .post-date .date, #footer .copyright, .comments .person .comment-date, .post-info span a, .post-info span, .about-details.style1 .content .text, .about-details .content .subtitle, .simple-details .content .subtitle, .titles .subtitle, .single-pagination > div a.content, .skill-wrapper .skill .value, .thumb-slider-wrapp .thumb-slider-wrapp-arrow .hide-images, .thumb-slider-wrapp .thumb-slider-wrapp-arrow .show-images, .albums-left-filter .button-group button, .twitter-wrapper .slug, .post-list .pager-pagination .page-numbers.next, .post-list .pager-pagination .page-numbers.prev, .pricing-gallery .images.content .subtitle, .protected-page input[type="password"], .single-product .product .summary .woocommerce-product-rating .woocommerce-review-link, .whizz_product_detail .product .summary .woocommerce-product-rating .woocommerce-review-link, .single-product .product .summary .product_desc p, .whizz_product_detail .product .summary .product_desc p, .single-product .product .summary .product_meta a, .whizz_product_detail .product .summary .product_meta a, .single-product .product .summary .product_meta, .whizz_product_detail .product .summary .product_meta, .single-product div.product .woocommerce-tabs ul.tabs.wc-tabs li a, .whizz_product_detail div.product .woocommerce-tabs ul.tabs.wc-tabs li a, .single-product div.product .woocommerce-tabs .woocommerce-Tabs-panel p, .whizz_product_detail div.product .woocommerce-tabs .woocommerce-Tabs-panel p, .single-product .product #reviews #comments .commentlist .comment .comment-text .description, .whizz_product_detail .product #reviews #comments .commentlist .comment .comment-text .description, .single-product .product .woocommerce-Reviews #review_form_wrapper .comment-form-rating label, .whizz_product_detail .product .woocommerce-Reviews #review_form_wrapper .comment-form-rating label, .single-proof_gallery .pixproof-data .grid__item .entry__meta-box span, .single-product .product .woocommerce-Reviews #review_form_wrapper input, .whizz_product_detail .product .woocommerce-Reviews #review_form_wrapper input, .single-product .product .woocommerce-Reviews #review_form_wrapper textarea, .whizz_product_detail .product .woocommerce-Reviews #review_form_wrapper textarea, .woocommerce ul.products li.product, .woocommerce ul.products li.product .category-product a, .whizz-woocommerce-pagination .nav-links .nav-previous a, .whizz-woocommerce-pagination .nav-links .nav-next a, #topmenu .whizz_mini_cart .product_list_widget .mini_cart_item .mini-cart-data .mini_cart_item_quantity, .whizz_cart.shop_table .complement-cart .coupon .input-text, .whizz-cart-collaterals .cart_totals .shop_table ul li, .select2-container .select2-choice, .select2-search:after, .select2-search input, .select2-results li, .woocommerce table.shop_table .cart_item .product-name .variation dd p, .woocommerce table.shop_table .cart-subtotal th, .woocommerce table.shop_table .order-total th, .woocommerce-checkout-review-order #payment .payment_methods.methods li, .woocommerce-checkout-review-order #payment .payment_methods.methods li label, .woocommerce-checkout-review-order #payment .payment_methods.methods li .about_paypal, .portfolio-single-content p, .portfolio-single-content .whizz-portfolio-footer-line .portfolio-client .client-value, .portfolio-single-content .whizz-portfolio-footer-line .portfolio-jop-type .job-type-value, .portfolio-single-content .whizz-portfolio-footer-line .date-value, .portfolio-single-content .whizz-portfolio-footer-line .social-list a, .pricing-info .pricing-list ul li, .coming-page-wrapper .subtitle, .popup-content-details .img-date, .popup-content-details .caption-images-portfolio-item p, .contacts-info-wrap.style2 .text, .contacts-info-wrap .content-item div, .contacts-info-wrap .content-item a, .flow-slider .flow-title, .wpb_text_column p, .info-block-parallax-wrap .content-wrap p, .single-content.modern .content-header .description, .events-single-content .info-event-wrap .info-item .info, .events-single-content .info-event-wrap .info-item .info a, .events-single-content .content-main p, .single-proof_gallery .pixproof-data .grid__item .entry__meta-box span, .single-post dl dd, .comments dl dd, .text-light .monospace, .single-proof_gallery .pixproof-data .grid__item .entry__meta-box .meta-box__title, .single-product .product .summary .product_meta a, .whizz-woocommerce-pagination .nav-links .nav-previous a:hover, .whizz-woocommerce-pagination .nav-links .nav-next a:hover, .news.type-1 .news-likes a:hover, .single-proof_gallery .pixproof-data .grid__item .entry__meta-box .meta-box__title, .woocommerce .woocommerce-message, .woocommerce .woocommerce-info, .woocommerce .woocommerce-error, .woocommerce .woocommerce-message:before, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-error:before, .woocommerce .whizz_product_detail div.product p.price del, .woocommerce .single-product div.product p.price del, .woocommerce .whizz_product_detail div.product span.price del, .woocommerce .single-product div.product span.price del, .woocommerce ul.products.default li.product .price del, .whizz_cart.shop_table ul .cart_item ul .product-price del, .whizz_cart.shop_table ul .cart_item ul .product-subtotal del, #topmenu .whizz_mini_cart .product_list_widget .mini_cart_item .mini-cart-data .mini_cart_item_price del, .woocommerce table.shop_table .cart_item .product-total del, .woocommerce .single-product .star-rating:before, .woocommerce .whizz_product_detail .star-rating:before, .single-product .product .summary .cart .variations .value ul li p, .whizz_product_detail .product .summary .cart .variations .value ul li p, .whizz_cart.shop_table ul .cart_item ul .product-name .variation dd p, .portfolio-wrapper .pager-pagination .current, .outer-album-swiper .album-text-desc, .single-content.modern, .km-progressbar-container[data-style=style_2] .km-progressbar-tooltip, .km-socials-m-icon, .events-single-content.protected-page input[type="password"], .single-portfolio .protected-page input[type="password"], .km-modal-video-closer, .km-close, .post.classic .post-info-modern .author a, .post.classic .post-info-modern .category a, .post.classic .post-info-modern .date a, .post.modern .post-info-modern .author a, .post.modern .post-info-modern .category a, .post.modern .post-info-modern .date a, .post.classic .post-info-modern .author, .post.modern .post-info-modern .author, .post.classic .post-big-letter, .post.modern .post-big-letter, .widget_search form div::after, .main-wrapper .col-md-3 .sidebar-item strong, .main-wrapper .col-md-3 .sidebar-item li:hover > a:not(.rsswidget), .main-wrapper .col-md-3 .sidebar-item a:hover, .main-wrapper .col-md-3 .sidebar-item a:hover { color: #000000; } .grey, .category::before, .team-member-wrap.default .team-member::before, .services::after, .skill-wrapper .skill .line, .twitter-wrapper span::after, .about-section, .contact-info, .about-details-section, .coming-soon-wrap .coming-soon-descr, .swipe-btn, .popup-content-details .img-date::before, .news-entry .news, .iframe-video.audio, .post-info span.author, code, .single-product .product .summary .cart .variations .value ul li label:before, .whizz_product_detail .product .summary .cart .variations .value ul li label:before, .woocommerce form.login .form-row input:-webkit-autofill, .woocommerce form.checkout .form-row input:-webkit-autofill, .woocommerce form.login .form-row input:-webkit-autofill:hover, .woocommerce form.checkout .form-row input:-webkit-autofill:hover, .woocommerce form.login .form-row input:-webkit-autofill:focus, .woocommerce form.checkout .form-row input:-webkit-autofill:focus, .woocommerce form.login .form-row label.checkbox:before, .woocommerce form.checkout .form-row label.checkbox:before, .exhibition-wrap .room__side--back, .flipto, .fancybox-infobar .fancybox-button, .fancybox-infobar .fancybox-button:hover, .fancybox-infobar .fancybox-button::before, .twitter-slider .flipster-carousel .flip-content, .contacts-info-wrap.style2.over::before, .kenburns-play, #back-to-top, #back-to-top:hover, .stripped-wrapper .stripped-link .image-wrapper, .fragment-wrapper .fragment-block .fragment-img, .exhibition-wrap, .exhibition-wrap .room__side--left, .exhibition-wrap .room__side--right, .exhibition-wrap .room__side--bottom, .km-progressbar, .km-radial-progressbar .inset .percentage, .post-little-banner, .services::before, .services::after { background-color: #000000; } .coming-soon .svg .svgRect { fill: #000000; } .row.simple { border-right: 2px solid #000000; } .post-info span { border-right: 1px solid #000000; } .single-post .single-content .swiper-container, .single-product .product .woocommerce-Reviews #review_form_wrapper input, .whizz_product_detail .product .woocommerce-Reviews #review_form_wrapper input, .single-product .product .woocommerce-Reviews #review_form_wrapper textarea, .whizz_product_detail .product .woocommerce-Reviews #review_form_wrapper textarea, .whizz_cart.shop_table .complement-cart .coupon .input-text, .woocommerce form.checkout_coupon .form-row input.input-text, .woocommerce form.login .form-row input, .woocommerce form.login .form-row textarea, .woocommerce form.checkout .form-row input, .woocommerce form.checkout .form-row textarea, .select2-container .select2-choice, .select2-container.select2-dropdown-open.select2-drop-above .select2-choice, .select2-search input, .single-product .product .woocommerce-tabs .tabs.wc-tabs:before, .whizz_product_detail .product .woocommerce-tabs .tabs.wc-tabs:before, .whizz_cart.shop_table .heading, .whizz_cart.shop_table .complement-cart, .woocommerce table.shop_table thead, .woocommerce table.shop_table tfoot, .main-wrapper .col-md-3 .sidebar-item h5 { border-bottom: 1px solid #000000; } form.wpcf7-form input:not([type="submit"]), form.wpcf7-form textarea, .events-single-content.protected-page input[type="password"], .single-portfolio .protected-page input[type="password"], .events-single-content.protected-page input[type="password"]:focus, .single-portfolio .protected-page input[type="password"]:focus, .protected-page input[type="password"]:focus { border-bottom: 2px solid #000000; } .comment-title, .main-wrapper .col-md-3 .sidebar-item ul li { border-bottom: 1px dashed #000000; } .single-product .product .summary .cart .variations .value fieldset, .whizz_product_detail .product .summary .cart .variations .value fieldset, .woocommerce form.checkout_coupon, .woocommerce form.login, .portfolio-single-content .whizz-portfolio-footer-line { border-bottom: 4px solid #000000; } .sidebar-item input, .empty-post-list input[type=search], table, th, td, .contacts-info-wrap .form input:not([type="submit"]), .contacts-info-wrap .form textarea, .widget_search input[type="text"], .main-wrapper .col-md-3 .sidebar-item, .single-proof_gallery #pixproof_gallery .proof-photo .meta__action.select-action { border: 1px solid #000000; } .woocommerce .quantity .qty { border: 2px solid #000000; } .woocommerce table.shop_table tfoot { border-top: 1px solid #000000; } .single-product .product .summary .cart .variations .value fieldset, .whizz_product_detail .product .summary .cart .variations .value fieldset, .portfolio-single-content .whizz-portfolio-footer-line { border-top: 4px solid #000000; } @media (min-width: 768px) { #topmenu .f-right > div:first-child::before, .right-menu .f-right > div:first-child::before, .aside-menu .aside-nav { background-color: #000000; } .aside-menu #topmenu { border-right: 1px solid #000000; } .aside-menu #topmenu ul > li > ul > li > ul { border-top: 1px solid #000000; border-bottom: 1px solid #000000; } } @media (max-width: 767px) { #topmenu > ul.menu > li > ul > li, #topmenu > ul.menu > li > ul > li > ul > li { border: 1px solid #000000; } .banner-gallery::before { background-color: #000000; } } @media (max-width: 991px) { .all-posts-descr p { color: #000000; } } /*END FRONT COLOR 2*/ /* ======= BASE WHITE COLOR ======= */ .a-btn, .a-btn-2 { } a { } /*FOOTER*/ #topmenu > ul > div > div > li > a, #topmenu > ul > li > a { font-family: "Montserrat", sans-serif; } #topmenu ul ul li a { font-family: "Montserrat", sans-serif; } /**** BLACK VERSION ****/ body.woocommerce-page .select2-container .select2-selection--single, body.woocommerce-page .select2-container body.woocommerce-page .select2-selection--single .select2-selection__rendered { font-family: Georgia,sans-serif; font-size: 14px; line-height: 28px; letter-spacing: 1.12px; font-weight: 400; color: #1b1b1b; border: none; border-radius: 0; padding: 10px 0; background-color:transparent; border-bottom: 1px solid #f2f2f2; width: 100%; -webkit-transition: color .3s ease,border-bottom .3s ease; -o-transition: color .3s ease,border-bottom .3s ease; transition: color .3s ease,border-bottom .3s ease; } body.woocommerce-page .select2-container--default .select2-selection--single .select2-selection__arrow { top: 20px; } body.woocommerce-page .select2-container .select2-selection--single{ border:none; } .select2-container--open .select2-dropdown--above{ top: -30px; } .select2-container--default .select2-selection--single .select2-selection__rendered { padding-bottom: 10px; border-bottom: 1px solid #f2f2f2; } /*END BASE WHITE COLOR*/